@phonghq/go-chat 1.0.40 → 1.0.42

package/dist/test/chat/App.vue.js

@@ -21,6 +21,7 @@ import IconCloseCircle from '../assets/icons/IconCloseCircle.vue';
 import Setting from '../chat/page/setting/Setting.vue';
 import SettingSuccess from '../chat/page/setting/SettingSuccess.vue';
 import { goChatError } from '../composable/useError';
+import NotTenantPhone from '@/views/NotTenantPhone.vue';
 const routerConfig = [
     { id: PAGE.HOME, backFunc: null, backTitle: '' },
     {
@@ -162,9 +163,10 @@ const getResponsiveObserverDebounce = useDebounce(() => {
 }, 50);
 const handleInitPage = async () => {
     await initPage({ props: props, response: responsiveRender.value });
-    console.log(dataProfile.value, '55555555555555555');
+    routerPush(PAGE.NOT_TENANT_PHONE);
     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 {
@@ -282,8 +284,12 @@ else if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.TENANT_ERROR) {
     [currentPage, PAGE,];
     /** @type {[typeof Error, ]} */ ;
     // @ts-ignore
-    const __VLS_4 = __VLS_asFunctionalComponent(Error, new Error({}));
-    const __VLS_5 = __VLS_4({}, ...__VLS_functionalComponentArgsRest(__VLS_4));
+    const __VLS_4 = __VLS_asFunctionalComponent(Error, new Error({
+        ...{ class: "mt-10" },
+    }));
+    const __VLS_5 = __VLS_4({
+        ...{ class: "mt-10" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_4));
 }
 else if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.REGISTER_TENANT) {
     // @ts-ignore
@@ -301,6 +307,31 @@ else if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.REGISTER_SUCCESS) {
     const __VLS_12 = __VLS_asFunctionalComponent(SettingSuccess, new SettingSuccess({}));
     const __VLS_13 = __VLS_12({}, ...__VLS_functionalComponentArgsRest(__VLS_12));
 }
+if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE) {
+    // @ts-ignore
+    [currentPage, PAGE,];
+    /** @type {[typeof NotTenantPhone, ]} */ ;
+    // @ts-ignore
+    const __VLS_16 = __VLS_asFunctionalComponent(NotTenantPhone, new NotTenantPhone({
+        ...{ 'onTryAgain': {} },
+        isLib: (props.isLib),
+    }));
+    const __VLS_17 = __VLS_16({
+        ...{ 'onTryAgain': {} },
+        isLib: (props.isLib),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_16));
+    let __VLS_19;
+    let __VLS_20;
+    const __VLS_21 = ({ tryAgain: {} },
+        { onTryAgain: (...[$event]) => {
+                if (!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
+                    return;
+                __VLS_ctx.handleInitPage();
+                // @ts-ignore
+                [handleInitPage,];
+            } });
+    var __VLS_18;
+}
 else {
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "w-full h-full flex flex-col overflow-hidden relative" },
@@ -333,13 +364,7 @@ else {
         else {
             __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
                 ...{ onClick: (...[$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))
+                        if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
                             return;
                         if (!(__VLS_ctx.goChatError))
                             return;
@@ -357,45 +382,39 @@ else {
     }
     /** @type {[typeof Calling, ]} */ ;
     // @ts-ignore
-    const __VLS_16 = __VLS_asFunctionalComponent(Calling, new Calling({
+    const __VLS_23 = __VLS_asFunctionalComponent(Calling, new Calling({
         ...{ 'onUserCalling': {} },
         ...{ 'onEndCall': {} },
         ...{ 'onError:mediaPermissionFail': {} },
         ref: "callingRef",
         responsive: (__VLS_ctx.responsiveRender),
     }));
-    const __VLS_17 = __VLS_16({
+    const __VLS_24 = __VLS_23({
         ...{ 'onUserCalling': {} },
         ...{ 'onEndCall': {} },
         ...{ 'onError:mediaPermissionFail': {} },
         ref: "callingRef",
         responsive: (__VLS_ctx.responsiveRender),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_16));
-    let __VLS_19;
-    let __VLS_20;
-    const __VLS_21 = ({ userCalling: {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_23));
+    let __VLS_26;
+    let __VLS_27;
+    const __VLS_28 = ({ userCalling: {} },
         { onUserCalling: (...[$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))
+                if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
                     return;
                 __VLS_ctx.emit('userCalling', $event);
                 // @ts-ignore
                 [responsiveRender, emit,];
             } });
-    const __VLS_22 = ({ endCall: {} },
+    const __VLS_29 = ({ endCall: {} },
         { onEndCall: (__VLS_ctx.handleEndCall) });
-    const __VLS_23 = ({ 'error:mediaPermissionFail': {} },
+    const __VLS_30 = ({ 'error:mediaPermissionFail': {} },
         { 'onError:mediaPermissionFail': (__VLS_ctx.handleMedialPermissionError) });
     /** @type {typeof __VLS_ctx.callingRef} */ ;
-    var __VLS_24 = {};
+    var __VLS_31 = {};
     // @ts-ignore
     [handleEndCall, handleMedialPermissionError, callingRef,];
-    var __VLS_18;
+    var __VLS_25;
     if (__VLS_ctx.responsiveRender == 'mobile') {
         // @ts-ignore
         [responsiveRender,];
@@ -413,13 +432,7 @@ else {
             [currentPageConfig, currentPageConfig,];
             __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
                 ...{ onClick: (...[$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))
+                        if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
                             return;
                         if (!(__VLS_ctx.responsiveRender == 'mobile'))
                             return;
@@ -433,8 +446,8 @@ else {
             });
             /** @type {[typeof IconArrowLeft, ]} */ ;
             // @ts-ignore
-            const __VLS_27 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-            const __VLS_28 = __VLS_27({}, ...__VLS_functionalComponentArgsRest(__VLS_27));
+            const __VLS_34 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+            const __VLS_35 = __VLS_34({}, ...__VLS_functionalComponentArgsRest(__VLS_34));
             __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
                 ...{ class: "text-xl font-semibold text-chat-haze-900 ml-3" },
             });
@@ -448,13 +461,7 @@ else {
         if (props.isLib) {
             __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
                 ...{ onClick: (...[$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))
+                        if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
                             return;
                         if (!(__VLS_ctx.responsiveRender == 'mobile'))
                             return;
@@ -468,41 +475,41 @@ else {
             });
             /** @type {[typeof IconCloseCircle, ]} */ ;
             // @ts-ignore
-            const __VLS_31 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
-            const __VLS_32 = __VLS_31({}, ...__VLS_functionalComponentArgsRest(__VLS_31));
+            const __VLS_38 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+            const __VLS_39 = __VLS_38({}, ...__VLS_functionalComponentArgsRest(__VLS_38));
         }
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "grow overflow-hidden" },
         });
         /** @type {[typeof ChatList, ]} */ ;
         // @ts-ignore
-        const __VLS_35 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        const __VLS_42 = __VLS_asFunctionalComponent(ChatList, new ChatList({
             ...{ 'onSelectReceiver': {} },
             ref: "chatListRef",
             ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
         }));
-        const __VLS_36 = __VLS_35({
+        const __VLS_43 = __VLS_42({
             ...{ 'onSelectReceiver': {} },
             ref: "chatListRef",
             ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_35));
-        let __VLS_38;
-        let __VLS_39;
-        const __VLS_40 = ({ selectReceiver: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_42));
+        let __VLS_45;
+        let __VLS_46;
+        const __VLS_47 = ({ selectReceiver: {} },
             { onSelectReceiver: (__VLS_ctx.selectReceiver) });
         __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_41 = {};
+        var __VLS_48 = {};
         // @ts-ignore
         [currentPage, PAGE, responsiveRender, receiverId, selectReceiver, chatListRef,];
-        var __VLS_37;
+        var __VLS_44;
         /** @type {[typeof HomeComponent, ]} */ ;
         // @ts-ignore
-        const __VLS_44 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+        const __VLS_51 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -511,7 +518,7 @@ else {
             ...{ class: "h-full pt-4" },
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_45 = __VLS_44({
+        const __VLS_52 = __VLS_51({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -519,20 +526,14 @@ else {
             receiverId: (__VLS_ctx.receiverId),
             ...{ class: "h-full pt-4" },
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_44));
-        let __VLS_47;
-        let __VLS_48;
-        const __VLS_49 = ({ call: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_51));
+        let __VLS_54;
+        let __VLS_55;
+        const __VLS_56 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_50 = ({ back: {} },
+        const __VLS_57 = ({ back: {} },
             { onBack: (...[$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))
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
                         return;
                     if (!(__VLS_ctx.responsiveRender == 'mobile'))
                         return;
@@ -540,72 +541,72 @@ else {
                     // @ts-ignore
                     [responsiveRender, currentPageConfig, receiverId, handleCall,];
                 } });
-        const __VLS_51 = ({ inputFocus: {} },
+        const __VLS_58 = ({ 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_52 = {};
+        var __VLS_59 = {};
         // @ts-ignore
         [currentPage, PAGE, handleReadMessage, homeComponentRef,];
-        var __VLS_46;
+        var __VLS_53;
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerDetail, ]} */ ;
             // @ts-ignore
-            const __VLS_55 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+            const __VLS_62 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "w-full h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
             }));
-            const __VLS_56 = __VLS_55({
+            const __VLS_63 = __VLS_62({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "w-full h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
-            }, ...__VLS_functionalComponentArgsRest(__VLS_55));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_62));
             /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-            var __VLS_58 = {};
+            var __VLS_65 = {};
             // @ts-ignore
             [responsiveRender, receiverId, customerDetailRef,];
-            var __VLS_57;
+            var __VLS_64;
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerCheckIn, ]} */ ;
             // @ts-ignore
-            const __VLS_61 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            const __VLS_68 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
                 ...{ class: "w-full h-full" },
             }));
-            const __VLS_62 = __VLS_61({
+            const __VLS_69 = __VLS_68({
                 ...{ class: "w-full h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_61));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_68));
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerAppointment, ]} */ ;
             // @ts-ignore
-            const __VLS_65 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            const __VLS_72 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
                 ...{ class: "w-full h-full" },
             }));
-            const __VLS_66 = __VLS_65({
+            const __VLS_73 = __VLS_72({
                 ...{ class: "w-full h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_65));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_72));
         }
         if (__VLS_ctx.currentPage != __VLS_ctx.PAGE.HOME) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof MobileFooter, ]} */ ;
             // @ts-ignore
-            const __VLS_69 = __VLS_asFunctionalComponent(MobileFooter, new MobileFooter({
+            const __VLS_76 = __VLS_asFunctionalComponent(MobileFooter, new MobileFooter({
                 ...{ class: "shrink-0" },
             }));
-            const __VLS_70 = __VLS_69({
+            const __VLS_77 = __VLS_76({
                 ...{ class: "shrink-0" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_69));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_76));
         }
     }
     else {
@@ -614,29 +615,29 @@ else {
         });
         /** @type {[typeof ChatList, ]} */ ;
         // @ts-ignore
-        const __VLS_73 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        const __VLS_80 = __VLS_asFunctionalComponent(ChatList, new ChatList({
             ...{ 'onSelectReceiver': {} },
             ref: "chatListRef",
             ...{ class: "w-[38%] max-w-[500px] min-w-[450px]" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
         }));
-        const __VLS_74 = __VLS_73({
+        const __VLS_81 = __VLS_80({
             ...{ 'onSelectReceiver': {} },
             ref: "chatListRef",
             ...{ class: "w-[38%] max-w-[500px] min-w-[450px]" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_73));
-        let __VLS_76;
-        let __VLS_77;
-        const __VLS_78 = ({ selectReceiver: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_80));
+        let __VLS_83;
+        let __VLS_84;
+        const __VLS_85 = ({ selectReceiver: {} },
             { onSelectReceiver: (__VLS_ctx.selectReceiver) });
         /** @type {typeof __VLS_ctx.chatListRef} */ ;
-        var __VLS_79 = {};
+        var __VLS_86 = {};
         // @ts-ignore
         [responsiveRender, receiverId, selectReceiver, chatListRef,];
-        var __VLS_75;
+        var __VLS_82;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "chat-box-white grow flex flex-col h-full pt-6 overflow-hidden" },
         });
@@ -648,13 +649,7 @@ else {
             });
             __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
                 ...{ onClick: (...[$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))
+                        if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
                             return;
                         if (!!(__VLS_ctx.responsiveRender == 'mobile'))
                             return;
@@ -668,8 +663,8 @@ else {
             });
             /** @type {[typeof IconArrowLeft, ]} */ ;
             // @ts-ignore
-            const __VLS_82 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-            const __VLS_83 = __VLS_82({}, ...__VLS_functionalComponentArgsRest(__VLS_82));
+            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" },
             });
@@ -682,7 +677,7 @@ else {
         });
         /** @type {[typeof HomeComponent, ]} */ ;
         // @ts-ignore
-        const __VLS_86 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+        const __VLS_93 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
@@ -690,72 +685,72 @@ else {
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_87 = __VLS_86({
+        const __VLS_94 = __VLS_93({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
             receiverId: (__VLS_ctx.receiverId),
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_86));
-        let __VLS_89;
-        let __VLS_90;
-        const __VLS_91 = ({ call: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_93));
+        let __VLS_96;
+        let __VLS_97;
+        const __VLS_98 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_92 = ({ 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_93 = {};
+        var __VLS_100 = {};
         // @ts-ignore
         [currentPage, PAGE, responsiveRender, receiverId, receiverId, handleCall, handleReadMessage, homeComponentRef,];
-        var __VLS_88;
+        var __VLS_95;
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerDetail, ]} */ ;
             // @ts-ignore
-            const __VLS_96 = __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_97 = __VLS_96({
+            const __VLS_104 = __VLS_103({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
-            }, ...__VLS_functionalComponentArgsRest(__VLS_96));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_103));
             /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-            var __VLS_99 = {};
+            var __VLS_106 = {};
             // @ts-ignore
             [responsiveRender, receiverId, customerDetailRef,];
-            var __VLS_98;
+            var __VLS_105;
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerCheckIn, ]} */ ;
             // @ts-ignore
-            const __VLS_102 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            const __VLS_109 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
                 ...{ class: "h-full" },
             }));
-            const __VLS_103 = __VLS_102({
+            const __VLS_110 = __VLS_109({
                 ...{ class: "h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_102));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_109));
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerAppointment, ]} */ ;
             // @ts-ignore
-            const __VLS_106 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            const __VLS_113 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
                 ...{ class: "h-full" },
             }));
-            const __VLS_107 = __VLS_106({
+            const __VLS_114 = __VLS_113({
                 ...{ class: "h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_106));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_113));
         }
     }
 }
@@ -767,6 +762,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['m-auto']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['sc-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
@@ -865,7 +861,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 // @ts-ignore
-var __VLS_25 = __VLS_24, __VLS_42 = __VLS_41, __VLS_53 = __VLS_52, __VLS_59 = __VLS_58, __VLS_80 = __VLS_79, __VLS_94 = __VLS_93, __VLS_100 = __VLS_99;
+var __VLS_32 = __VLS_31, __VLS_49 = __VLS_48, __VLS_60 = __VLS_59, __VLS_66 = __VLS_65, __VLS_87 = __VLS_86, __VLS_101 = __VLS_100, __VLS_107 = __VLS_106;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

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

@@ -1,5 +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 { computed, nextTick } from 'vue';
 import { MessageState } from '../../../constant/message';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
@@ -193,19 +194,25 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
         (__VLS_ctx.getCallDuration(__VLS_ctx.message?.duration ?? 0));
         // @ts-ignore
         [message, getCallDuration,];
-        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-            ...{ onClick: (...[$event]) => {
-                    if (!(__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyMessage))
-                        return;
-                    if (!(__VLS_ctx.message.is_call == 1))
-                        return;
-                    __VLS_ctx.emit('callAgain');
-                    // @ts-ignore
-                    [emit,];
-                } },
-            ...{ class: "flex-center h-10 rounded-xl bg-chat-haze-200 font-semibold" },
-        });
-        __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
+        if (__VLS_ctx.dataProfile?.user_type == 'tenant') {
+            // @ts-ignore
+            [dataProfile,];
+            __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+                ...{ onClick: (...[$event]) => {
+                        if (!(__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyMessage))
+                            return;
+                        if (!(__VLS_ctx.message.is_call == 1))
+                            return;
+                        if (!(__VLS_ctx.dataProfile?.user_type == 'tenant'))
+                            return;
+                        __VLS_ctx.emit('callAgain');
+                        // @ts-ignore
+                        [emit,];
+                    } },
+                ...{ class: "flex-center h-10 rounded-xl bg-chat-haze-200 font-semibold" },
+            });
+            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
+        }
     }
     else if (__VLS_ctx.message.message) {
         // @ts-ignore

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

@@ -212,6 +212,23 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     var __VLS_8;
 }
 var __VLS_2;
+const __VLS_13 = {}.EmojiPicker;
+/** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
+// @ts-ignore
+EmojiPicker;
+// @ts-ignore
+const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+    ...{ class: "opacity-0 pointer-events-none absolute" },
+    native: (true),
+    offset: (2),
+    hideSearch: true,
+}));
+const __VLS_15 = __VLS_14({
+    ...{ class: "opacity-0 pointer-events-none absolute" },
+    native: (true),
+    offset: (2),
+    hideSearch: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_14));
 __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     ...{ onClick: (...[$event]) => {
             __VLS_ctx.handleSendMessage('message');
@@ -222,8 +239,8 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
 });
 /** @type {[typeof IconPlan, ]} */ ;
 // @ts-ignore
-const __VLS_13 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
-const __VLS_14 = __VLS_13({}, ...__VLS_functionalComponentArgsRest(__VLS_13));
+const __VLS_18 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
+const __VLS_19 = __VLS_18({}, ...__VLS_functionalComponentArgsRest(__VLS_18));
 __VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
     ...{ class: "shrink-0 cursor-pointer relative -translate-y-1" },
 });
@@ -242,12 +259,12 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 /** @type {[typeof IconPlus, ]} */ ;
 // @ts-ignore
-const __VLS_17 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
+const __VLS_22 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
     ...{ class: "text-white" },
 }));
-const __VLS_18 = __VLS_17({
+const __VLS_23 = __VLS_22({
     ...{ class: "text-white" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+}, ...__VLS_functionalComponentArgsRest(__VLS_22));
 /** @type {__VLS_StyleScopedClasses['z-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
@@ -273,6 +290,9 @@ const __VLS_18 = __VLS_17({
 /** @type {__VLS_StyleScopedClasses['h-11']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['!w-[300px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-11']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;

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

@@ -88,7 +88,7 @@ onMounted(async () => {
         if (dataProfile.value?.tenant_phone) {
             const token = await getPlivoAccessToken();
             await plivoLogin({ token });
-            setTimeout(refreshToken, 1000);
+            setTimeout(refreshToken, 15 * 60 * 1000);
         }
     }
     catch {

package/dist/test/constant/general.js

@@ -8,4 +8,5 @@ export var PAGE;
     PAGE["CHAT_LIST"] = "chat_list";
     PAGE["REGISTER_TENANT"] = "register_tenant";
     PAGE["REGISTER_SUCCESS"] = "register_success";
+    PAGE["NOT_TENANT_PHONE"] = "not_tenant_phone";
 })(PAGE || (PAGE = {}));