@phonghq/go-chat 1.0.22 → 1.0.24

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

@@ -12,7 +12,7 @@ import Error from '../chat/page/error/Error.vue';
 import { currentPage, routerPush } from '../utils/chat/chat-router';
 import BaseSpin from '../components/chat/common/spin/BaseSpin.vue';
 import Calling from '../components/chat/call/Calling.vue';
-import { logout } from '../utils/chat/auth';
+import { dataProfile, logout } from '../utils/chat/auth';
 import MobileFooter from '../components/chat/layout/mobile/Footer.vue';
 import '../style/index.scss';
 import { useDebounce } from '../utils/debounce';
@@ -100,7 +100,7 @@ const currentPageConfig = computed(() => {
 const responsiveRender = computed(() => {
     return props.response == 'mobile' ? props.response : responsiveObserver.value;
 });
-const list = computed(() => chatListRef.value?.listConversations ?? []);
+const list = computed(() => chatListRef.value?.listConversationsAll ?? []);
 const unreadCount = computed(() => list.value?.reduce((total, cur) => total + (cur?.unread_count ?? 0), 0) ?? 0);
 const callStatus = computed(() => callingRef.value?.callStatus ?? null);
 const responsiveObserver = ref('tablet');
@@ -111,6 +111,7 @@ const customerDetailRef = ref(null);
 const homeComponentRef = ref(null);
 const chatListRef = ref(null);
 const selectReceiver = async (data) => {
+    console.log(data, 'datadata');
     if (receiverId.value != data?.receiver_id || responsiveRender.value === 'mobile') {
         if (currentPage.value != PAGE.HOME) {
             routerPush(PAGE.HOME);
@@ -144,7 +145,20 @@ const getResponsiveObserver = useDebounce(() => {
         }
     }
 }, 50);
-initPage({ props: props, response: props.response });
+const handleInitPage = async () => {
+    await initPage({ props: props, response: props.response });
+    if (!dataProfile.value?.phone) {
+        emit('error:noPhoneTenant');
+    }
+};
+const handleEndCall = (data) => {
+    setTimeout(() => {
+        if (data?.id && data?.id == receiverId.value) {
+            homeComponentRef.value?.handleGetMessage({ resetList: true });
+        }
+    }, 3000);
+};
+handleInitPage();
 let __VLS_exposed;
 defineExpose({
     get unreadCount() {
@@ -153,6 +167,9 @@ defineExpose({
     get callStatus() {
         return callStatus.value;
     },
+    get callLabel() {
+        return callingRef.value?.label ?? '';
+    },
     getUserRemote: () => {
         return callingRef.value?.userRemoter ?? null;
     },
@@ -213,11 +230,13 @@ else if (__VLS_ctx.responsiveRender == 'mobile') {
     // @ts-ignore
     const __VLS_8 = __VLS_asFunctionalComponent(Calling, new Calling({
         ...{ 'onUserCalling': {} },
+        ...{ 'onEndCall': {} },
         ref: "callingRef",
         responsive: (__VLS_ctx.responsiveRender),
     }));
     const __VLS_9 = __VLS_8({
         ...{ 'onUserCalling': {} },
+        ...{ 'onEndCall': {} },
         ref: "callingRef",
         responsive: (__VLS_ctx.responsiveRender),
     }, ...__VLS_functionalComponentArgsRest(__VLS_8));
@@ -235,10 +254,12 @@ else if (__VLS_ctx.responsiveRender == 'mobile') {
                 // @ts-ignore
                 [responsiveRender, emit,];
             } });
+    const __VLS_14 = ({ endCall: {} },
+        { onEndCall: (__VLS_ctx.handleEndCall) });
     /** @type {typeof __VLS_ctx.callingRef} */ ;
-    var __VLS_14 = {};
+    var __VLS_15 = {};
     // @ts-ignore
-    [callingRef,];
+    [handleEndCall, callingRef,];
     var __VLS_10;
     if (__VLS_ctx.currentPageConfig?.backFunc) {
         // @ts-ignore
@@ -264,8 +285,8 @@ else if (__VLS_ctx.responsiveRender == 'mobile') {
         });
         /** @type {[typeof IconArrowLeft, ]} */ ;
         // @ts-ignore
-        const __VLS_17 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-        const __VLS_18 = __VLS_17({}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+        const __VLS_18 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+        const __VLS_19 = __VLS_18({}, ...__VLS_functionalComponentArgsRest(__VLS_18));
         __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
             ...{ class: "text-xl font-semibold text-chat-haze-900 ml-3" },
         });
@@ -278,114 +299,114 @@ else if (__VLS_ctx.responsiveRender == 'mobile') {
     });
     /** @type {[typeof ChatList, ]} */ ;
     // @ts-ignore
-    const __VLS_21 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+    const __VLS_22 = __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_22 = __VLS_21({
+    const __VLS_23 = __VLS_22({
         ...{ 'onSelectReceiver': {} },
         ref: "chatListRef",
         ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
         responsive: (__VLS_ctx.responsiveRender),
         receiverId: (__VLS_ctx.receiverId),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_21));
-    let __VLS_24;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_22));
     let __VLS_25;
-    const __VLS_26 = ({ selectReceiver: {} },
+    let __VLS_26;
+    const __VLS_27 = ({ 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_27 = {};
+    var __VLS_28 = {};
     // @ts-ignore
     [currentPage, PAGE, responsiveRender, receiverId, selectReceiver, chatListRef,];
-    var __VLS_23;
+    var __VLS_24;
     /** @type {[typeof HomeComponent, ]} */ ;
     // @ts-ignore
-    const __VLS_30 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+    const __VLS_31 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
         ...{ 'onCall': {} },
         ref: "homeComponentRef",
         receiverId: (__VLS_ctx.receiverId),
         ...{ class: "h-full pt-4" },
         responsive: (__VLS_ctx.responsiveRender),
     }));
-    const __VLS_31 = __VLS_30({
+    const __VLS_32 = __VLS_31({
         ...{ 'onCall': {} },
         ref: "homeComponentRef",
         receiverId: (__VLS_ctx.receiverId),
         ...{ class: "h-full pt-4" },
         responsive: (__VLS_ctx.responsiveRender),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_30));
-    let __VLS_33;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_31));
     let __VLS_34;
-    const __VLS_35 = ({ call: {} },
+    let __VLS_35;
+    const __VLS_36 = ({ call: {} },
         { onCall: (__VLS_ctx.handleCall) });
     __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_36 = {};
+    var __VLS_37 = {};
     // @ts-ignore
     [currentPage, PAGE, responsiveRender, receiverId, handleCall, homeComponentRef,];
-    var __VLS_32;
+    var __VLS_33;
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerDetail, ]} */ ;
         // @ts-ignore
-        const __VLS_39 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+        const __VLS_40 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
             ref: "customerDetailRef",
             receiverId: (__VLS_ctx.receiverId),
-            ...{ class: "h-full" },
+            ...{ class: "w-full h-full" },
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_40 = __VLS_39({
+        const __VLS_41 = __VLS_40({
             ref: "customerDetailRef",
             receiverId: (__VLS_ctx.receiverId),
-            ...{ class: "h-full" },
+            ...{ class: "w-full h-full" },
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_39));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_40));
         /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-        var __VLS_42 = {};
+        var __VLS_43 = {};
         // @ts-ignore
         [responsiveRender, receiverId, customerDetailRef,];
-        var __VLS_41;
+        var __VLS_42;
     }
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerCheckIn, ]} */ ;
         // @ts-ignore
-        const __VLS_45 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
-            ...{ class: "h-full" },
+        const __VLS_46 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            ...{ class: "w-full h-full" },
         }));
