@phonghq/go-chat 1.0.45 → 1.0.47

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

@@ -1,11 +1,11 @@
 import InputSearch from '../../../components/chat/common/input/InputSearch.vue';
-import IconPlus from '../../../assets/icons/IconPlus.vue';
+import IconPlus from '../../../assets/icons/global/IconPlus.vue';
 import { computed, ref } from 'vue';
 import Avatar from '../../../components/chat/customer/Avatar.vue';
-import { getConversationView } from '../../../utils/chat/conversation';
+import { getConversationView } from '../../../utils/chat/store/conversation';
 import ScrollEvent from '../../../components/chat/ScrollEvent/ScrollEvent.vue';
 import { useDebounce } from '../../../utils/debounce';
-import { dataProfile } from '../../../utils/chat/auth';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import updateLocale from 'dayjs/plugin/updateLocale';
@@ -13,7 +13,7 @@ import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
 import { useDigibot } from '../../../composable/useDigibot';
 import { TIME_ZONE_UTC } from '../../../constant/datetime';
-import IconAiCheck from '../../../assets/icons/IconAiCheck.vue';
+import IconAiCheck from '../../../assets/icons/global/IconAiCheck.vue';
 import TabBase2 from '../../../components/chat/common/tabs/TabBase.vue';
 import { useListConversations } from '../../../composable/useListConversations';
 import { phoneNumberFormat } from '../../../utils/string-helper';
@@ -94,7 +94,7 @@ const getData = async (data, option) => {
             checkHasReceiveId();
         }
         if (option?.reset) {
-            getAllList();
+            getAllList(tab_value);
         }
     }
     catch (error) {
@@ -104,17 +104,17 @@ const getData = async (data, option) => {
         isLoadingSearch.value = false;
     }
 };
