@phonghq/go-chat 1.0.52 → 1.0.54

package/dist/chat/App.vue.js

@@ -819,7 +819,6 @@ else {
         hideNumpad: (__VLS_ctx.isLib),
         responsive: (__VLS_ctx.responsiveRender),
         ...{ class: "bg-white shrink-0 border-l layout-border" },
-        modelValue: "",
     }));
     const __VLS_119 = __VLS_118({
         ...{ 'onCall': {} },
@@ -827,7 +826,6 @@ else {
         hideNumpad: (__VLS_ctx.isLib),
         responsive: (__VLS_ctx.responsiveRender),
         ...{ class: "bg-white shrink-0 border-l layout-border" },
-        modelValue: "",
     }, ...__VLS_functionalComponentArgsRest(__VLS_118));
     let __VLS_121;
     let __VLS_122;

package/dist/chat/page/home/ChatList.vue.d.ts

@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         color: string;
         is_unknown: number;
         customer_id?: number | undefined;
+        tenant_id?: number | undefined;
     }[], IConversation[] | {
         id: number;
         receiver_id: number;
@@ -40,6 +41,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         color: string;
         is_unknown: number;
         customer_id?: number | undefined;
+        tenant_id?: number | undefined;
     }[]>;
     listConversationsUnknown: import("vue").Ref<{
         id: number;
@@ -56,6 +58,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         color: string;
         is_unknown: number;
         customer_id?: number | undefined;
+        tenant_id?: number | undefined;
     }[], IConversation[] | {
         id: number;
         receiver_id: number;
@@ -71,6 +74,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         color: string;
         is_unknown: number;
         customer_id?: number | undefined;
+        tenant_id?: number | undefined;
     }[]>;
     getCurrentConversation: () => IConversation | undefined;
     initData: (option?: {

package/dist/chat/page/home/ChatList.vue.js

@@ -193,10 +193,10 @@ const initData = async (option) => {
             selectUser(conversation);
         }
     }
-    handleTabChange(TAB_VALUE.ALL, { hideCheckHasReceiveId: activeTabs.value != TAB_VALUE.UNKNOWN });
-    handleTabChange(TAB_VALUE.UNKNOWN, {
-        hideCheckHasReceiveId,
-        hideLoading: activeTabs.value != TAB_VALUE.UNKNOWN
+    handleTabChange(activeTabs.value, { hideCheckHasReceiveId: hideCheckHasReceiveId });
+    handleTabChange(activeTabs.value == 1 ? 0 : 1, {
+        hideCheckHasReceiveId: true,
+        hideLoading: true
     });
 };
 const __VLS_exposed = {

package/dist/chat/page/home/ChatMessageItem.vue.js

@@ -138,19 +138,21 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
     }
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-        ...{ class: "px-3 py-2 rounded-2xl max-w-xs text-left" },
+        ...{ class: "px-3 py-2 rounded-2xl max-w-[280px] text-left w-max" },
         ...{ class: ({
-                'rounded-tl-none': !__VLS_ctx.isChatStart && !__VLS_ctx.isMyMessage,
-                'rounded-bl-none': !__VLS_ctx.isChatFinished && !__VLS_ctx.isMyMessage,
-                'rounded-tr-none': !__VLS_ctx.isChatStart && __VLS_ctx.isMyMessage,
-                'rounded-br-none': !__VLS_ctx.isChatFinished && __VLS_ctx.isMyMessage,
+                'rounded-tl-[6px]': !__VLS_ctx.isChatStart && !__VLS_ctx.isMyMessage,
+                'rounded-bl-[6px]': !__VLS_ctx.isChatFinished && !__VLS_ctx.isMyMessage,
+                'rounded-tr-[6px]': !__VLS_ctx.isChatStart && __VLS_ctx.isMyMessage,
+                'rounded-br-[6px]': !__VLS_ctx.isChatFinished && __VLS_ctx.isMyMessage,
                 '!text-white !bg-chat-success': (__VLS_ctx.message.message_uuid && !__VLS_ctx.message.is_call) || __VLS_ctx.message.is_sms,
                 'bg-chat-primary text-white': __VLS_ctx.isMyMessage && !__VLS_ctx.message.is_call,
-                'bg-[#E4E4E4D4]  text-chat-haze-600  w-max ': !__VLS_ctx.isMyMessage || __VLS_ctx.message.is_call
+                'bg-[#E4E4E4D4]  text-chat-haze-600': !__VLS_ctx.isMyMessage || __VLS_ctx.message.is_call,
+                ' ml-auto ': __VLS_ctx.isMyMessage,
+                ' mr-auto ': !__VLS_ctx.isMyMessage
             }) },
     });
     // @ts-ignore
