@phonghq/go-chat 1.0.45 → 1.0.47

package/dist/test/chat/App.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 ChatList from '../chat/page/home/ChatList.vue';
 import HomeComponent from '../chat/page/home/Home.vue';
-import IconArrowLeft from '../assets/icons/IconArrowLeft.vue';
+import IconArrowLeft from '../assets/icons/global/IconArrowLeft.vue';
 import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';
 import { PAGE } from '../constant/general';
 import CustomerDetail from '../chat/page/customer-detail/CustomerDetail.vue';
@@ -12,15 +12,17 @@ import Error from '../chat/page/error/Error.vue';
 import { currentPage, routerPush } from '../utils/chat/chat-router';
 import BaseSpin from '../components/chat/common/spin/BaseSpin.vue';
 import Calling from '../components/chat/call/Calling.vue';
-import { dataProfile, logout } from '../utils/chat/auth';
+import { dataProfile, logout } from '../utils/chat/store/auth';
 import '../style/index.scss';
 import { defineRootColor } from '../constant/color';
-import IconCloseCircle from '../assets/icons/IconCloseCircle.vue';
+import IconCloseCircle from '../assets/icons/global/IconCloseCircle.vue';
 import Setting from '../chat/page/setting/Setting.vue';
 import SettingSuccess from '../chat/page/setting/SettingSuccess.vue';
 import NotTenantPhone from '../views/NotTenantPhone.vue';
 import { phoneNumberFormat } from '../utils/string-helper';
 import { responsiveObserver, useListenEvent } from '../composable/useListentEvent';