-const getAllList = async () => {
-    if (activeTabs.value == TAB_VALUE.ALL) {
-        while (paramsAll.value.page < pageCountAll && !scrollEventRef.value?.canScroll()) {
+const getAllList = async (tab_value) => {
+    if (tab_value == TAB_VALUE.ALL) {
+        while (paramsAll.value.page < pageCountAll.value && !scrollEventRef.value?.canScroll()) {
             let page = paramsAll.value.page + 1;
-            await getData({ page });
+            await getData({ page }, { tab: tab_value });
         }
     }
-    else if (activeTabs.value == TAB_VALUE.UNKNOWN) {
-        while (paramsUnknown.value.page < pageCountUnknown && !scrollEventRef.value?.canScroll()) {
+    else if (tab_value == TAB_VALUE.UNKNOWN) {
+        while (paramsUnknown.value.page < pageCountUnknown.value && !scrollEventRef.value?.canScroll()) {
             let page = paramsUnknown.value.page + 1;
-            await getData({ page });
+            await getData({ page }, { tab: tab_value });
         }
     }
 };
@@ -134,7 +134,7 @@ const handleSearch = (value) => {
 };
 const handleScroll = useDebounce(async () => {
     if (activeTabs.value == TAB_VALUE.ALL) {
-        if (paramsAll.value.page >= pageCountAll) {
+        if (paramsAll.value.page >= pageCountAll.value) {
             scrollEventRef.value?.hideLoading();
             return;
         }
@@ -143,7 +143,7 @@ const handleScroll = useDebounce(async () => {
         scrollEventRef.value?.hideLoading();
     }
     else if (activeTabs.value == TAB_VALUE.UNKNOWN) {
-        if (paramsUnknown.value.page >= pageCountUnknown) {
+        if (paramsUnknown.value.page >= pageCountUnknown.value) {
             scrollEventRef.value?.hideLoading();
             return;
         }
@@ -247,22 +247,28 @@ const __VLS_5 = ({ search: {} },
 // @ts-ignore
 [responsive, keyword, handleSearch,];
 var __VLS_2;
-__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.emit('openPhoneNumpad');
-            // @ts-ignore
-            [emit,];
-        } },
-    ...{ class: "shrink-0 h-11 w-11 rounded-full flex-center bg-[#C7DEFF] block xl:hidden" },
-});
-/** @type {[typeof IconPlus, ]} */ ;
-// @ts-ignore
-const __VLS_7 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
-    ...{ class: "text-[#004AB3]" },
-}));
-const __VLS_8 = __VLS_7({
-    ...{ class: "text-[#004AB3]" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+if (__VLS_ctx.responsive != 'window') {
+    // @ts-ignore
+    [responsive,];
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(__VLS_ctx.responsive != 'window'))
+                    return;
+                __VLS_ctx.emit('openPhoneNumpad');
+                // @ts-ignore
+                [emit,];
+            } },
+        ...{ class: "shrink-0 h-11 w-11 rounded-full flex-center bg-[#C7DEFF]" },
+    });
+    /** @type {[typeof IconPlus, ]} */ ;
+    // @ts-ignore
+    const __VLS_7 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
+        ...{ class: "text-[#004AB3]" },
+    }));
+    const __VLS_8 = __VLS_7({
+        ...{ class: "text-[#004AB3]" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+}
 if (__VLS_ctx.dataProfile?.user_type == 'tenant') {
     // @ts-ignore
     [dataProfile,];
@@ -297,12 +303,14 @@ const __VLS_18 = __VLS_asFunctionalComponent(ScrollEvent, new ScrollEvent({
     ...{ 'onGetDataBottom': {} },
     ref: "scrollEventRef",
     ...{ class: "h-full overflow-auto" },
+    disabled: (__VLS_ctx.activeTabs == __VLS_ctx.TAB_VALUE.ALL ? __VLS_ctx.paramsAll.page >= __VLS_ctx.pageCountAll : __VLS_ctx.paramsUnknown.page >= __VLS_ctx.pageCountUnknown),
     bottom: true,
 }));
 const __VLS_19 = __VLS_18({
     ...{ 'onGetDataBottom': {} },
     ref: "scrollEventRef",
     ...{ class: "h-full overflow-auto" },
+    disabled: (__VLS_ctx.activeTabs == __VLS_ctx.TAB_VALUE.ALL ? __VLS_ctx.paramsAll.page >= __VLS_ctx.pageCountAll : __VLS_ctx.paramsUnknown.page >= __VLS_ctx.pageCountUnknown),
     bottom: true,
 }, ...__VLS_functionalComponentArgsRest(__VLS_18));
 let __VLS_21;
@@ -313,7 +321,7 @@ const __VLS_23 = ({ getDataBottom: {} },
 var __VLS_24 = {};
 const { default: __VLS_26 } = __VLS_20.slots;
 // @ts-ignore
-[handleScroll, scrollEventRef,];
+[activeTabs, TAB_VALUE, paramsAll, pageCountAll, paramsUnknown, pageCountUnknown, handleScroll, scrollEventRef,];
 for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
     // @ts-ignore
     [listConversations,];
@@ -337,6 +345,7 @@ for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
     const __VLS_27 = __VLS_asFunctionalComponent(Avatar, new Avatar({
         id: (user.id),
         ...{ class: "shrink-0" },
+        ...{ class: ({ 'animal-icon': user?.id === __VLS_ctx.digibotId }) },
         src: (user.avatar ?? ''),
         color: (user.color),
         name: (user.username ?? ''),
@@ -344,10 +353,13 @@ for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
     const __VLS_28 = __VLS_27({
         id: (user.id),
         ...{ class: "shrink-0" },
+        ...{ class: ({ 'animal-icon': user?.id === __VLS_ctx.digibotId }) },
         src: (user.avatar ?? ''),
         color: (user.color),
         name: (user.username ?? ''),
     }, ...__VLS_functionalComponentArgsRest(__VLS_27));
+    // @ts-ignore
+    [digibotId,];
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "grow ml-3 overflow-hidden" },
     });
@@ -392,12 +404,16 @@ for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
             }) },
     });
     (user.last_message ?? 'No messages');
-    __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
-        ...{ class: "shrink-0 text-sm text-right text-chat-gray-4 w-[80px] md:w-[130px]" },
-    });
-    (__VLS_ctx.getTimeFromNow(user.last_message_time ?? ''));
-    // @ts-ignore
-    [getTimeFromNow,];
+    if (user.id != __VLS_ctx.digibotId) {
+        // @ts-ignore
+        [digibotId,];
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "shrink-0 text-sm text-right text-chat-gray-4 w-[80px] md:w-[130px]" },
+        });
+        (__VLS_ctx.getTimeFromNow(user.last_message_time ?? ''));
+        // @ts-ignore
+        [getTimeFromNow,];
+    }
 }
 var __VLS_20;
 /** @type {__VLS_StyleScopedClasses['']} */ ;
