@phonghq/go-chat 1.0.46 → 1.0.47

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

@@ -21,6 +21,8 @@ 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: '' },
     {
@@ -148,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) {
@@ -183,6 +186,9 @@ const openSettings = () => {
 const handleReadMessage = () => {
     chatListRef.value?.handleReadMessage();
 };
+const handleOpenPhoneNumpad = () => {
+    phoneNumpadRef.value?.openPhoneNumpad();
+};
 let __VLS_exposed;
 defineExpose({
     get unreadCount() {
@@ -302,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" },
     });
@@ -310,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;
@@ -341,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
@@ -385,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" },
             });
@@ -447,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': {} },
@@ -491,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': {} },
@@ -500,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;
@@ -523,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 {
@@ -585,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",
@@ -593,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;
@@ -619,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" },
         });
@@ -661,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" },
             });
@@ -675,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",
@@ -684,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",
@@ -692,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']} */ ;
@@ -766,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']} */ ;
@@ -848,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/home/ChatList.vue.js

@@ -247,22 +247,28 @@ const __VLS_5 = ({ search: {} },
 // @ts-ignore
 [responsive, keyword, handleSearch,];
 var __VLS_2;
-__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.emit('openPhoneNumpad');
-            // @ts-ignore
-            [emit,];
-        } },
-    ...{ class: "shrink-0 h-11 w-11 rounded-full flex-center bg-[#C7DEFF] block xl:hidden" },
-});
-/** @type {[typeof IconPlus, ]} */ ;
-// @ts-ignore
-const __VLS_7 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
-    ...{ class: "text-[#004AB3]" },
-}));
-const __VLS_8 = __VLS_7({
-    ...{ class: "text-[#004AB3]" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+if (__VLS_ctx.responsive != 'window') {
+    // @ts-ignore
+    [responsive,];
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(__VLS_ctx.responsive != 'window'))
+                    return;
+                __VLS_ctx.emit('openPhoneNumpad');
+                // @ts-ignore
+                [emit,];
+            } },
+        ...{ class: "shrink-0 h-11 w-11 rounded-full flex-center bg-[#C7DEFF]" },
+    });
+    /** @type {[typeof IconPlus, ]} */ ;
+    // @ts-ignore
+    const __VLS_7 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
+        ...{ class: "text-[#004AB3]" },
+    }));
+    const __VLS_8 = __VLS_7({
+        ...{ class: "text-[#004AB3]" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+}
 if (__VLS_ctx.dataProfile?.user_type == 'tenant') {
     // @ts-ignore
     [dataProfile,];
@@ -339,6 +345,7 @@ for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
     const __VLS_27 = __VLS_asFunctionalComponent(Avatar, new Avatar({
         id: (user.id),
         ...{ class: "shrink-0" },
+        ...{ class: ({ 'animal-icon': user?.id === __VLS_ctx.digibotId }) },
         src: (user.avatar ?? ''),
         color: (user.color),
         name: (user.username ?? ''),
@@ -346,10 +353,13 @@ for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
     const __VLS_28 = __VLS_27({
         id: (user.id),
         ...{ class: "shrink-0" },
+        ...{ class: ({ 'animal-icon': user?.id === __VLS_ctx.digibotId }) },
         src: (user.avatar ?? ''),
         color: (user.color),
         name: (user.username ?? ''),
     }, ...__VLS_functionalComponentArgsRest(__VLS_27));
+    // @ts-ignore
+    [digibotId,];
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "grow ml-3 overflow-hidden" },
     });
@@ -394,12 +404,16 @@ for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
             }) },
     });
     (user.last_message ?? 'No messages');
-    __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
-        ...{ class: "shrink-0 text-sm text-right text-chat-gray-4 w-[80px] md:w-[130px]" },
-    });
-    (__VLS_ctx.getTimeFromNow(user.last_message_time ?? ''));
-    // @ts-ignore
-    [getTimeFromNow,];
+    if (user.id != __VLS_ctx.digibotId) {
+        // @ts-ignore
+        [digibotId,];
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "shrink-0 text-sm text-right text-chat-gray-4 w-[80px] md:w-[130px]" },
+        });
+        (__VLS_ctx.getTimeFromNow(user.last_message_time ?? ''));
+        // @ts-ignore
+        [getTimeFromNow,];
+    }
 }
 var __VLS_20;
 /** @type {__VLS_StyleScopedClasses['']} */ ;
@@ -422,8 +436,6 @@ var __VLS_20;
 /** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-[#C7DEFF]']} */ ;
-/** @type {__VLS_StyleScopedClasses['block']} */ ;
-/** @type {__VLS_StyleScopedClasses['xl:hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-[#004AB3]']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['px-6']} */ ;
@@ -443,6 +455,7 @@ var __VLS_20;
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-[#EDF5FF]']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['animal-icon']} */ ;
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
 /** @type {__VLS_StyleScopedClasses['ml-3']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;