@phonghq/go-chat 1.0.67 → 1.0.69

package/dist/chat/App.vue.js

@@ -103,7 +103,7 @@ const handleExposeInit = (init_data) => {
             if (init_data?.conversation_id) {
                 chatListRef.value?.initData({
                     conversation_id: data?.conversation_id,
-                    is_unknown: data?.is_unknown || '0'
+                    is_known: data?.is_known || 1
                 });
             }
             else
@@ -215,7 +215,6 @@ defineExpose({
         await callingRef.value?.answer();
     },
     endCall: () => {
-        console.log('9999999999999999999999999999999');
         callingRef.value?.endCall();
     },
     openSettings,

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

@@ -9,7 +9,7 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
-    handleReadMessage: () => void;
+    handleReadMessage: (receiver_id_request?: number | undefined) => void;
     listConversationsAll: import("vue").Ref<{
         id: number;
         receiver_id: number;
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         unread_count: number;
         status: number;
         color: string;
-        is_unknown: number;
+        is_known: number;
         customer_id?: number | undefined;
         tenant_id?: number | undefined;
     }[], IConversation[] | {
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         unread_count: number;
         status: number;
         color: string;
-        is_unknown: number;
+        is_known: number;
         customer_id?: number | undefined;
         tenant_id?: number | undefined;
     }[]>;
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         unread_count: number;
         status: number;
         color: string;
-        is_unknown: number;
+        is_known: number;
         customer_id?: number | undefined;
         tenant_id?: number | undefined;
     }[], IConversation[] | {
@@ -72,14 +72,14 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         unread_count: number;
         status: number;
         color: string;
-        is_unknown: number;
+        is_known: number;
         customer_id?: number | undefined;
         tenant_id?: number | undefined;
     }[]>;
     getCurrentConversation: () => IConversation | undefined;
     initData: (option?: {
         conversation_id?: any;
-        is_unknown?: string | undefined;
+        is_known?: string | undefined;
     } | undefined) => Promise<void>;
     handleTabChange: (tab: any, option?: {
         hideCheckHasReceiveId?: boolean | undefined;

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

@@ -1,6 +1,6 @@
 import InputSearch from '../../../components/chat/common/input/InputSearch.vue';
 import IconPlus from '../../../assets/icons/global/IconPlus.vue';
-import { computed, onMounted, onUnmounted, ref } from 'vue';
+import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';
 import Avatar from '../../../components/chat/customer/Avatar.vue';
 import { getConversationView } from '../../../utils/chat/store/conversation';
 import ScrollEvent from '../../../components/chat/ScrollEvent/ScrollEvent.vue';
@@ -44,21 +44,44 @@ dayjs.updateLocale('en', {
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const TAB_VALUE = {
-    ALL: 0,
-    UNKNOWN: 1
+    ALL: 1,
+    UNKNOWN: 0
 };
 const tabs = computed(() => [
-    { label: 'All', value: TAB_VALUE.ALL, badge: (listConversationsAllUnread.value || '').toString() },
+    {
+        label: 'All',
+        value: TAB_VALUE.ALL,
+        badge: (listConversationsAllUnread.value || '').toString()
+    },
     {
         label: 'Message Requests',
         value: TAB_VALUE.UNKNOWN,
         badge: (listConversationsUnknownUnread.value || '').toString()
     }
 ]);
+const checkConversationHasCustomer = (data) => {
+    const index = listConversationsAll.value.findIndex((item) => item.receiver_id == data.receiver_id);
+    const unknown_index = listConversationsUnknown.value.findIndex((item) => item.receiver_id == data.receiver_id);
+    if (index > -1) {
+        listConversationsAll.value[index].last_message = data.last_message;
+        listConversationsAll.value[index].last_message_time = data.last_message_time;
+        listConversationsAll.value[index].unread_count = data.unread_count;
+        listConversationsAll.value[index].id = data.id;
+        return true;
+    }
+    else if (unknown_index > -1) {
+        listConversationsUnknown.value[index].last_message = data.last_message;
+        listConversationsUnknown.value[index].last_message_time = data.last_message_time;
+        listConversationsUnknown.value[index].unread_count = data.unread_count;
+        listConversationsUnknown.value[index].id = data.id;
+        return true;
+    }
+    return false;
+};
 let topic_customer_update = '';
 const { digibotData, digibotId } = useDigibot();
-const { listConversations: listConversationsAll, getData: getDataAll, params: paramsAll, pageCount: pageCountAll, handleReadMessage: handleReadMessageAll, getDataCache: getDataCacheAll } = useListConversations(TAB_VALUE.ALL, dataProfile.value?.user_type === 'tenant');
-const { listConversations: listConversationsUnknown, getData: getDataUnknown, params: paramsUnknown, pageCount: pageCountUnknown, handleReadMessage: handleReadMessageUnknown, getDataCache: getDataCacheUnknown } = useListConversations(TAB_VALUE.UNKNOWN, dataProfile.value?.user_type === 'tenant');
+const { listConversations: listConversationsAll, getData: getDataAll, params: paramsAll, pageCount: pageCountAll, handleReadMessage: handleReadMessageAll, getDataCache: getDataCacheAll } = useListConversations(TAB_VALUE.ALL, dataProfile.value?.user_type === 'tenant', checkConversationHasCustomer);
+const { listConversations: listConversationsUnknown, getData: getDataUnknown, params: paramsUnknown, pageCount: pageCountUnknown, handleReadMessage: handleReadMessageUnknown, getDataCache: getDataCacheUnknown } = useListConversations(TAB_VALUE.UNKNOWN, dataProfile.value?.user_type === 'tenant', checkConversationHasCustomer);
 onMounted(async () => {
     try {
         if (dataProfile.value) {
@@ -86,7 +109,7 @@ const listConversationsUnknownUnread = computed(() => {
     return (listConversationsUnknown.value.reduce((total, cur) => total + (cur?.unread_count ?? 0), 0) ?? 0);
 });
 const listConversationsAllUnread = computed(() => {
-    return (listConversationsAll.value.reduce((total, cur) => total + (cur?.unread_count ?? 0), 0) ?? 0);
+    return listConversationsAll.value.reduce((total, cur) => total + (cur?.unread_count ?? 0), 0) ?? 0;
 });
 const keyword = ref('');
 const activeTabs = ref(TAB_VALUE.ALL);
@@ -134,7 +157,10 @@ const mqttMessageHandler = async (topic, data) => {
     const idIndex = subParts.findIndex((p) => p === '+');
     const id = topicParts[idIndex];
     const customer = await getDetailReceiver(id);
-    const isAllTab = !!customer.username;
+    // console.log(customer,'aaaaaaaaaaa')
+    await nextTick();
+    await sleep(500);
+    const isAllTab = customer.is_known == 1;
     const correctList = isAllTab ? listConversationsAll.value : listConversationsUnknown.value;
     const wrongList = isAllTab ? listConversationsUnknown.value : listConversationsAll.value;
     const updatePayload = {
@@ -142,29 +168,54 @@ const mqttMessageHandler = async (topic, data) => {
         phone: customer.phone,
         avatar: customer.avatar,
         color: customer.color,
-        local_id: customer.conversation_id
     };
-    const correctIndex = correctList.findIndex((conversation) => conversation.id === customer.conversation_id);
+    const correctIndex = correctList.findIndex((conversation) => conversation.receiver_id === customer.id);
     if (correctIndex > -1) {
         Object.assign(correctList[correctIndex], updatePayload);
     }
-    const wrongIndex = wrongList.findIndex((c) => c.id === customer.conversation_id);
+    const wrongIndex = wrongList.findIndex((c) => c.receiver_id === customer.id);
+    // const hasChatBox = correctList.findIndex((item: any) => item.id === digibotId)
     if (wrongIndex > -1) {
+        // if(!isAllTab) {
+        //   wrongList.splice(wrongIndex, 1)
+        // }
         const conversation = wrongList[wrongIndex];
         wrongList.splice(wrongIndex, 1);
-        const hasChatBox = listConversations.value.findIndex((item) => item.id === digibotId);
         const data_format = {
             ...conversation,
             ...updatePayload
         };
-        if (hasChatBox > -1) {
-            correctList.splice(1, 0, data_format);
+        if (correctIndex == -1) {
+            if (isAllTab) {
+                correctList.splice(1, 0, data_format);
+            }
+            else {
+                correctList.unshift(data_format);
+            }
+        }
+    }
+    if (wrongIndex == -1 && correctIndex == -1) {
+        const conversation = {
+            id: -99,
+            last_message: '',
+            last_message_time: '',
+            unread_count: 0,
+            created_at: '',
+            updated_at: '',
+            receiver_id: Number(customer?.id) ?? 0,
+            is_known: customer.is_known,
+            status: 1,
+            ...updatePayload
+        };
+        if (isAllTab) {
+            correctList.splice(1, 0, conversation);
         }
         else {
-            correctList.unshift(data_format);
+            correctList.unshift(conversation);
         }
     }
 };
+const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
 const getAllList = async (tab_value) => {
     if (tab_value == TAB_VALUE.ALL) {
         while (paramsAll.value.page < pageCountAll.value && !scrollEventRef.value?.canScroll()) {
@@ -215,15 +266,16 @@ const handleScroll = useDebounce(async () => {
     }
 }, 200);
 const selectUser = (user) => {
-    handleReadMessage();
+    handleReadMessage(user.receiver_id);
     emit('selectReceiver', user);
 };
-const handleReadMessage = () => {
+const handleReadMessage = (receiver_id_request) => {
+    const id = receiver_id_request ?? receiver_id.value;
     if (activeTabs.value == TAB_VALUE.ALL) {
-        handleReadMessageAll(receiver_id.value);
+        handleReadMessageAll(id);
     }
     else if (activeTabs.value == TAB_VALUE.UNKNOWN) {
-        handleReadMessageUnknown(receiver_id.value);
+        handleReadMessageUnknown(id);
     }
 };
 const getTimeFromNow = (data) => {
@@ -245,8 +297,8 @@ const getCurrentConversation = () => {
     return listConversations.value?.find((user) => user.receiver_id == receiver_id.value);
 };
 const initData = async (option) => {
-    if (option?.is_unknown || option?.is_unknown == '0') {
-        activeTabs.value = Number(option?.is_unknown);
+    if (option?.is_known || option?.is_known == TAB_VALUE.ALL.toString()) {
+        activeTabs.value = Number(option?.is_known);
     }
     let hideCheckHasReceiveId = false;
     if (option?.conversation_id) {

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

@@ -41,8 +41,8 @@ const handleVisibilitychange = () => {
 const handleConnectMqtt = async () => {
     try {
         await connectMqtt();
-        topic = TOPIC_PLIVO_CALL + infoUser.value?.conversation_id;
-        topic_plivo_chat = TOPIC_PLIVO_SMS + infoUser.value?.conversation_id;
+        topic = TOPIC_PLIVO_CALL + props.conversation?.id;
+        topic_plivo_chat = TOPIC_PLIVO_SMS + props.conversation?.id;
         // subscribeToTopic(topic)
         subscribeToTopic(topic_plivo_chat);
         subscribeToTopic(topic);
@@ -183,7 +183,7 @@ const handleSendMessage = async (data) => {
         chatMessageRef.value?.scrollBottom();
         const formData = new FormData();
         formData.append('message', data.message ?? '');
-        formData.append('receiver_id', infoUser.value?.id ?? '');
+        formData.append('receiver_id', infoUser.value?.id.toString() ?? '');
         if (file_upload?.length) {
             formData.append('url', file_upload[0]?.url ?? '');
         }
@@ -213,7 +213,8 @@ const handleSendMessage = async (data) => {
             message: data?.message ?? '',
             isSendImg: !!file_upload?.length,
             infoUser: infoUser.value,
-            is_unknown: props.conversation?.is_unknown ?? 0
+            is_known: props.conversation?.is_known ?? 0,
+            conversation_id: props.conversation?.id ?? 0
         });
     }
     catch (error) {
@@ -376,6 +377,7 @@ if (__VLS_ctx.receiverId != __VLS_ctx.digibotId) {
         ...{ 'onFocus': {} },
         data: (__VLS_ctx.infoUser),
         responsive: (__VLS_ctx.responsive),
+        conversation: (__VLS_ctx.conversation),
         ref: "inputChatRef",
         ...{ class: "p-2 sm:p-6" },
     }));
@@ -384,6 +386,7 @@ if (__VLS_ctx.receiverId != __VLS_ctx.digibotId) {
         ...{ 'onFocus': {} },
         data: (__VLS_ctx.infoUser),
         responsive: (__VLS_ctx.responsive),
+        conversation: (__VLS_ctx.conversation),
         ref: "inputChatRef",
         ...{ class: "p-2 sm:p-6" },
     }, ...__VLS_functionalComponentArgsRest(__VLS_22));
@@ -397,7 +400,7 @@ if (__VLS_ctx.receiverId != __VLS_ctx.digibotId) {
                     return;
                 __VLS_ctx.emit('inputFocus');
                 // @ts-ignore
-                [infoUser, responsive, emit, handleSendMessage,];
+                [infoUser, responsive, emit, conversation, handleSendMessage,];
             } });
     /** @type {typeof __VLS_ctx.inputChatRef} */ ;
     var __VLS_29 = {};

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

@@ -17,7 +17,7 @@ const emit = defineEmits();
 const activePlivoSms = ref(dataProfile.value?.is_sms_active == 1);
 const loading = ref(false);
 const goToViewUser = () => {
-    if (props.data?.id == digibotId.toString())
+    if (props.data?.id.toString() == digibotId.toString())
         return;
     if (dataProfile.value?.user_type == 'tenant') {
         user.value = props.data;
@@ -127,7 +127,7 @@ __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
 (__VLS_ctx.data?.username || __VLS_ctx.phoneNumberFormat(__VLS_ctx.data?.phone ?? '') || 'n/a');
 // @ts-ignore
 [data, data, phoneNumberFormat,];
-if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant') {
+if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant') {
     // @ts-ignore
     [dataProfile, data, data, digibotId,];
     /** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
@@ -150,7 +150,7 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() &
     let __VLS_15;
     const __VLS_16 = ({ click: {} },
         { onClick: (...[$event]) => {
-                if (!(__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant'))
+                if (!(__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant'))
                     return;
                 __VLS_ctx.handleActivePlivoSmsChange(!__VLS_ctx.activePlivoSms);
                 // @ts-ignore
@@ -173,12 +173,12 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() &
     }
     var __VLS_13;
 }
-if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant') {
+if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant') {
     // @ts-ignore
     [dataProfile, data, data, digibotId,];
     __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
         ...{ onClick: (...[$event]) => {
-                if (!(__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant'))
+                if (!(__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant'))
                     return;
                 __VLS_ctx.emit('call');
                 // @ts-ignore

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

@@ -1,8 +1,10 @@
 import type { IResMessage, IResUser } from '../../../types/message';
 import 'vue3-emoji-picker/css';
 import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+import type { IConversation } from '../../../types/conversation';
 type Props = {
     data: IResUser | null;
+    conversation: IConversation | null;
     responsive: PAGE_RESPONSIVE;
 };
 type __VLS_Props = Props;

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

@@ -9,7 +9,7 @@ import { dataProfile } from '../../../utils/chat/store/auth';
 import { ref, onMounted, onUnmounted } from 'vue';
 import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
 import IconCloseCircle from '../../../assets/icons/global/IconCloseCircle.vue';
-import DropZone from '@/chat/page/home/DropZone.vue';
+import DropZone from '../../../chat/page/home/DropZone.vue';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const ChatModeOptions = [
@@ -62,7 +62,7 @@ const handleSendMessage = async (type) => {
     chatId++;
     const id = props.data?.id.toString() + '-' + chatId + '-' + Date.now();
     const data = {
-        conversation_id: props.data?.conversation_id,
+        conversation_id: props.conversation?.id,
         created_at: dayjs().tz(TIME_ZONE_UTC).format(DATE_FORMATS['DATE_FORMAT_FULL']),
         id,
         local_id: id,

package/dist/components/chat/call/Calling.vue.js

@@ -46,7 +46,7 @@ const handlePlivoCallBack = (status, data) => {
         handleMedialPermissionError();
     }
 };
-const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute, plivoCallSwishSpeaker, plivoRemoveCallBack, checkTimeLimit, plivoBrowserSdk } = usePlivo(handlePlivoCallBack);
+const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute, plivoCallSwishSpeaker, plivoRemoveCallBack, checkTimeLimit, isPlivoOn } = usePlivo(handlePlivoCallBack);
 const STATUS_LABEL = computed(() => {
     return {
         [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
@@ -247,7 +247,7 @@ const getUserOffer = async (phone) => {
     }
 };
 const handleTimeLimitError = () => {
-    if (plivoBrowserSdk == null)
+    if (!isPlivoOn.value)
         return;
     errorMessage.value = 'Call time limit reached. This call has ended.';
     endCall();

package/dist/components/chat/customer/Avatar.vue.js

@@ -6,7 +6,14 @@ const props = withDefaults(defineProps(), {
     size: 'md',
     src: ''
 });
-const initials = computed(() => props.name?.[0]?.toUpperCase() ?? '');
+const initials = computed(() => {
+    if (!props.name)
+        return '';
+    const char = props.name
+        .trim()
+        .match(/[A-Za-z0-9]/)?.[0];
+    return char?.toUpperCase() ?? '';
+});
 const sizeClass = computed(() => {
     const s = props.size;
     if (typeof s === 'number')

package/dist/composable/useDigibot.js

@@ -13,7 +13,7 @@ export const digibotData = {
     unread_count: 0,
     status: 1,
     color: '#4F46E5',
-    is_unknown: 0
+    is_known: 1
 };
 export function useDigibot() {
     return {

package/dist/composable/useInitData.d.ts

@@ -7,6 +7,6 @@ export declare function useInitData(): {
         responsive: PAGE_RESPONSIVE;
     }) => Promise<{
         conversation_id?: string;
-        is_unknown?: string;
+        is_known?: string;
     }>;
 };

package/dist/composable/useInitData.js

@@ -48,15 +48,15 @@ export function useInitData() {
         }
     };
     const checkNotificationParams = () => {
-        // return {conversation_id: '339', is_unknown: '1'}
+        // return {conversation_id: '339', is_known: '1'}
         const queryString = window.location.search;
         const urlParams = new URLSearchParams(queryString);
         const conversation_id = urlParams.get('conversation_id') || '';
-        const is_unknown = urlParams.get('is_unknown') || '';
-        if (!conversation_id || !is_unknown)
+        const is_known = urlParams.get('is_known') || '';
+        if (!conversation_id || !is_known)
             return {};
         clearApiParams();
-        return { conversation_id, is_unknown };
+        return { conversation_id, is_known };
     };
     const loginApiLink = async () => {
         try {

package/dist/composable/useListConversations.d.ts

@@ -1,5 +1,5 @@
 import type { IConversation, IParamGetConversation } from '../types/conversation';
-export declare const useListConversations: (is_unknown: number, is_tenant: boolean) => {
+export declare const useListConversations: (is_known: number, is_tenant: boolean, checkConversationHasCustomer: (data: IConversation) => boolean) => {
     listConversations: import("vue").Ref<{
         id: number;
         receiver_id: number;
@@ -13,7 +13,7 @@ export declare const useListConversations: (is_unknown: number, is_tenant: boole
         unread_count: number;
         status: number;
         color: string;
-        is_unknown: number;
+        is_known: number;
         customer_id?: number | undefined;
         tenant_id?: number | undefined;
     }[], IConversation[] | {
@@ -29,7 +29,7 @@ export declare const useListConversations: (is_unknown: number, is_tenant: boole
         unread_count: number;
         status: number;
         color: string;
-        is_unknown: number;
+        is_known: number;
         customer_id?: number | undefined;
         tenant_id?: number | undefined;
     }[]>;

package/dist/composable/useListConversations.js

@@ -9,7 +9,7 @@ import dayjs from 'dayjs';
 import { useDigibot } from '../composable/useDigibot';
 import { getCache, setCache } from '../utils/chat/cache';
 const { digibotData, digibotId } = useDigibot();
-export const useListConversations = (is_unknown, is_tenant) => {
+export const useListConversations = (is_known, is_tenant, checkConversationHasCustomer) => {
     const STORAGE_KEY = 'chat-conversation-';
     const pageCount = ref(0);
     const listConversations = ref([]);
@@ -34,11 +34,11 @@ export const useListConversations = (is_unknown, is_tenant) => {
     const handleDisconnectMqtt = () => {
         TOPIC_HOME.forEach((item) => {
             unsubscribeFromTopic(item + dataProfile.value?.id);
-            removeHandleMqttMessage('chat-list-' + item + '-' + is_unknown);
+            removeHandleMqttMessage('chat-list-' + item + '-' + is_known);
         });
         if (dataProfile.value?.user_type == 'tenant') {
             // unsubscribeFromTopic(TOPIC_STATUS_USER + dataProfile.value?.id)
-            // removeHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER + '-' + is_unknown)
+            // removeHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER + '-' + is_known)
         }
     };
     const handleConnectMqtt = async () => {
@@ -46,10 +46,10 @@ export const useListConversations = (is_unknown, is_tenant) => {
             if (dataProfile.value) {
                 await connectMqtt();
                 TOPIC_HOME.forEach((item) => {
-                    if (is_unknown == 0) {
+                    if (is_known == 0) {
                         subscribeToTopic(item + dataProfile.value?.id);
                     }
-                    addHandleMqttMessage('chat-list-' + item + '-' + is_unknown, item + dataProfile.value?.id, mqttMessageHandler);
+                    addHandleMqttMessage('chat-list-' + item + '-' + is_known, item + dataProfile.value?.id, mqttMessageHandler);
                 });
             }
         }
@@ -62,13 +62,13 @@ export const useListConversations = (is_unknown, is_tenant) => {
         //   getData({}, {reset: true})
         //   return
         // }
-        if ((data.is_unknown ?? 0) == is_unknown || (!is_tenant && is_unknown == 0)) {
+        if ((data.is_known ?? 1) == is_known || (!is_tenant && is_known == 1)) {
             getDataMqttDebounce();
             if (topic ===
                 TOPIC_HOME[0] + dataProfile.value?.id
                 || topic === TOPIC_HOME[1] + dataProfile.value?.id) {
-                const index = listConversations.value.findIndex((item) => item.id === data.id);
-                const hasChatBox = listConversations.value.findIndex((item) => item.id === digibotId);
+                const index = listConversations.value.findIndex(item => item.id === data.id);
+                const hasChatBox = listConversations.value.findIndex(item => item.id === digibotId);
                 if (index != -1) {
                     let conversation = listConversations.value[index];
                     data.username = conversation.username;
@@ -78,6 +78,12 @@ export const useListConversations = (is_unknown, is_tenant) => {
                     listConversations.value.splice(index, 1);
                 }
                 else {
+                    if (is_known == 0) {
+                        const isHasCustomer = checkConversationHasCustomer(data);
+                        await nextTick();
+                        if (isHasCustomer)
+                            return;
+                    }
                     const conversation = await getConversationView(data.id);
                     data.username = conversation.username;
                     data.color = conversation.color;
@@ -85,7 +91,7 @@ export const useListConversations = (is_unknown, is_tenant) => {
                     data.phone = conversation.phone;
                 }
                 // data.receiver_id = data.receiver_id != dataProfile.value?.id ? data.receiver_id : data.sender_id
-                if (hasChatBox > -1) {
+                if (is_known == 1) {
                     listConversations.value.splice(1, 0, data);
                 }
                 else {
@@ -93,7 +99,7 @@ export const useListConversations = (is_unknown, is_tenant) => {
                 }
             }
             if (topic === TOPIC_HOME[2] + dataProfile.value?.id) {
-                if (data.is_unknown == is_unknown) {
+                if (data.is_known == is_known) {
                     const index = listConversations.value.findIndex((item) => item.id === data.id);
                     if (index != -1) {
                         listConversations.value[index].unread_count = 0;
@@ -118,21 +124,21 @@ export const useListConversations = (is_unknown, is_tenant) => {
     }, 5000);
     const getData = async (data, option) => {
         try {
-            if (!is_tenant && is_unknown == 1)
+            if (!is_tenant && is_known == 1)
                 return;
             params.value = { ...params.value, ...(data ?? {}) };
             if (option?.reset) {
                 params.value.page = 1;
             }
-            const is_unknown_value = is_tenant ? is_unknown : undefined;
+            const is_known_value = is_tenant ? is_known : undefined;
             const page_request = option?.page ?? params.value.page;
             const res = await getConversation({
                 ...params.value,
-                is_unknown: is_unknown_value,
+                is_known: is_known_value,
                 page: page_request
             });
             if (page_request <= 1 && !params.value?.search) {
-                setCache(STORAGE_KEY + is_unknown, res.items);
+                setCache(STORAGE_KEY + is_known, res.items);
             }
             if (option?.is_mqtt) {
                 mergeChats(res?.items);
@@ -140,7 +146,7 @@ export const useListConversations = (is_unknown, is_tenant) => {
             }
             if (option?.reset) {
                 listConversations.value = [];
-                if (is_unknown == 0 && dataProfile.value?.user_type == 'tenant')
+                if (is_known == 1 && dataProfile.value?.user_type == 'tenant')
                     listConversations.value.push(digibotData);
                 await nextTick();
             }
@@ -174,7 +180,7 @@ export const useListConversations = (is_unknown, is_tenant) => {
         }
     };
     const getDataCache = () => {
-        const cache_data = getCache(STORAGE_KEY + is_unknown);
+        const cache_data = getCache(STORAGE_KEY + is_known);
         if (cache_data.data) {
             listConversations.value = [];
             listConversations.value.push(...(cache_data.data ?? []));

package/dist/composable/useListentEvent.js

@@ -17,7 +17,7 @@ export function useListenEvent(callBackResizeChange) {
         if (!appChatRef)
             return;
         const width = appChatRef?.offsetWidth ?? 0;
-        if (width >= 1180) {
+        if (width >= 1281) {
             if (responsiveObserver.value != 'window') {
                 if (!is_init)
                     callBackResizeChange?.();

package/dist/composable/usePlivo.d.ts

@@ -12,5 +12,5 @@ export declare function usePlivo(callback: (status: PlivoCallStatusType, data?:
     plivoCallSwishSpeaker: (id: any) => void;
     plivoRemoveCallBack: () => void;
     checkTimeLimit: () => Promise<number>;
-    plivoBrowserSdk: any;
+    isPlivoOn: import("vue").Ref<boolean, boolean>;
 };

package/dist/composable/usePlivo.js

@@ -2,6 +2,7 @@ import { PLIVO_CALL_STATUS } from '../types/chat/call';
 import { createSipAccount } from '../utils/chat/store/call';
 import { dataProfile } from '../utils/chat/store/auth';
 import { getPhoneTimeLimit } from '../utils/chat/store/message';
+import { ref } from 'vue';
 export function usePlivo(callback) {
     var options = {
         debug: 'ALL',
@@ -15,6 +16,7 @@ export function usePlivo(callback) {
     let CallUuid = '';
     let custom_resolve = null;
     let custom_reject = null;
+    const isPlivoOn = ref(false);
     const plivoLogin = async (data) => {
         try {
             if (!plivoBrowserSdk) {
@@ -41,8 +43,10 @@ export function usePlivo(callback) {
             // await plivoBrowserSdk?.client?.login(payload.sub , null, token)
             await plivoBrowserSdk?.client?.loginWithAccessToken(data.token);
             plivoBrowserSdk?.client?.setRingTone(false);
+            isPlivoOn.value = true;
             // await plivoBrowserSdk?.client?.on?.(payload)
             // console.log('Registered with token')
+            console.log(plivoBrowserSdk);
         }
         catch (err) {
             console.log('Login error: ' + err);
@@ -179,6 +183,7 @@ export function usePlivo(callback) {
         plivoBrowserSdk?.client?.off?.('onMediaPermission', handleMediaPermission);
         plivoBrowserSdk?.client?.off?.('onLoginFailed', handleLoginFailed);
         plivoBrowserSdk = null;
+        isPlivoOn.value = false;
     };
     const sleep = () => {
         return new Promise((resolve) => setTimeout(resolve, 2000));
@@ -193,6 +198,6 @@ export function usePlivo(callback) {
         plivoCallSwishSpeaker,
         plivoRemoveCallBack,
         checkTimeLimit,
-        plivoBrowserSdk
+        isPlivoOn
     };
 }