@@ -420,8 +436,6 @@ var __VLS_20;
 /** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-[#C7DEFF]']} */ ;
-/** @type {__VLS_StyleScopedClasses['block']} */ ;
-/** @type {__VLS_StyleScopedClasses['xl:hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-[#004AB3]']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['px-6']} */ ;
@@ -441,6 +455,7 @@ var __VLS_20;
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-[#EDF5FF]']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['animal-icon']} */ ;
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
 /** @type {__VLS_StyleScopedClasses['ml-3']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;

package/dist/test/chat/page/home/ChatMessage.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { dataProfile } from '../../../utils/chat/auth';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import { nextTick, ref } from 'vue';
 import ScrollEvent from '../../../components/chat/ScrollEvent/ScrollEvent.vue';
 import NewCustomer from '../../../chat/page/home/NewCustomer.vue';

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

@@ -114,7 +114,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
                 color: (__VLS_ctx.data?.color),
                 name: (__VLS_ctx.data?.username),
                 size: (__VLS_ctx.responsive == 'mobile' ? 'sm' : 'md'),
-                ...{ class: (__VLS_ctx.responsive == 'mobile' ? 'translate-y-[-2px]' : '') },
+                ...{ class: ({ 'translate-y-[-2px]': __VLS_ctx.responsive == 'mobile', '-translate-y-6': __VLS_ctx.isChatStart && __VLS_ctx.isChatFinished }) },
             }));
             const __VLS_1 = __VLS_0({
                 ...{ class: "shrink-0" },
@@ -122,10 +122,10 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
                 color: (__VLS_ctx.data?.color),
                 name: (__VLS_ctx.data?.username),
                 size: (__VLS_ctx.responsive == 'mobile' ? 'sm' : 'md'),
-                ...{ class: (__VLS_ctx.responsive == 'mobile' ? 'translate-y-[-2px]' : '') },
+                ...{ class: ({ 'translate-y-[-2px]': __VLS_ctx.responsive == 'mobile', '-translate-y-6': __VLS_ctx.isChatStart && __VLS_ctx.isChatFinished }) },
             }, ...__VLS_functionalComponentArgsRest(__VLS_0));
             // @ts-ignore
-            [data, data, data, responsive, responsive,];
+            [data, data, data, responsive, responsive, isChatStart, isChatFinished,];
         }
         else {
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
@@ -167,11 +167,11 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
             // @ts-ignore
             const __VLS_4 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({
                 weight: (2),
-                ...{ class: "w-5 h-5  text-chat-success" },
+                ...{ class: "w-5 h-5 text-chat-success" },
             }));
             const __VLS_5 = __VLS_4({
                 weight: (2),
-                ...{ class: "w-5 h-5  text-chat-success" },
+                ...{ class: "w-5 h-5 text-chat-success" },
             }, ...__VLS_functionalComponentArgsRest(__VLS_4));
         }
         else {
@@ -280,6 +280,8 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['pl-[60px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['translate-y-[-2px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['-translate-y-6']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['px-3']} */ ;
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;

package/dist/test/chat/page/home/ChatMessageItem2.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import Avatar from '../../../components/chat/customer/Avatar.vue';
-import { dataProfile } from '../../../utils/chat/auth';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import { computed, nextTick } from 'vue';
 import { MessageState } from '../../../constant/message';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';

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

@@ -2,14 +2,15 @@
 import HomeHeader from '../../../chat/page/home/HomeHeader.vue';
 import NewCustomer from '../../../chat/page/home/NewCustomer.vue';
 import InputChat from '../../../chat/page/home/InputChat.vue';
-import { getDetailReceiver, getMessage, sendMessage, upLoadImage } from '../../../utils/chat/message';
+import { getDetailReceiver, getMessage, sendMessage, upLoadImage } from '../../../utils/chat/store/message';
 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 { MessageState } from '../../../constant/message';
-import { publicTopicConversationUpdate } from '../../../utils/chat/conversation';
+import { publicTopicConversationUpdate } from '../../../utils/chat/store/conversation';
 import { getCache, removeOldestCache, setCache } from '../../../utils/chat/cache';
+import { digibotId } from '../../../composable/useDigibot';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const MESSAGE_STORAGE_KEY = 'chat-message-';
@@ -310,39 +311,45 @@ else {
         ...{ class: "grow" },
     });
 }