-        const __VLS_46 = __VLS_45({
-            ...{ class: "h-full" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_45));
+        const __VLS_47 = __VLS_46({
+            ...{ class: "w-full h-full" },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_46));
     }
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerAppointment, ]} */ ;
         // @ts-ignore
-        const __VLS_49 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
-            ...{ class: "h-full" },
+        const __VLS_50 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            ...{ class: "w-full h-full" },
         }));
-        const __VLS_50 = __VLS_49({
-            ...{ class: "h-full" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_49));
+        const __VLS_51 = __VLS_50({
+            ...{ class: "w-full h-full" },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_50));
     }
     if (__VLS_ctx.currentPage != __VLS_ctx.PAGE.HOME) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof MobileFooter, ]} */ ;
         // @ts-ignore
-        const __VLS_53 = __VLS_asFunctionalComponent(MobileFooter, new MobileFooter({
+        const __VLS_54 = __VLS_asFunctionalComponent(MobileFooter, new MobileFooter({
             ...{ class: "shrink-0" },
         }));
-        const __VLS_54 = __VLS_53({
+        const __VLS_55 = __VLS_54({
             ...{ class: "shrink-0" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_53));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_54));
     }
 }
 else {
@@ -394,29 +415,29 @@ else {
     });
     /** @type {[typeof ChatList, ]} */ ;
     // @ts-ignore
-    const __VLS_57 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+    const __VLS_58 = __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_58 = __VLS_57({
+    const __VLS_59 = __VLS_58({
         ...{ 'onSelectReceiver': {} },
         ref: "chatListRef",
         ...{ class: "w-[38%] max-w-[500px] min-w-[450px]" },
         responsive: (__VLS_ctx.responsiveRender),
         receiverId: (__VLS_ctx.receiverId),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_57));
-    let __VLS_60;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_58));
     let __VLS_61;
-    const __VLS_62 = ({ selectReceiver: {} },
+    let __VLS_62;
+    const __VLS_63 = ({ selectReceiver: {} },
         { onSelectReceiver: (__VLS_ctx.selectReceiver) });
     /** @type {typeof __VLS_ctx.chatListRef} */ ;
-    var __VLS_63 = {};
+    var __VLS_64 = {};
     // @ts-ignore
     [responsiveRender, receiverId, selectReceiver, chatListRef,];
-    var __VLS_59;
+    var __VLS_60;
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "chat-box-white grow flex flex-col h-full pt-6 overflow-hidden" },
     });