-    [isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, message, message, message, message, message, isChatStart, isChatStart, isChatFinished, isChatFinished,];
+    [isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, message, message, message, message, message, isChatStart, isChatStart, isChatFinished, isChatFinished,];
     if (__VLS_ctx.message.is_call == 1) {
         // @ts-ignore
         [message,];
@@ -286,19 +288,21 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['px-3']} */ ;
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-2xl']} */ ;
-/** @type {__VLS_StyleScopedClasses['max-w-xs']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-[280px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-left']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-tl-none']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-bl-none']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-tr-none']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-br-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-tl-[6px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-bl-[6px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-tr-[6px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-br-[6px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['!text-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['!bg-chat-success']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-chat-primary']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-[#E4E4E4D4]']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-auto']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;

package/dist/chat/page/home/Home.vue.js

@@ -6,7 +6,7 @@ import { getDetailReceiver, getMessage, sendMessage, upLoadImage } from '../../.
 import { computed, nextTick, onMounted, onUnmounted, ref, shallowRef } from 'vue';
 import ChatMessage from '../../../chat/page/home/ChatMessage.vue';
 import { addHandleMqttMessage, connectMqtt, publishMessage, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../../../plugins/mqtt';
-import { TOPIC_DETAIL_CHAT, TOPIC_PLIVO_SMS } from '../../../constant/mqtt';
+import { TOPIC_PLIVO_SMS } from '../../../constant/mqtt';
 import { MessageState } from '../../../constant/message';
 import { publicTopicConversationUpdate } from '../../../utils/chat/store/conversation';
 import { getCache, removeOldestCache, setCache } from '../../../utils/chat/cache';
@@ -31,11 +31,11 @@ onUnmounted(() => {
 const handleConnectMqtt = async () => {
     try {
         await connectMqtt();
-        topic = TOPIC_DETAIL_CHAT + infoUser.value?.conversation_id;
+        // topic = TOPIC_DETAIL_CHAT + infoUser.value?.conversation_id
         topic_plivo_chat = TOPIC_PLIVO_SMS + infoUser.value?.conversation_id;
-        subscribeToTopic(topic);
+        // subscribeToTopic(topic)
         subscribeToTopic(topic_plivo_chat);
-        addHandleMqttMessage('chat-home', topic, mqttMessageHandler);
+        // addHandleMqttMessage('chat-home', topic, mqttMessageHandler)
         addHandleMqttMessage('chat-home-1', topic_plivo_chat, mqttMessageHandler);
     }
     catch (error) {
@@ -43,9 +43,9 @@ const handleConnectMqtt = async () => {
     }
 };
 const handleDisconnectMqtt = async () => {
-    unsubscribeFromTopic(topic);
-    unsubscribeFromTopic(topic_plivo_chat);
-    removeHandleMqttMessage('chat-home');
+    // unsubscribeFromTopic(topic)
+    await unsubscribeFromTopic(topic_plivo_chat);
+    // removeHandleMqttMessage('chat-home')
     removeHandleMqttMessage('chat-home-1');
 };
 const mqttMessageHandler = (topic, message) => {
@@ -112,7 +112,7 @@ const handleGetDetailReceiver = async (data) => {
     const res = (await getDetailReceiver(props.receiverId)) ?? null;
     if (id == props.receiverId) {
         infoUser.value = res;
-        handleDisconnectMqtt();
+        await handleDisconnectMqtt();
         await handleConnectMqtt();
     }
 };
@@ -146,10 +146,10 @@ const handleSendMessage = async (data) => {
         // listMessage.value.push({ ...data, state: MessageState.Sending })
         listMessage.value.unshift({ ...data, state: MessageState.Sending });
         await nextTick();
-        publishMessage(topic, {
-            ...data,
-            state: MessageState.Sending
-        });
+        // publishMessage(topic, {
+        //   ...data,
+        //   state: MessageState.Sending
+        // })
         let file_upload = [];
         if (data?.attachments?.length) {
             updateMessageItem(data.id, { state: MessageState.Uploading });
@@ -164,7 +164,7 @@ const handleSendMessage = async (data) => {
             formData.append('url', file_upload[0]?.url ?? '');
         }
         await sendMessage(formData);
-        publishMessage(topic, {
+        publishMessage(topic_plivo_chat, {
             ...data,
             state: MessageState.Sent,
             attachments: file_upload

package/dist/chat/page/home/HomeHeader.vue.js

@@ -53,7 +53,10 @@ let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "px-8 py-4 h-[96px] layout-shadow border-b border-chat-gray-5 z-10" },
+    ...{ class: ({ '!px-4': __VLS_ctx.responsive == 'mobile' }) },
 });
+// @ts-ignore
+[responsive,];
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex items-center gap-2 h-full" },
 });
@@ -193,6 +196,7 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() &
 /** @type {__VLS_StyleScopedClasses['border-b']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
 /** @type {__VLS_StyleScopedClasses['z-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['!px-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;

package/dist/chat/page/home/InputChat.vue.js

@@ -46,7 +46,7 @@ const handleSendMessage = async (type) => {
     keyword.value = '';
     // chatInputRef.value.style.height = 'auto'
     chatId++;
-    const id = props.data?.id.toString() + '-' + chatId;
+    const id = props.data?.id.toString() + '-' + chatId + '-' + Date.now();
     const data = {
         conversation_id: props.data?.conversation_id,
         created_at: dayjs().tz(TIME_ZONE_UTC).format(DATE_FORMATS['DATE_FORMAT_FULL']),
@@ -149,7 +149,7 @@ __VLS_asFunctionalElement(__VLS_elements.textarea)({
             // @ts-ignore
             [setInputHeight,];
         } },
-    ...{ class: "text-[14px] sm:text-base w-full min-h-11 overflow-hidden chat-input !rounded-xl px-4 py-2 border border-chat-haze-200" },
+    ...{ class: "text-[14px] sm:text-base w-full min-h-11 overflow-hidden chat-input !rounded-xl px-4 py-2 border border-chat-haze-200 leading-[24px]" },
     ref: "chatInputRef",
     rows: "1",
     placeholder: "Send Message",
@@ -310,6 +310,7 @@ const __VLS_19 = __VLS_18({
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['border']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['leading-[24px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['-translate-y-2']} */ ;