-/** @type {[typeof InputChat, ]} */ ;
-// @ts-ignore
-const __VLS_22 = __VLS_asFunctionalComponent(InputChat, new InputChat({
-    ...{ 'onSendMessage': {} },
-    ...{ 'onFocus': {} },
-    data: (__VLS_ctx.infoUser),
-    responsive: (__VLS_ctx.responsive),
-    ref: "inputChatRef",
-    ...{ class: "p-2 sm:p-6" },
-}));
-const __VLS_23 = __VLS_22({
-    ...{ 'onSendMessage': {} },
-    ...{ 'onFocus': {} },
-    data: (__VLS_ctx.infoUser),
-    responsive: (__VLS_ctx.responsive),
-    ref: "inputChatRef",
-    ...{ class: "p-2 sm:p-6" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_22));
-let __VLS_25;
-let __VLS_26;
-const __VLS_27 = ({ sendMessage: {} },
-    { onSendMessage: (__VLS_ctx.handleSendMessage) });
-const __VLS_28 = ({ focus: {} },
-    { onFocus: (...[$event]) => {
-            __VLS_ctx.emit('inputFocus');
-            // @ts-ignore
-            [infoUser, responsive, emit, handleSendMessage,];
-        } });
-/** @type {typeof __VLS_ctx.inputChatRef} */ ;
-var __VLS_29 = {};
-// @ts-ignore
-[inputChatRef,];
-var __VLS_24;
+if (__VLS_ctx.receiverId != __VLS_ctx.digibotId) {
+    // @ts-ignore
+    [receiverId, digibotId,];
+    /** @type {[typeof InputChat, ]} */ ;
+    // @ts-ignore
+    const __VLS_22 = __VLS_asFunctionalComponent(InputChat, new InputChat({
+        ...{ 'onSendMessage': {} },
+        ...{ 'onFocus': {} },
+        data: (__VLS_ctx.infoUser),
+        responsive: (__VLS_ctx.responsive),
+        ref: "inputChatRef",
+        ...{ class: "p-2 sm:p-6" },
+    }));
+    const __VLS_23 = __VLS_22({
+        ...{ 'onSendMessage': {} },
+        ...{ 'onFocus': {} },
+        data: (__VLS_ctx.infoUser),
+        responsive: (__VLS_ctx.responsive),
+        ref: "inputChatRef",
+        ...{ class: "p-2 sm:p-6" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_22));
+    let __VLS_25;
+    let __VLS_26;
+    const __VLS_27 = ({ sendMessage: {} },
+        { onSendMessage: (__VLS_ctx.handleSendMessage) });
+    const __VLS_28 = ({ focus: {} },
+        { onFocus: (...[$event]) => {
+                if (!(__VLS_ctx.receiverId != __VLS_ctx.digibotId))
+                    return;
+                __VLS_ctx.emit('inputFocus');
+                // @ts-ignore
+                [infoUser, responsive, emit, handleSendMessage,];
+            } });
+    /** @type {typeof __VLS_ctx.inputChatRef} */ ;
+    var __VLS_29 = {};
+    // @ts-ignore
+    [inputChatRef,];
+    var __VLS_24;
+}
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;

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

@@ -1,15 +1,15 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import IconPhone from '../../../assets/icons/IconPhone.vue';
+import IconPhone from '../../../assets/icons/global/IconPhone.vue';
 import { PAGE } from '../../../constant/general';
 import Avatar from '../../../components/chat/customer/Avatar.vue';
 import { routerPush } from '../../../utils/chat/chat-router';
-import { user } from '../../../utils/chat/user';
-import { dataProfile } from '../../../utils/chat/auth';
+import { user } from '../../../utils/chat/store/user';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import { digibotId } from '../../../composable/useDigibot';
-import IconArrowLeft from '../../../assets/icons/IconArrowLeft.vue';
+import IconArrowLeft from '../../../assets/icons/global/IconArrowLeft.vue';
 import { phoneNumberFormat } from '../../../utils/string-helper';
-import IconSms from '../../../assets/icons/IconSms.vue';
-import { activePlivoMode } from '../../..//utils/chat/message';
+import IconSms from '../../../assets/icons/global/IconSms.vue';
+import { activePlivoMode } from '../../../utils/chat/store/message';
 import { ref } from 'vue';
 import ButtonBase from '../../../components/common/button/ButtonBase.vue';
 const props = withDefaults(defineProps(), {});

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

@@ -1,14 +1,14 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import IconPlan from '../../../assets/icons/IconPlan.vue';
+import IconPlan from '../../../assets/icons/global/IconPlan.vue';
 import EmojiPicker from 'vue3-emoji-picker';
 import 'vue3-emoji-picker/css';
 import { useDebounce } from '../../../utils/debounce';
 import dayjs from 'dayjs';
 import { DATE_FORMATS, TIME_ZONE_UTC } from '../../../constant/datetime';
-import { dataProfile } from '../../../utils/chat/auth';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import { computed, ref } from 'vue';
 import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
-import { activePlivoMode } from '../../../utils/chat/message';
+import { activePlivoMode } from '../../../utils/chat/store/message';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const ChatModeOptions = [
@@ -184,9 +184,6 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
         } },
     ...{ class: "h-11 w-8" },
 });
