@phonghq/go-chat 1.0.69 → 1.0.71

package/dist/chat/App.vue.js

@@ -91,7 +91,7 @@ const routerMobileConfig = computed(() => [
     }
 ]);
 const props = withDefaults(defineProps(), {
-    response: 'tablet'
+    response: 'tablet',
 });
 const emit = defineEmits();
 let initTimer = null;
@@ -224,7 +224,7 @@ defineExpose({
 });
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {
-    response: 'tablet'
+    response: 'tablet',
 };
 const __VLS_ctx = {
     ...{},
@@ -286,21 +286,54 @@ else if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.REGISTER_SUCCESS) {
 else if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE) {
     // @ts-ignore
     [currentPage, PAGE,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "h-full p-5 flex flex-col" },
+    });
+    if (props.isLib) {
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "shrink-0 flex items-center justify-between" },
+        });
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+        __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))
+                        return;
+                    if (!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
+                        return;
+                    if (!(props.isLib))
+                        return;
+                    __VLS_ctx.handleCloseBtn();
+                    // @ts-ignore
+                    [handleCloseBtn,];
+                } },
+            ...{ class: "w-10 h-10" },
+        });
+        /** @type {[typeof IconCloseCircle, ]} */ ;
+        // @ts-ignore
+        const __VLS_16 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+        const __VLS_17 = __VLS_16({}, ...__VLS_functionalComponentArgsRest(__VLS_16));
+    }
     /** @type {[typeof NotTenantPhone, ]} */ ;
     // @ts-ignore