package/dist/chat/page/home/PhoneNumpad.vue.js

@@ -50,36 +50,35 @@ if (__VLS_ctx.responsive == 'window') {
     let __VLS_4;
     const __VLS_5 = ({ call: {} },
         { onCall: (__VLS_ctx.handleCall) });
+    var __VLS_6 = {};
     // @ts-ignore
     [responsive, hideNumpad, handleCall,];
     var __VLS_2;
 }
-if (__VLS_ctx.responsive != 'window') {
-    // @ts-ignore
-    [responsive,];
+else {
     /** @type {[typeof DrawerBaseCustom, typeof DrawerBaseCustom, ]} */ ;
     // @ts-ignore
-    const __VLS_7 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
+    const __VLS_8 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
         ref: "drawerVisibleRef",
         responsive: (__VLS_ctx.responsive),
     }));
-    const __VLS_8 = __VLS_7({
+    const __VLS_9 = __VLS_8({
         ref: "drawerVisibleRef",
         responsive: (__VLS_ctx.responsive),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+    }, ...__VLS_functionalComponentArgsRest(__VLS_8));
     /** @type {typeof __VLS_ctx.drawerVisibleRef} */ ;
-    var __VLS_10 = {};
-    const { default: __VLS_12 } = __VLS_9.slots;
+    var __VLS_11 = {};
+    const { default: __VLS_13 } = __VLS_10.slots;
     // @ts-ignore
     [responsive, drawerVisibleRef,];
     {
-        const { content: __VLS_13 } = __VLS_9.slots;
+        const { content: __VLS_14 } = __VLS_10.slots;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "h-full flex flex-col" },
         });
         /** @type {[typeof PhoneNumpad, ]} */ ;
         // @ts-ignore
