feat: support reply to for incoming messages on facebook (#8076)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/components/widgets/conversation/Message.vue

@@ -35,8 +35,9 @@
           />
         </blockquote>
         <bubble-reply-to
-          v-if="inReplyToMessageId && inboxSupportsReplyTo"
+          v-if="inReplyToMessageId"
           :message="inReplyTo"
+          :message-type="data.message_type"
         />
         <bubble-text
           v-if="data.content"

app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue

@@ -1,6 +1,11 @@
 <template>
   <div
-    class="px-2 py-1.5 -mx-2 rounded-md bg-woot-600 text-woot-50 min-w-[15rem] mb-2"
+    class="px-2 py-1.5 -mx-2 rounded-sm min-w-[15rem] mb-2"
+    :class="{
+      'bg-slate-100 dark:bg-slate-600 dark:text-slate-50':
+        messageType === MESSAGE_TYPE.INCOMING,
+      'bg-woot-600 text-woot-50': messageType === MESSAGE_TYPE.OUTGOING,
+    }"
   >
     <message-preview
       :message="message"
@@ -12,6 +17,7 @@
 
 <script>
 import MessagePreview from 'dashboard/components/widgets/conversation/MessagePreview.vue';
+import { MESSAGE_TYPE } from 'shared/constants/messages';
 
 export default {
   name: 'ReplyTo',
@@ -23,6 +29,13 @@ export default {
       type: Object,
       required: true,
     },
+    messageType: {
+      type: Number,
+      required: true,
+    },
+  },
+  data() {
+    return { MESSAGE_TYPE };
   },
 };
 </script>

app/javascript/shared/mixins/inboxMixin.js

@@ -20,7 +20,6 @@ export const INBOX_FEATURES = {
 export const INBOX_FEATURE_MAP = {
   [INBOX_FEATURES.REPLY_TO]: [
     INBOX_TYPES.WEB,
-    INBOX_TYPES.FB,
     INBOX_TYPES.TWITTER,
     INBOX_TYPES.WHATSAPP,
     INBOX_TYPES.LINE,