+import PhoneNumpad from './page/home/PhoneNumpad.vue';
+import PageError from '../components/layout/PageError.vue';
 const routerConfig = [
     { id: PAGE.HOME, backFunc: null, backTitle: '' },
     {
@@ -92,20 +94,30 @@ const props = withDefaults(defineProps(), {
     response: 'tablet'
 });
 const emit = defineEmits();
+let initTimer = null;
 const handleExposeInit = (init_data) => {
-    if (init_data?.conversation_id) {
-        chatListRef.value?.initData({
-            conversation_id: init_data?.conversation_id,
-            is_unknown: init_data?.is_unknown || '0'
-        });
-    }
-    else
-        chatListRef.value?.initData();
+    if (initTimer)
+        return;
+    const func = (data) => {
+        if (chatListRef.value) {
+            if (init_data?.conversation_id) {
+                chatListRef.value?.initData({
+                    conversation_id: data?.conversation_id,
+                    is_unknown: data?.is_unknown || '0'
+                });
+            }
+            else
+                chatListRef.value?.initData();
+            clearInterval(initTimer);
+            initTimer = null;
+        }
+    };
+    initTimer = setInterval(() => func(init_data), 500);
 };
 const { initPage } = useInitData();
 const { getResponsiveObserver } = useListenEvent(handleExposeInit);
 onMounted(() => {
-    getResponsiveObserver();
+    getResponsiveObserver(true);
     if (props.isLib) {
         defineRootColor();
         handleInitPage();
@@ -138,6 +150,7 @@ const customerDetailRef = ref(null);
 const homeComponentRef = ref(null);
 const chatListRef = ref(null);
 const drawerVisibleRef = ref(null);
+const phoneNumpadRef = ref();
 const selectReceiver = async (data) => {
     if (receiverId.value != data?.receiver_id || responsiveRender.value === 'mobile') {
         if (currentPage.value != PAGE.HOME) {
@@ -159,56 +172,23 @@ const handleCall = (user) => {
         emit('call', user);
     }
 };
-// const getResponsiveObserver = () => {
-//   if (!appChatRef.value) return
-//   const width = appChatRef.value?.offsetWidth ?? 0
-//   if (width >= 640) {
-//     if (responsiveObserver.value != 'tablet') {
-//       responsiveObserver.value = 'tablet'
-//     }
-//   } else {
-//     if (responsiveObserver.value != 'mobile') {
-//       if (currentPage.value == PAGE.HOME) {
-//         currentPage.value = PAGE.CHAT_LIST
-//       }
-//       responsiveObserver.value = 'mobile'
-//     }
-//   }
-// }
-// const getResponsiveObserverDebounce = useDebounce(() => {
-//   getResponsiveObserver()
-// }, 50)
 const handleInitPage = async () => {
     const init_data = await initPage({ props: props, responsive: responsiveRender.value });
     if (!dataProfile.value?.tenant_phone && dataProfile.value?.user_type == 'tenant') {
         emit('error:noPhoneTenant');
         routerPush(PAGE.NOT_TENANT_PHONE);
-        // if (dataProfile.value?.has_business_tenant_phone) {
-        //   routerPush(PAGE.REGISTER_SUCCESS)
-        // } else {
-        //   // emit('error:noPhoneTenant')
-        //   routerPush(PAGE.REGISTER_TENANT)
-        // }
     }
     handleExposeInit(init_data);
 };
-// const handleEndCall = (data: IResUser | null, type: string) => {
-//   setTimeout(() => {
-//     if (data?.phone && homeComponentRef.value?.infoUser?.phone == data?.phone) {
-//       // homeComponentRef.value?.handleGetMessage({ resetList: true })
-//     }
-//     // publicTopicConversationUpdate({
-//     //   infoUser: homeComponentRef.value?.infoUser ?? null,
-//     //   isCall: type
-//     // })
-//   }, 2000)
-// }
 const openSettings = () => {
     drawerVisibleRef.value?.open();
 };
 const handleReadMessage = () => {
     chatListRef.value?.handleReadMessage();
 };
+const handleOpenPhoneNumpad = () => {
+    phoneNumpadRef.value?.openPhoneNumpad();
+};
 let __VLS_exposed;
 defineExpose({
     get unreadCount() {
@@ -328,6 +308,18 @@ else {
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "grow h-full overflow-hidden flex flex-col" },
     });
+    if (__VLS_ctx.isLib) {
+        // @ts-ignore
+        [isLib,];
+        /** @type {[typeof PageError, ]} */ ;
+        // @ts-ignore
+        const __VLS_23 = __VLS_asFunctionalComponent(PageError, new PageError({
+            ...{ class: "shrink-0" },
+        }));
+        const __VLS_24 = __VLS_23({
+            ...{ class: "shrink-0" },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_23));
+    }
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "w-full grow flex overflow-hidden relative" },
     });
@@ -336,19 +328,19 @@ else {
         [isLib,];
         /** @type {[typeof Calling, ]} */ ;
         // @ts-ignore
-        const __VLS_23 = __VLS_asFunctionalComponent(Calling, new Calling({
+        const __VLS_27 = __VLS_asFunctionalComponent(Calling, new Calling({
             ...{ 'onUserCalling': {} },
             ref: "callingRef",
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_24 = __VLS_23({
+        const __VLS_28 = __VLS_27({
             ...{ 'onUserCalling': {} },
             ref: "callingRef",
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_23));
-        let __VLS_26;
-        let __VLS_27;
-        const __VLS_28 = ({ userCalling: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_27));
+        let __VLS_30;
+        let __VLS_31;
+        const __VLS_32 = ({ userCalling: {} },
             { onUserCalling: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -367,10 +359,10 @@ else {
                     [responsiveRender, emit,];
                 } });
         /** @type {typeof __VLS_ctx.callingRef} */ ;
-        var __VLS_29 = {};
+        var __VLS_33 = {};
         // @ts-ignore
         [callingRef,];
-        var __VLS_25;
+        var __VLS_29;
     }
     if (__VLS_ctx.responsiveRender == 'mobile') {
         // @ts-ignore
@@ -411,8 +403,8 @@ else {
             });
             /** @type {[typeof IconArrowLeft, ]} */ ;
             // @ts-ignore
-            const __VLS_32 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-            const __VLS_33 = __VLS_32({}, ...__VLS_functionalComponentArgsRest(__VLS_32));
+            const __VLS_36 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+            const __VLS_37 = __VLS_36({}, ...__VLS_functionalComponentArgsRest(__VLS_36));
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
                 ...{ class: "ml-3" },
             });
@@ -473,41 +465,61 @@ else {
             });
             /** @type {[typeof IconCloseCircle, ]} */ ;
             // @ts-ignore
-            const __VLS_36 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
-            const __VLS_37 = __VLS_36({}, ...__VLS_functionalComponentArgsRest(__VLS_36));
+            const __VLS_40 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+            const __VLS_41 = __VLS_40({}, ...__VLS_functionalComponentArgsRest(__VLS_40));
         }
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "grow overflow-hidden" },
         });
         /** @type {[typeof ChatList, ]} */ ;
         // @ts-ignore
-        const __VLS_40 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        const __VLS_44 = __VLS_asFunctionalComponent(ChatList, new ChatList({
             ...{ 'onSelectReceiver': {} },
+            ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
             ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
         }));
-        const __VLS_41 = __VLS_40({
+        const __VLS_45 = __VLS_44({
             ...{ 'onSelectReceiver': {} },
+            ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
             ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_40));
-        let __VLS_43;
-        let __VLS_44;
-        const __VLS_45 = ({ selectReceiver: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_44));
+        let __VLS_47;
+        let __VLS_48;
+        const __VLS_49 = ({ selectReceiver: {} },
             { onSelectReceiver: (__VLS_ctx.selectReceiver) });
+        const __VLS_50 = ({ openPhoneNumpad: {} },
+            { onOpenPhoneNumpad: (...[$event]) => {
+                    if (!!(!__VLS_ctx.isRouterReady))
+                        return;
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.TENANT_ERROR))
+                        return;
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.REGISTER_TENANT))
+                        return;
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.REGISTER_SUCCESS))
+                        return;
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
+                        return;
+                    if (!(__VLS_ctx.responsiveRender == 'mobile'))
+                        return;
+                    __VLS_ctx.handleOpenPhoneNumpad();
+                    // @ts-ignore
+                    [responsiveRender, receiverId, selectReceiver, handleOpenPhoneNumpad,];
+                } });
         __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CHAT_LIST) }, null, null);
         /** @type {typeof __VLS_ctx.chatListRef} */ ;