-        const __VLS_14 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+        const __VLS_15 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ref: "phoneNumpadRef",
@@ -87,33 +86,33 @@ if (__VLS_ctx.responsive != 'window') {
             hideNumpad: (__VLS_ctx.hideNumpad),
             responsive: (__VLS_ctx.responsive),
         }));
-        const __VLS_15 = __VLS_14({
+        const __VLS_16 = __VLS_15({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ref: "phoneNumpadRef",
             ...{ class: "bg-white grow border-l layout-border w-full" },
             hideNumpad: (__VLS_ctx.hideNumpad),
             responsive: (__VLS_ctx.responsive),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_14));
-        let __VLS_17;
+        }, ...__VLS_functionalComponentArgsRest(__VLS_15));
         let __VLS_18;
-        const __VLS_19 = ({ call: {} },
+        let __VLS_19;
+        const __VLS_20 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_20 = ({ back: {} },
+        const __VLS_21 = ({ back: {} },
             { onBack: (...[$event]) => {
-                    if (!(__VLS_ctx.responsive != 'window'))
+                    if (!!(__VLS_ctx.responsive == 'window'))
                         return;
                     __VLS_ctx.drawerVisibleRef?.close();
                     // @ts-ignore
                     [responsive, hideNumpad, handleCall, drawerVisibleRef,];
                 } });
         /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
-        var __VLS_21 = {};
+        var __VLS_22 = {};
         // @ts-ignore
         [phoneNumpadRef,];
-        var __VLS_16;
+        var __VLS_17;
     }
-    var __VLS_9;
+    var __VLS_10;
 }
 /** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
@@ -128,7 +127,7 @@ if (__VLS_ctx.responsive != 'window') {
 /** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 // @ts-ignore
-var __VLS_11 = __VLS_10, __VLS_22 = __VLS_21;
+var __VLS_12 = __VLS_11, __VLS_23 = __VLS_22;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

package/dist/composable/useListConversations.d.ts

@@ -15,6 +15,7 @@ export declare const useListConversations: (is_unknown: number, is_tenant: boole
         color: string;
         is_unknown: number;
         customer_id?: number | undefined;
+        tenant_id?: number | undefined;
     }[], IConversation[] | {
         id: number;
         receiver_id: number;
@@ -30,6 +31,7 @@ export declare const useListConversations: (is_unknown: number, is_tenant: boole
         color: string;
         is_unknown: number;
         customer_id?: number | undefined;
+        tenant_id?: number | undefined;
     }[]>;
     params: import("vue").Ref<{
         page: number;

package/dist/composable/useListConversations.js

@@ -1,6 +1,6 @@
 import { nextTick, onMounted, onUnmounted, ref } from 'vue';
-import { TOPIC_HOME, TOPIC_STATUS_USER } from '../constant/mqtt';
-import { addHandleMqttMessage, connectMqtt, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
+import { TOPIC_HOME } from '../constant/mqtt';
+import { addHandleMqttMessage, connectMqtt, publishMessage, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
 import { dataProfile } from '../utils/chat/store/auth';
 import { useDebounce } from '../utils/debounce';
 import { getConversation } from '../utils/chat/store/conversation';
@@ -29,8 +29,8 @@ export const useListConversations = (is_unknown, is_tenant) => {
             removeHandleMqttMessage('chat-list-' + item + '-' + is_unknown);
         });
         if (dataProfile.value?.user_type == 'tenant') {
-            subscribeToTopic(TOPIC_STATUS_USER + dataProfile.value?.id);
-            removeHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER + '-' + is_unknown);
+            // unsubscribeFromTopic(TOPIC_STATUS_USER + dataProfile.value?.id)
+            // removeHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER + '-' + is_unknown)
         }
     };
     const handleConnectMqtt = async () => {
@@ -38,12 +38,17 @@ export const useListConversations = (is_unknown, is_tenant) => {
             if (dataProfile.value) {
                 await connectMqtt();
                 TOPIC_HOME.forEach((item) => {
-                    console.log(item + dataProfile.value?.id);
-                    subscribeToTopic(item + dataProfile.value?.id);
+                    if (is_unknown == 0) {
+                        subscribeToTopic(item + dataProfile.value?.id);
+                    }
                     addHandleMqttMessage('chat-list-' + item + '-' + is_unknown, item + dataProfile.value?.id, mqttMessageHandler);
                 });
-                subscribeToTopic(TOPIC_STATUS_USER + dataProfile.value?.id);
-                addHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER + '-' + is_unknown, TOPIC_STATUS_USER + dataProfile.value?.id, mqttMessageHandler);
+                // subscribeToTopic(TOPIC_STATUS_USER + dataProfile.value?.id)
+                // addHandleMqttMessage(
+                //   'chat-list-' + TOPIC_STATUS_USER + '-' + is_unknown,
+                //   TOPIC_STATUS_USER + dataProfile.value?.id,
+                //   mqttMessageHandler
+                // )
             }
         }
         catch (error) {
@@ -53,11 +58,14 @@ export const useListConversations = (is_unknown, is_tenant) => {
     const mqttMessageHandler = (topic, data) => {
         if ((data.is_unknown ?? 0) == is_unknown || (!is_tenant && is_unknown == 0)) {
             getDataMqtt();
-            if (topic === TOPIC_HOME[0] + dataProfile.value?.id ||
-                topic === TOPIC_HOME[3] + dataProfile.value?.id) {
+            if (topic ===
+                TOPIC_HOME[0] + dataProfile.value?.id
+            // ||topic === TOPIC_HOME[3] + dataProfile.value?.id
+            ) {
                 const index = listConversations.value.findIndex((item) => item.id === data.id);
                 const hasChatBox = listConversations.value.findIndex((item) => item.id === digibotId);
                 if (index != -1) {
+                    data.username = listConversations.value[index].username ?? '';
                     listConversations.value.splice(index, 1);
                 }
                 if (hasChatBox > -1) {
@@ -68,20 +76,24 @@ export const useListConversations = (is_unknown, is_tenant) => {
                 }
             }
             if (topic === TOPIC_HOME[1] + dataProfile.value?.id) {
-                const index = listConversations.value.findIndex((item) => item.id === data.id);
-                if (index != -1) {
-                    listConversations.value[index].unread_count = 0;
-                }
-            }
-            if (topic === TOPIC_HOME[2] + dataProfile.value?.id) {
-                listConversations.value.unshift(data?.conversations);
-            }
-            if (topic === TOPIC_STATUS_USER + dataProfile.value?.id) {
-                const index = listConversations.value.findIndex((e) => e.receiver_id == Number(data?.customer_id));
-                if (index != -1) {
-                    listConversations.value[index].status = data.is_online ? 1 : 0;
+                if (data.is_unknown == is_unknown) {
+                    const index = listConversations.value.findIndex((item) => item.id === data.id);
+                    if (index != -1) {
+                        listConversations.value[index].unread_count = 0;
+                    }
                 }
             }
+            // if (topic === TOPIC_HOME[2] + dataProfile.value?.id) {
+            //   listConversations.value.unshift(data?.conversations)
+            // }
+            // if (topic === TOPIC_STATUS_USER + dataProfile.value?.id) {
+            //   const index = listConversations.value.findIndex(
+            //     (e) => e.receiver_id == Number(data?.customer_id)
+            //   )
+            //   if (index != -1) {
+            //     listConversations.value[index].status = data.is_online ? 1 : 0
+            //   }
+            // }
         }
     };
     const getDataMqtt = useDebounce(() => {
@@ -131,6 +143,7 @@ export const useListConversations = (is_unknown, is_tenant) => {
             if (listConversations.value[index].unread_count) {
                 readMessages(listConversations.value[index].id);
                 listConversations.value[index].unread_count = 0;
+                publishMessage(TOPIC_HOME[1] + dataProfile.value?.id, listConversations.value[index]);
             }
         }
     };

package/dist/constant/mqtt.js

@@ -3,10 +3,11 @@ export const TOPIC_DETAIL_CALL = 'call/message/';
 export const TOPIC_PLIVO_SMS = 'sms-inbound/';
 export const TOPIC_STATUS_USER = 'user/status/';
 export const TOPIC_HOME = [
-    'chat/conversation/update/',
+    // 'chat/conversation/update/',
+    // 'chat/conversation/read_message/',
+    // 'chat/conversation/update_list/',
+    'chat/conversation/update/sms-inbound/',
     'chat/conversation/read_message/',
-    'chat/conversation/update_list/',
-    'chat/conversation/update/sms-inbound/'
 ];
 // export CALL_STATE = {
 //   Offer: 'offer',