@@ -444,8 +465,8 @@ else {
         });
         /** @type {[typeof IconArrowLeft, ]} */ ;
         // @ts-ignore
-        const __VLS_66 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-        const __VLS_67 = __VLS_66({}, ...__VLS_functionalComponentArgsRest(__VLS_66));
+        const __VLS_67 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+        const __VLS_68 = __VLS_67({}, ...__VLS_functionalComponentArgsRest(__VLS_67));
         __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
             ...{ class: "text-xl font-semibold text-chat-haze-900 ml-3" },
         });
@@ -458,92 +479,94 @@ else {
     });
     /** @type {[typeof HomeComponent, ]} */ ;
     // @ts-ignore
-    const __VLS_70 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+    const __VLS_71 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
         ...{ 'onCall': {} },
         ref: "homeComponentRef",
         receiverId: (__VLS_ctx.receiverId),
         ...{ class: "h-full" },
         responsive: (__VLS_ctx.responsiveRender),
     }));
-    const __VLS_71 = __VLS_70({
+    const __VLS_72 = __VLS_71({
         ...{ 'onCall': {} },
         ref: "homeComponentRef",
         receiverId: (__VLS_ctx.receiverId),
         ...{ class: "h-full" },
         responsive: (__VLS_ctx.responsiveRender),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_70));
-    let __VLS_73;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_71));
     let __VLS_74;
-    const __VLS_75 = ({ call: {} },
+    let __VLS_75;
+    const __VLS_76 = ({ call: {} },
         { onCall: (__VLS_ctx.handleCall) });
     __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_76 = {};
+    var __VLS_77 = {};
     // @ts-ignore
     [currentPage, PAGE, responsiveRender, receiverId, handleCall, homeComponentRef,];
-    var __VLS_72;
+    var __VLS_73;
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerDetail, ]} */ ;
         // @ts-ignore