-        var __VLS_46 = {};
+        var __VLS_51 = {};
         // @ts-ignore
-        [currentPage, PAGE, responsiveRender, receiverId, selectReceiver, chatListRef,];
-        var __VLS_42;
+        [currentPage, PAGE, chatListRef,];
+        var __VLS_46;
         /** @type {[typeof HomeComponent, ]} */ ;
         // @ts-ignore
-        const __VLS_49 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+        const __VLS_54 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -517,7 +529,7 @@ else {
             conversation: (__VLS_ctx.currentConversation),
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_50 = __VLS_49({
+        const __VLS_55 = __VLS_54({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -526,12 +538,12 @@ else {
             ...{ class: "h-full" },
             conversation: (__VLS_ctx.currentConversation),
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_49));
-        let __VLS_52;
-        let __VLS_53;
-        const __VLS_54 = ({ call: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_54));
+        let __VLS_57;
+        let __VLS_58;
+        const __VLS_59 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_55 = ({ back: {} },
+        const __VLS_60 = ({ back: {} },
             { onBack: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -549,60 +561,60 @@ else {
                     // @ts-ignore
                     [responsiveRender, currentPageConfig, receiverId, currentConversation, handleCall,];
                 } });
-        const __VLS_56 = ({ inputFocus: {} },
+        const __VLS_61 = ({ inputFocus: {} },
             { onInputFocus: (__VLS_ctx.handleReadMessage) });
         __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.HOME) }, null, null);
         /** @type {typeof __VLS_ctx.homeComponentRef} */ ;
-        var __VLS_57 = {};
+        var __VLS_62 = {};
         // @ts-ignore
         [currentPage, PAGE, handleReadMessage, homeComponentRef,];
-        var __VLS_51;
+        var __VLS_56;
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerDetail, ]} */ ;
             // @ts-ignore
-            const __VLS_60 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+            const __VLS_65 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "w-full h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
             }));
-            const __VLS_61 = __VLS_60({
+            const __VLS_66 = __VLS_65({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "w-full h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
-            }, ...__VLS_functionalComponentArgsRest(__VLS_60));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_65));
             /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-            var __VLS_63 = {};
+            var __VLS_68 = {};
             // @ts-ignore
             [responsiveRender, receiverId, customerDetailRef,];
-            var __VLS_62;
+            var __VLS_67;
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerCheckIn, ]} */ ;
             // @ts-ignore
-            const __VLS_66 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            const __VLS_71 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
                 ...{ class: "w-full h-full" },
             }));
-            const __VLS_67 = __VLS_66({
+            const __VLS_72 = __VLS_71({
                 ...{ class: "w-full h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_66));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_71));
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerAppointment, ]} */ ;
             // @ts-ignore
-            const __VLS_70 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            const __VLS_75 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
                 ...{ class: "w-full h-full" },
             }));
