@phonghq/go-chat 1.0.68 → 1.0.70

package/dist/chat/App.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: import("vue").DefineComponent<GoChatProps, GoChatInstanc
     onEndCall?: (() => any) | undefined;
     "onError:noPhoneTenant"?: (() => any) | undefined;
 }>, {
+    isLib: boolean;
     response: PAGE_RESPONSIVE;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/chat/App.vue.js

@@ -91,7 +91,8 @@ const routerMobileConfig = computed(() => [
     }
 ]);
 const props = withDefaults(defineProps(), {
-    response: 'tablet'
+    response: 'tablet',
+    isLib: true
 });
 const emit = defineEmits();
 let initTimer = null;
@@ -103,7 +104,7 @@ const handleExposeInit = (init_data) => {
             if (init_data?.conversation_id) {
                 chatListRef.value?.initData({
                     conversation_id: data?.conversation_id,
-                    is_unknown: data?.is_unknown || '0'
+                    is_known: data?.is_known || 1
                 });
             }
             else
@@ -215,7 +216,6 @@ defineExpose({
         await callingRef.value?.answer();
     },
     endCall: () => {
-        console.log('9999999999999999999999999999999');
         callingRef.value?.endCall();
     },
     openSettings,
@@ -225,7 +225,8 @@ defineExpose({
 });
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {
-    response: 'tablet'
+    response: 'tablet',
+    isLib: true
 };
 const __VLS_ctx = {
     ...{},
@@ -287,21 +288,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;
@@ -317,7 +351,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)({
@@ -328,12 +362,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" },
@@ -343,21 +377,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;
@@ -375,7 +409,7 @@ else {
                     // @ts-ignore
                     [responsiveRender, emit,];
                 } });
-        const __VLS_33 = ({ endCall: {} },
+        const __VLS_37 = ({ endCall: {} },
             { onEndCall: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -394,10 +428,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
@@ -441,8 +475,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" },
             });
@@ -514,15 +548,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",
@@ -530,19 +564,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;
@@ -562,13 +596,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': {} },
@@ -578,7 +612,7 @@ else {
             conversation: (__VLS_ctx.currentConversation),
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_56 = __VLS_55({
+        const __VLS_60 = __VLS_59({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -587,12 +621,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;
@@ -610,60 +644,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 {
@@ -672,7 +706,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",
@@ -680,19 +714,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;
@@ -711,10 +745,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" },
         });
@@ -748,8 +782,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" },
             });
@@ -762,7 +796,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",
@@ -771,7 +805,7 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             conversation: (__VLS_ctx.currentConversation),
         }));
-        const __VLS_95 = __VLS_94({
+        const __VLS_99 = __VLS_98({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
@@ -779,92 +813,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']} */ ;
@@ -873,8 +907,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']} */ ;
@@ -967,7 +1012,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/chat/page/home/ChatList.vue.d.ts

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