-    const __VLS_16 = __VLS_asFunctionalComponent(NotTenantPhone, new NotTenantPhone({
+    const __VLS_20 = __VLS_asFunctionalComponent(NotTenantPhone, new NotTenantPhone({
         ...{ 'onTryAgain': {} },
-        ...{ class: "bg-white" },
+        ...{ class: "bg-white grow" },
         isLib: (props.isLib),
     }));
-    const __VLS_17 = __VLS_16({
+    const __VLS_21 = __VLS_20({
         ...{ 'onTryAgain': {} },
-        ...{ class: "bg-white" },
+        ...{ class: "bg-white grow" },
         isLib: (props.isLib),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_16));
-    let __VLS_19;
-    let __VLS_20;
-    const __VLS_21 = ({ tryAgain: {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_20));
+    let __VLS_23;
+    let __VLS_24;
+    const __VLS_25 = ({ tryAgain: {} },
         { onTryAgain: (...[$event]) => {
                 if (!!(!__VLS_ctx.isRouterReady))
                     return;
@@ -316,7 +349,7 @@ else if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE) {
                 // @ts-ignore
                 [handleInitPage,];
             } });
-    var __VLS_18;
+    var __VLS_22;
 }
 else {
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
@@ -327,12 +360,12 @@ else {
         [isLib,];
         /** @type {[typeof PageError, ]} */ ;
         // @ts-ignore
-        const __VLS_23 = __VLS_asFunctionalComponent(PageError, new PageError({
+        const __VLS_27 = __VLS_asFunctionalComponent(PageError, new PageError({
             ...{ class: "shrink-0" },
         }));
-        const __VLS_24 = __VLS_23({
+        const __VLS_28 = __VLS_27({
             ...{ class: "shrink-0" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_23));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_27));
     }
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "w-full grow flex overflow-hidden relative" },
@@ -342,21 +375,21 @@ else {
         [isLib,];
         /** @type {[typeof Calling, ]} */ ;
         // @ts-ignore
-        const __VLS_27 = __VLS_asFunctionalComponent(Calling, new Calling({
+        const __VLS_31 = __VLS_asFunctionalComponent(Calling, new Calling({
             ...{ 'onUserCalling': {} },
             ...{ 'onEndCall': {} },
             ref: "callingRef",
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_28 = __VLS_27({
+        const __VLS_32 = __VLS_31({
             ...{ 'onUserCalling': {} },
             ...{ 'onEndCall': {} },
             ref: "callingRef",
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_27));
-        let __VLS_30;
-        let __VLS_31;
-        const __VLS_32 = ({ userCalling: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_31));
+        let __VLS_34;
+        let __VLS_35;
+        const __VLS_36 = ({ userCalling: {} },
             { onUserCalling: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -374,7 +407,7 @@ else {
                     // @ts-ignore
                     [responsiveRender, emit,];
                 } });
-        const __VLS_33 = ({ endCall: {} },
+        const __VLS_37 = ({ endCall: {} },
             { onEndCall: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -393,10 +426,10 @@ else {
                     [emit,];
                 } });
         /** @type {typeof __VLS_ctx.callingRef} */ ;
-        var __VLS_34 = {};
+        var __VLS_38 = {};
         // @ts-ignore
         [callingRef,];
-        var __VLS_29;
+        var __VLS_33;
     }
     if (__VLS_ctx.responsiveRender == 'mobile') {
         // @ts-ignore
@@ -440,8 +473,8 @@ else {
             });
             /** @type {[typeof IconArrowLeft, ]} */ ;
             // @ts-ignore
-            const __VLS_37 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-            const __VLS_38 = __VLS_37({}, ...__VLS_functionalComponentArgsRest(__VLS_37));
+            const __VLS_41 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+            const __VLS_42 = __VLS_41({}, ...__VLS_functionalComponentArgsRest(__VLS_41));
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
                 ...{ class: "ml-3" },
             });
@@ -513,15 +546,15 @@ else {
             });
             /** @type {[typeof IconCloseCircle, ]} */ ;
             // @ts-ignore
-            const __VLS_41 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
-            const __VLS_42 = __VLS_41({}, ...__VLS_functionalComponentArgsRest(__VLS_41));
+            const __VLS_45 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+            const __VLS_46 = __VLS_45({}, ...__VLS_functionalComponentArgsRest(__VLS_45));
         }
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "grow overflow-hidden" },
         });
         /** @type {[typeof ChatList, ]} */ ;
         // @ts-ignore
-        const __VLS_45 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        const __VLS_49 = __VLS_asFunctionalComponent(ChatList, new ChatList({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
@@ -529,19 +562,19 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
         }));
-        const __VLS_46 = __VLS_45({
+        const __VLS_50 = __VLS_49({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
             ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_45));
-        let __VLS_48;
-        let __VLS_49;
-        const __VLS_50 = ({ selectReceiver: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_49));
+        let __VLS_52;
+        let __VLS_53;
+        const __VLS_54 = ({ selectReceiver: {} },
             { onSelectReceiver: (__VLS_ctx.selectReceiver) });
-        const __VLS_51 = ({ openPhoneNumpad: {} },
+        const __VLS_55 = ({ openPhoneNumpad: {} },
             { onOpenPhoneNumpad: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -561,13 +594,13 @@ else {
                 } });
         __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_52 = {};
+        var __VLS_56 = {};
         // @ts-ignore
         [currentPage, PAGE, chatListRef,];
-        var __VLS_47;
+        var __VLS_51;
         /** @type {[typeof HomeComponent, ]} */ ;
         // @ts-ignore
-        const __VLS_55 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+        const __VLS_59 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -577,7 +610,7 @@ else {
             conversation: (__VLS_ctx.currentConversation),
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_56 = __VLS_55({
+        const __VLS_60 = __VLS_59({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -586,12 +619,12 @@ else {
             ...{ class: "h-full" },
             conversation: (__VLS_ctx.currentConversation),
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_55));
-        let __VLS_58;
-        let __VLS_59;
-        const __VLS_60 = ({ call: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_59));
+        let __VLS_62;
+        let __VLS_63;
+        const __VLS_64 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_61 = ({ back: {} },
+        const __VLS_65 = ({ back: {} },
             { onBack: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -609,60 +642,60 @@ else {
                     // @ts-ignore
                     [responsiveRender, currentPageConfig, receiverId, currentConversation, handleCall,];
                 } });
-        const __VLS_62 = ({ inputFocus: {} },
+        const __VLS_66 = ({ 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_63 = {};
+        var __VLS_67 = {};
         // @ts-ignore
         [currentPage, PAGE, handleReadMessage, homeComponentRef,];
-        var __VLS_57;
+        var __VLS_61;
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerDetail, ]} */ ;
             // @ts-ignore
-            const __VLS_66 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+            const __VLS_70 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "w-full h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
             }));
-            const __VLS_67 = __VLS_66({
+            const __VLS_71 = __VLS_70({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "w-full h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
-            }, ...__VLS_functionalComponentArgsRest(__VLS_66));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_70));
             /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-            var __VLS_69 = {};
+            var __VLS_73 = {};
             // @ts-ignore
             [responsiveRender, receiverId, customerDetailRef,];
-            var __VLS_68;
+            var __VLS_72;
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerCheckIn, ]} */ ;
             // @ts-ignore
-            const __VLS_72 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            const __VLS_76 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
                 ...{ class: "w-full h-full" },
             }));
-            const __VLS_73 = __VLS_72({
+            const __VLS_77 = __VLS_76({
                 ...{ class: "w-full h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_72));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_76));
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerAppointment, ]} */ ;
             // @ts-ignore
-            const __VLS_76 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            const __VLS_80 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
                 ...{ class: "w-full h-full" },
             }));
-            const __VLS_77 = __VLS_76({
+            const __VLS_81 = __VLS_80({
                 ...{ class: "w-full h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_76));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_80));
         }
     }
     else {
@@ -671,7 +704,7 @@ else {
         });
         /** @type {[typeof ChatList, ]} */ ;
         // @ts-ignore
-        const __VLS_80 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        const __VLS_84 = __VLS_asFunctionalComponent(ChatList, new ChatList({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
@@ -679,19 +712,19 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
         }));
-        const __VLS_81 = __VLS_80({
+        const __VLS_85 = __VLS_84({
             ...{ '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_80));
-        let __VLS_83;
-        let __VLS_84;
-        const __VLS_85 = ({ selectReceiver: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_84));
+        let __VLS_87;
+        let __VLS_88;
+        const __VLS_89 = ({ selectReceiver: {} },
             { onSelectReceiver: (__VLS_ctx.selectReceiver) });
-        const __VLS_86 = ({ openPhoneNumpad: {} },
+        const __VLS_90 = ({ openPhoneNumpad: {} },
             { onOpenPhoneNumpad: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -710,10 +743,10 @@ else {
                     [responsiveRender, receiverId, selectReceiver, handleOpenPhoneNumpad,];
                 } });
         /** @type {typeof __VLS_ctx.chatListRef} */ ;
-        var __VLS_87 = {};
+        var __VLS_91 = {};
         // @ts-ignore
         [chatListRef,];
-        var __VLS_82;
+        var __VLS_86;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "bg-white grow flex flex-col h-full overflow-hidden" },
         });
@@ -747,8 +780,8 @@ else {
             });
             /** @type {[typeof IconArrowLeft, ]} */ ;
             // @ts-ignore
-            const __VLS_90 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-            const __VLS_91 = __VLS_90({}, ...__VLS_functionalComponentArgsRest(__VLS_90));
+            const __VLS_94 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+            const __VLS_95 = __VLS_94({}, ...__VLS_functionalComponentArgsRest(__VLS_94));
             __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
                 ...{ class: "text-xl font-semibold text-chat-haze-900 ml-3" },
             });
@@ -761,7 +794,7 @@ else {
         });
         /** @type {[typeof HomeComponent, ]} */ ;
         // @ts-ignore
-        const __VLS_94 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+        const __VLS_98 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
@@ -770,7 +803,7 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             conversation: (__VLS_ctx.currentConversation),
         }));
-        const __VLS_95 = __VLS_94({
+        const __VLS_99 = __VLS_98({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
@@ -778,92 +811,92 @@ else {
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
             conversation: (__VLS_ctx.currentConversation),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_94));
-        let __VLS_97;
-        let __VLS_98;
-        const __VLS_99 = ({ call: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_98));
+        let __VLS_101;
+        let __VLS_102;
+        const __VLS_103 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_100 = ({ inputFocus: {} },
+        const __VLS_104 = ({ 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_101 = {};
+        var __VLS_105 = {};
         // @ts-ignore
         [currentPage, PAGE, responsiveRender, receiverId, receiverId, currentConversation, handleCall, handleReadMessage, homeComponentRef,];
-        var __VLS_96;
+        var __VLS_100;
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerDetail, ]} */ ;
             // @ts-ignore
-            const __VLS_104 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+            const __VLS_108 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
             }));
-            const __VLS_105 = __VLS_104({
+            const __VLS_109 = __VLS_108({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
-            }, ...__VLS_functionalComponentArgsRest(__VLS_104));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_108));
             /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-            var __VLS_107 = {};
+            var __VLS_111 = {};
             // @ts-ignore
             [responsiveRender, receiverId, customerDetailRef,];
-            var __VLS_106;
+            var __VLS_110;
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerCheckIn, ]} */ ;
             // @ts-ignore
-            const __VLS_110 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            const __VLS_114 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
                 ...{ class: "h-full" },
             }));
-            const __VLS_111 = __VLS_110({
+            const __VLS_115 = __VLS_114({
                 ...{ class: "h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_110));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_114));
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerAppointment, ]} */ ;
             // @ts-ignore
-            const __VLS_114 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            const __VLS_118 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
                 ...{ class: "h-full" },
             }));
-            const __VLS_115 = __VLS_114({
+            const __VLS_119 = __VLS_118({
                 ...{ class: "h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_114));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_118));
         }
     }
     /** @type {[typeof PhoneNumpad, ]} */ ;
     // @ts-ignore
-    const __VLS_118 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+    const __VLS_122 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
         ...{ 'onCall': {} },
         ref: "phoneNumpadRef",
         hideNumpad: (__VLS_ctx.isLib),
         responsive: (__VLS_ctx.responsiveRender),
         ...{ class: "bg-white shrink-0 border-l layout-border" },
     }));
-    const __VLS_119 = __VLS_118({
+    const __VLS_123 = __VLS_122({
         ...{ 'onCall': {} },
         ref: "phoneNumpadRef",
         hideNumpad: (__VLS_ctx.isLib),
         responsive: (__VLS_ctx.responsiveRender),
         ...{ class: "bg-white shrink-0 border-l layout-border" },
-    }, ...__VLS_functionalComponentArgsRest(__VLS_118));
-    let __VLS_121;
-    let __VLS_122;
-    const __VLS_123 = ({ call: {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_122));
+    let __VLS_125;
+    let __VLS_126;
+    const __VLS_127 = ({ call: {} },
         { onCall: (__VLS_ctx.handleCall) });
     /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
-    var __VLS_124 = {};
+    var __VLS_128 = {};
     // @ts-ignore
     [isLib, responsiveRender, handleCall, phoneNumpadRef,];
-    var __VLS_120;
+    var __VLS_124;
 }
 /** @type {__VLS_StyleScopedClasses['go-chat-main']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-w-full']} */ ;
@@ -872,8 +905,19 @@ else {
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['sc-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
@@ -966,7 +1010,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['border-l']} */ ;
 /** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
 // @ts-ignore
-var __VLS_35 = __VLS_34, __VLS_53 = __VLS_52, __VLS_64 = __VLS_63, __VLS_70 = __VLS_69, __VLS_88 = __VLS_87, __VLS_102 = __VLS_101, __VLS_108 = __VLS_107, __VLS_125 = __VLS_124;
+var __VLS_39 = __VLS_38, __VLS_57 = __VLS_56, __VLS_68 = __VLS_67, __VLS_74 = __VLS_73, __VLS_92 = __VLS_91, __VLS_106 = __VLS_105, __VLS_112 = __VLS_111, __VLS_129 = __VLS_128;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

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, isPlivoOn } = usePlivo(handlePlivoCallBack);
+const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute, plivoCallSwishSpeaker, plivoRemoveCallBack, checkTimeLimit, isPlivoOn, isPlivoOn2 } = usePlivo(handlePlivoCallBack);
 const STATUS_LABEL = computed(() => {
     return {
         [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
@@ -63,6 +63,7 @@ const STATUS_LABEL = computed(() => {
         [PLIVO_CALL_STATUS.CHECK_USER_OFFER]: ''
     };
 });
+const REFRESH_TOKEN_TIME = 15 * 60 * 1000;
 const label = computed(() => STATUS_LABEL.value[callStatus.value] ?? '');
 const callStatus = ref(PLIVO_CALL_STATUS.CONNECTING);
 const duration = ref('00:00');
@@ -86,7 +87,7 @@ onMounted(async () => {
         if (dataProfile.value?.phone) {
             const token = await getPlivoAccessToken();
             await plivoLogin({ token });
-            setTimeout(refreshToken, 15 * 60 * 1000);
+            setTimeout(refreshToken, REFRESH_TOKEN_TIME);
         }
     }
     catch {
@@ -94,17 +95,23 @@ onMounted(async () => {
     }
 });
 onBeforeUnmount(() => {
-    console.log('ssssssssssssssssssssssss');
+    if (timer)
+        clearInterval(timer);
+    if (timeOut)
+        clearTimeout(timeOut);
+    endCall();
+    console.log('aaaaaaaaaaaaaaaaaaaaaaaa');
     plivoRemoveCallBack();
+    errorMessage.value = '';
 });
 onUnmounted(() => {
-    console.log('ssssssssssssssssssssssss');
     if (timer)
         clearInterval(timer);
     if (timeOut)
         clearTimeout(timeOut);
     endCall();
-    // plivoRemoveCallBack()
+    console.log('aaaaaaaaaaaaaaaaaaaaaaaa');
+    plivoRemoveCallBack();
     errorMessage.value = '';
 });
 let dataWebSK = null;
@@ -154,7 +161,7 @@ const refreshToken = async () => {
         }
         const token = await getPlivoAccessToken();
         await plivoLogin({ token, isRefresh: true });
-        setTimeout(() => refreshToken(), 15 * 60 * 1000);
+        setTimeout(() => refreshToken(), REFRESH_TOKEN_TIME);
         refreshTokenCount = 0;
     }
     catch (e) {
@@ -247,6 +254,8 @@ const getUserOffer = async (phone) => {
     }
 };
 const handleTimeLimitError = () => {
+    console.log(isPlivoOn.value, 'isPlivoOn.value isPlivoOn.value');
+    console.log(isPlivoOn2, 'isPlivoOn2');
     if (!isPlivoOn.value)
         return;
     errorMessage.value = 'Call time limit reached. This call has ended.';

package/dist/composable/usePlivo.d.ts

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

package/dist/composable/usePlivo.js

@@ -17,6 +17,7 @@ export function usePlivo(callback) {
     let custom_resolve = null;
     let custom_reject = null;
     const isPlivoOn = ref(false);
+    let isPlivoOn2 = false;
     const plivoLogin = async (data) => {
         try {
             if (!plivoBrowserSdk) {
@@ -44,6 +45,7 @@ export function usePlivo(callback) {
             await plivoBrowserSdk?.client?.loginWithAccessToken(data.token);
             plivoBrowserSdk?.client?.setRingTone(false);
             isPlivoOn.value = true;
+            isPlivoOn2 = true;
             // await plivoBrowserSdk?.client?.on?.(payload)
             // console.log('Registered with token')
             console.log(plivoBrowserSdk);
@@ -184,6 +186,7 @@ export function usePlivo(callback) {
         plivoBrowserSdk?.client?.off?.('onLoginFailed', handleLoginFailed);
         plivoBrowserSdk = null;
         isPlivoOn.value = false;
+        isPlivoOn2 = false;
     };
     const sleep = () => {
         return new Promise((resolve) => setTimeout(resolve, 2000));
@@ -198,6 +201,7 @@ export function usePlivo(callback) {
         plivoCallSwishSpeaker,
         plivoRemoveCallBack,
         checkTimeLimit,
-        isPlivoOn
+        isPlivoOn,
+        isPlivoOn2
     };
 }