-            const __VLS_71 = __VLS_70({
+            const __VLS_76 = __VLS_75({
                 ...{ class: "w-full h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_70));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_75));
         }
     }
     else {
@@ -611,7 +623,7 @@ else {
         });
         /** @type {[typeof ChatList, ]} */ ;
         // @ts-ignore
-        const __VLS_74 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        const __VLS_79 = __VLS_asFunctionalComponent(ChatList, new ChatList({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
@@ -619,19 +631,19 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
         }));
-        const __VLS_75 = __VLS_74({
+        const __VLS_80 = __VLS_79({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
             ...{ class: "w-[38%] max-w-[500px] min-w-[300px] xl:min-w-[450px] border-r layout-border" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_74));
-        let __VLS_77;
-        let __VLS_78;
-        const __VLS_79 = ({ selectReceiver: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_79));
+        let __VLS_82;
+        let __VLS_83;
+        const __VLS_84 = ({ selectReceiver: {} },
             { onSelectReceiver: (__VLS_ctx.selectReceiver) });
-        const __VLS_80 = ({ openPhoneNumpad: {} },
+        const __VLS_85 = ({ openPhoneNumpad: {} },
             { onOpenPhoneNumpad: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -645,15 +657,15 @@ else {
                         return;
                     if (!!(__VLS_ctx.responsiveRender == 'mobile'))
                         return;
-                    __VLS_ctx.emit('openPhoneNumpad');
+                    __VLS_ctx.handleOpenPhoneNumpad();
                     // @ts-ignore
-                    [responsiveRender, emit, receiverId, selectReceiver,];
+                    [responsiveRender, receiverId, selectReceiver, handleOpenPhoneNumpad,];
                 } });
         /** @type {typeof __VLS_ctx.chatListRef} */ ;
-        var __VLS_81 = {};
+        var __VLS_86 = {};
         // @ts-ignore
         [chatListRef,];
-        var __VLS_76;
+        var __VLS_81;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "bg-white grow flex flex-col h-full overflow-hidden" },
         });
@@ -687,8 +699,8 @@ else {
             });
             /** @type {[typeof IconArrowLeft, ]} */ ;
             // @ts-ignore
-            const __VLS_84 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-            const __VLS_85 = __VLS_84({}, ...__VLS_functionalComponentArgsRest(__VLS_84));
+            const __VLS_89 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+            const __VLS_90 = __VLS_89({}, ...__VLS_functionalComponentArgsRest(__VLS_89));
             __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
                 ...{ class: "text-xl font-semibold text-chat-haze-900 ml-3" },
             });
@@ -701,7 +713,7 @@ else {
         });
         /** @type {[typeof HomeComponent, ]} */ ;
         // @ts-ignore
-        const __VLS_88 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+        const __VLS_93 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
@@ -710,7 +722,7 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             conversation: (__VLS_ctx.currentConversation),
         }));
-        const __VLS_89 = __VLS_88({
+        const __VLS_94 = __VLS_93({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
@@ -718,68 +730,90 @@ else {
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
             conversation: (__VLS_ctx.currentConversation),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_88));
-        let __VLS_91;
-        let __VLS_92;
-        const __VLS_93 = ({ call: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_93));
+        let __VLS_96;
+        let __VLS_97;
+        const __VLS_98 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_94 = ({ inputFocus: {} },
+        const __VLS_99 = ({ inputFocus: {} },
             { onInputFocus: (__VLS_ctx.handleReadMessage) });
         __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.HOME && __VLS_ctx.receiverId) }, null, null);
         /** @type {typeof __VLS_ctx.homeComponentRef} */ ;
-        var __VLS_95 = {};
+        var __VLS_100 = {};
         // @ts-ignore
         [currentPage, PAGE, responsiveRender, receiverId, receiverId, currentConversation, handleCall, handleReadMessage, homeComponentRef,];
-        var __VLS_90;
+        var __VLS_95;
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerDetail, ]} */ ;
             // @ts-ignore
-            const __VLS_98 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+            const __VLS_103 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
             }));
-            const __VLS_99 = __VLS_98({
+            const __VLS_104 = __VLS_103({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
-            }, ...__VLS_functionalComponentArgsRest(__VLS_98));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_103));
             /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-            var __VLS_101 = {};
+            var __VLS_106 = {};
             // @ts-ignore
             [responsiveRender, receiverId, customerDetailRef,];
-            var __VLS_100;
+            var __VLS_105;
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerCheckIn, ]} */ ;
             // @ts-ignore
-            const __VLS_104 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            const __VLS_109 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
                 ...{ class: "h-full" },
             }));
-            const __VLS_105 = __VLS_104({
+            const __VLS_110 = __VLS_109({
                 ...{ class: "h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_104));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_109));
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerAppointment, ]} */ ;
             // @ts-ignore
-            const __VLS_108 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            const __VLS_113 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
                 ...{ class: "h-full" },
             }));