-        const __VLS_79 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+        const __VLS_80 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
             ref: "customerDetailRef",
             receiverId: (__VLS_ctx.receiverId),
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_80 = __VLS_79({
+        const __VLS_81 = __VLS_80({
             ref: "customerDetailRef",
             receiverId: (__VLS_ctx.receiverId),
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_79));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_80));
         /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-        var __VLS_82 = {};
+        var __VLS_83 = {};
         // @ts-ignore
         [responsiveRender, receiverId, customerDetailRef,];
-        var __VLS_81;
+        var __VLS_82;
     }
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerCheckIn, ]} */ ;
         // @ts-ignore
-        const __VLS_85 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+        const __VLS_86 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
             ...{ class: "h-full" },
         }));
-        const __VLS_86 = __VLS_85({
+        const __VLS_87 = __VLS_86({
             ...{ class: "h-full" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_85));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_86));
     }
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
         // @ts-ignore
         [currentPage, PAGE,];
         /** @type {[typeof CustomerAppointment, ]} */ ;
         // @ts-ignore
-        const __VLS_89 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+        const __VLS_90 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
             ...{ class: "h-full" },
         }));
-        const __VLS_90 = __VLS_89({
+        const __VLS_91 = __VLS_90({
             ...{ class: "h-full" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_89));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_90));
     }
     /** @type {[typeof Calling, ]} */ ;
     // @ts-ignore
-    const __VLS_93 = __VLS_asFunctionalComponent(Calling, new Calling({
+    const __VLS_94 = __VLS_asFunctionalComponent(Calling, new Calling({
         ...{ 'onUserCalling': {} },
+        ...{ 'onEndCall': {} },
         ref: "callingRef",
         responsive: (__VLS_ctx.responsiveRender),
     }));
-    const __VLS_94 = __VLS_93({
+    const __VLS_95 = __VLS_94({
         ...{ 'onUserCalling': {} },
+        ...{ 'onEndCall': {} },
         ref: "callingRef",
         responsive: (__VLS_ctx.responsiveRender),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_93));
-    let __VLS_96;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_94));
     let __VLS_97;
-    const __VLS_98 = ({ userCalling: {} },
+    let __VLS_98;
+    const __VLS_99 = ({ userCalling: {} },
         { onUserCalling: (...[$event]) => {
                 if (!!(!__VLS_ctx.isRouterReady))
                     return;
@@ -555,11 +578,13 @@ else {
                 // @ts-ignore
                 [responsiveRender, emit,];
             } });
+    const __VLS_100 = ({ endCall: {} },
+        { onEndCall: (__VLS_ctx.handleEndCall) });
     /** @type {typeof __VLS_ctx.callingRef} */ ;
-    var __VLS_99 = {};
+    var __VLS_101 = {};
     // @ts-ignore
-    [callingRef,];
-    var __VLS_95;
+    [handleEndCall, callingRef,];
+    var __VLS_96;
 }
 /** @type {__VLS_StyleScopedClasses['go-chat-main']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-w-full']} */ ;
@@ -594,8 +619,11 @@ else {
 /** @type {__VLS_StyleScopedClasses['!bg-[#F9FAFC]']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['pt-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
@@ -627,7 +655,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 // @ts-ignore
-var __VLS_15 = __VLS_14, __VLS_28 = __VLS_27, __VLS_37 = __VLS_36, __VLS_43 = __VLS_42, __VLS_64 = __VLS_63, __VLS_77 = __VLS_76, __VLS_83 = __VLS_82, __VLS_100 = __VLS_99;
+var __VLS_16 = __VLS_15, __VLS_29 = __VLS_28, __VLS_38 = __VLS_37, __VLS_44 = __VLS_43, __VLS_65 = __VLS_64, __VLS_78 = __VLS_77, __VLS_84 = __VLS_83, __VLS_102 = __VLS_101;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},