-__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (!(__VLS_ctx.keyword != '' && __VLS_ctx.responsive == 'mobile')) }, null, null);
-// @ts-ignore
-[keyword, responsive,];
 {
     const { content: __VLS_4 } = __VLS_2.slots;
     const __VLS_5 = {}.EmojiPicker;

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

@@ -0,0 +1,127 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
+import { responsiveObserver } from '../../../composable/useListentEvent';
+import PhoneNumpad from '../../../views/home/phone-numpad/PhoneNumpad.vue';
+const emit = defineEmits();
+const drawerVisibleRef = ref();
+const phoneNumpadRef = ref();
+const openPhoneNumpad = () => {
+    phoneNumpadRef.value?.reset();
+    drawerVisibleRef.value?.open();
+};
+const handleCall = (data) => {
+    emit('call', data);
+};
+const __VLS_exposed = { openPhoneNumpad };
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+if (__VLS_ctx.responsiveObserver == 'window') {
+    // @ts-ignore
+    [responsiveObserver,];
+    /** @type {[typeof PhoneNumpad, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+        ...{ 'onCall': {} },
+        ...{ class: "bg-white shrink-0 border-l layout-border" },
+        modelValue: "",
+    }));
+    const __VLS_1 = __VLS_0({
+        ...{ 'onCall': {} },
+        ...{ class: "bg-white shrink-0 border-l layout-border" },
+        modelValue: "",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    let __VLS_3;
+    let __VLS_4;
+    const __VLS_5 = ({ call: {} },
+        { onCall: (__VLS_ctx.handleCall) });
+    // @ts-ignore
+    [handleCall,];
+    var __VLS_2;
+}
+if (__VLS_ctx.responsiveObserver != 'window') {
+    // @ts-ignore
+    [responsiveObserver,];
+    /** @type {[typeof DrawerBaseCustom, typeof DrawerBaseCustom, ]} */ ;
+    // @ts-ignore
+    const __VLS_7 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
+        ref: "drawerVisibleRef",
+        width: (500),
+    }));
+    const __VLS_8 = __VLS_7({
+        ref: "drawerVisibleRef",
+        width: (500),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+    /** @type {typeof __VLS_ctx.drawerVisibleRef} */ ;
+    var __VLS_10 = {};
+    const { default: __VLS_12 } = __VLS_9.slots;
+    // @ts-ignore
+    [drawerVisibleRef,];
+    {
+        const { content: __VLS_13 } = __VLS_9.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({
+            ...{ 'onCall': {} },
+            ...{ 'onBack': {} },
+            ref: "phoneNumpadRef",
+            ...{ class: "bg-white grow border-l layout-border w-full" },
+        }));
+        const __VLS_15 = __VLS_14({
+            ...{ 'onCall': {} },
+            ...{ 'onBack': {} },
+            ref: "phoneNumpadRef",
+            ...{ class: "bg-white grow border-l layout-border w-full" },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_14));
+        let __VLS_17;
+        let __VLS_18;
+        const __VLS_19 = ({ call: {} },
+            { onCall: (__VLS_ctx.handleCall) });
+        const __VLS_20 = ({ back: {} },
+            { onBack: (...[$event]) => {
+                    if (!(__VLS_ctx.responsiveObserver != 'window'))
+                        return;
+                    __VLS_ctx.drawerVisibleRef?.close();
+                    // @ts-ignore
+                    [handleCall, drawerVisibleRef,];
+                } });
+        /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
+        var __VLS_21 = {};
+        // @ts-ignore
+        [phoneNumpadRef,];
+        var __VLS_16;
+    }
+    var __VLS_9;
+}
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+// @ts-ignore
+var __VLS_11 = __VLS_10, __VLS_22 = __VLS_21;
+const __VLS_export = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+});
+export default {};