-            const __VLS_109 = __VLS_108({
+            const __VLS_114 = __VLS_113({
                 ...{ class: "h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_108));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_113));
         }
     }
-    var __VLS_112 = {};
+    /** @type {[typeof PhoneNumpad, ]} */ ;
+    // @ts-ignore
+    const __VLS_117 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+        ...{ 'onCall': {} },
+        ref: "phoneNumpadRef",
+        ...{ class: "bg-white shrink-0 border-l layout-border" },
+        modelValue: "",
+    }));
+    const __VLS_118 = __VLS_117({
+        ...{ 'onCall': {} },
+        ref: "phoneNumpadRef",
+        ...{ class: "bg-white shrink-0 border-l layout-border" },
+        modelValue: "",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_117));
+    let __VLS_120;
+    let __VLS_121;
+    const __VLS_122 = ({ call: {} },
+        { onCall: (__VLS_ctx.handleCall) });
+    /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
+    var __VLS_123 = {};
+    // @ts-ignore
+    [handleCall, phoneNumpadRef,];
+    var __VLS_119;
 }
 /** @type {__VLS_StyleScopedClasses['go-chat-main']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-w-full']} */ ;
@@ -792,6 +826,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
@@ -874,13 +909,16 @@ else {
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
 // @ts-ignore
-var __VLS_30 = __VLS_29, __VLS_47 = __VLS_46, __VLS_58 = __VLS_57, __VLS_64 = __VLS_63, __VLS_82 = __VLS_81, __VLS_96 = __VLS_95, __VLS_102 = __VLS_101, __VLS_113 = __VLS_112;
-const __VLS_base = (await import('vue')).defineComponent({
+var __VLS_34 = __VLS_33, __VLS_52 = __VLS_51, __VLS_63 = __VLS_62, __VLS_69 = __VLS_68, __VLS_87 = __VLS_86, __VLS_101 = __VLS_100, __VLS_107 = __VLS_106, __VLS_124 = __VLS_123;
+const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},
     __typeProps: {},
     props: {},
 });
-const __VLS_export = {};
 export default {};

package/dist/test/chat/page/customer-appointment/CustomerAppointment.vue.js

@@ -2,7 +2,7 @@
 import CardCustomerDetail from '../../../components/chat/card/CardCustomerDetail.vue';
 import IconFilter from '../../../assets/icons/customer-appointment/IconFilter.vue';
 import { computed } from 'vue';
-import { getItemsByYear, userHistory } from '../../../utils/chat/user';
+import { getItemsByYear, userHistory } from '../../../utils/chat/store/user';
 import { CalendarStatus } from '../../../constant/user';
 import dayjs from 'dayjs';
 import { DATE_FORMATS } from '../../../constant/datetime';

package/dist/test/chat/page/customer-check-in/CustomerCheckIn.vue.js

@@ -3,7 +3,7 @@ import CardCustomerDetail from '../../../components/chat/card/CardCustomerDetail
 import { Status_Color } from '../../../constant/color';
 import { computed, ref } from 'vue';
 import CollapseCheckIn from '../../../chat/page/customer-check-in/CollapseCheckIn.vue';
-import { getItemsByYear, userHistory } from '../../../utils/chat/user';
+import { getItemsByYear, userHistory } from '../../../utils/chat/store/user';
 import dayjs from 'dayjs';
 import { DATE_FORMATS } from '../../../constant/datetime';
 const checkin = computed(() => {

package/dist/test/chat/page/customer-detail/CustomerDetail.vue.js

@@ -10,7 +10,7 @@ import IconGroup from '../../../assets/icons/customer-detail/IconGroup.vue';
 import IconNote from '../../../assets/icons/customer-detail/IconNote.vue';
 import IconSearch from '../../../assets/icons/customer-detail/IconSearch.vue';
 import IconPin from '../../../assets/icons/customer-detail/IconPin.vue';
-import { getUserHistory, user, userHistory } from '../../../utils/chat/user';
+import { getUserHistory, user, userHistory } from '../../../utils/chat/store/user';
 import { computed } from 'vue';
 import { phoneNumberFormat } from '../../../utils/string-helper';
 import { routerPush } from '../../../utils/chat/chat-router';

package/dist/test/chat/page/error/Error.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 { logout } from '../../../utils/chat/auth.js';
+import { logout } from '../../../utils/chat/store/auth';
 const reload = () => window.location.reload();
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_ctx = {