package/dist/test/chat/page/setting/Setting.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { ref } from 'vue';
 import SelectBase from '../../../components/chat/select/SelectBase.vue';
-import { dataProfile } from '../../../utils/chat/auth';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import { createBusinessTenantPhone } from '../../../plugins/pocketbase';
 import { routerPush } from '../../../utils/chat/chat-router';
 import { PAGE } from '../../../constant/general';

package/dist/test/components/chat/ScrollEvent/ScrollEvent.vue.js

@@ -26,6 +26,8 @@ const handleTouchMoveDebounce = useDebounce((event, el) => {
     handleTouchMove(event, el);
 }, 10);
 const handleTouchMove = async (event, el) => {
+    if (props.disabled)
+        return;
     scrollTopCurrent = el.scrollTop;
     if (el && el.scrollHeight <= el.clientHeight) {
         let position = event.touches[0].clientY;

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

@@ -1,12 +1,12 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 import IconPhone from '../../../assets/icons/call/IconPhone.vue';
-import { dataProfile } from '../../../utils/chat/auth.js';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
-import { downloadRecord, getPlivoAccessToken } from '../../../utils/chat/call';
+import { downloadRecord, getPlivoAccessToken } from '../../../utils/chat/store/call';
 import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
 import Avatar from '../../../components/chat/customer/Avatar.vue';
-import { getUserDetailChat } from '../../../utils/chat/user';
+import { getUserDetailChat } from '../../../utils/chat/store/user';
 import { formatPhone10number } from '../../../utils/chat/phone-string';
 import IconSoundDownload from '../../../assets/icons/call/IconSoundDownload.vue';
 import IconClose from '../../../assets/icons/call/IconClose.vue';
@@ -20,16 +20,6 @@ const props = withDefaults(defineProps(), {
     responsive: 'window'
 });
 const emit = defineEmits();
-// const {
-//   // call,
-//   // end,
-//   // handleMedia,
-//   // startIncomingCall,
-//   // handleCallAnswer,
-//   // callAnswer,
-//   // uuid,
-//   // startPeerConnection
-// } = useCallHelper()
 const handlePlivoCallBack = (status, data) => {
     if (status == PLIVO_CALL_STATUS.RINGING) {
         getUserOffer(data?.phone ?? '');
@@ -55,7 +45,6 @@ const handlePlivoCallBack = (status, data) => {
     }
 };
 const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute, plivoCallSwishSpeaker } = usePlivo(handlePlivoCallBack);
-// const { showError } = useError()
 const STATUS_LABEL = computed(() => {
     return {
         [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
@@ -100,11 +89,11 @@ onMounted(async () => {
     }
 });
 onUnmounted(() => {
-    // removeHandleWebSK('call-message')
     if (timer)
         clearInterval(timer);
     if (timeOut)
         clearTimeout(timeOut);
+    endCall();
     errorMessage.value = '';
 });
 let dataWebSK = null;
@@ -299,7 +288,6 @@ let __VLS_directives;
 /** @type {__VLS_StyleScopedClasses['call-avatar']} */ ;
 /** @type {__VLS_StyleScopedClasses['call-avatar']} */ ;
 /** @type {__VLS_StyleScopedClasses['call-avatar']} */ ;
-/** @type {__VLS_StyleScopedClasses['call-avatar']} */ ;
 /** @type {[typeof DrawerBaseCustom, typeof DrawerBaseCustom, ]} */ ;
 // @ts-ignore
 const __VLS_0 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
@@ -334,7 +322,7 @@ const { default: __VLS_8 } = __VLS_2.slots;
         ...{ style: {} },
     });
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-        ...{ class: "h-40 w-40 call-avatar  mb-8" },
+        ...{ class: "h-40 w-40 call-avatar mb-8" },
     });
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "h-40 w-40 rounded-full overflow-hidden mb-4 border-4 border-white flex-center" },

package/dist/test/components/chat/common/input/InputSearch.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed } from 'vue';
-import IconSearch from '../../../../assets/icons/IconSearch.vue';
+import IconSearch from '../../../../assets/icons/global/IconSearch.vue';
 import { useDebounce } from '../../../../utils/debounce';
 const props = withDefaults(defineProps(), {
     placeholder: 'Search...'