@phonghq/go-chat 1.0.71 → 1.0.73

package/dist/chat/page/home/HomeHeader.vue.js

@@ -12,11 +12,15 @@ import IconSms from '../../../assets/icons/global/IconSms.vue';
 import { activePlivoMode } from '../../../utils/chat/store/message';
 import { ref } from 'vue';
 import ButtonBase from '../../../components/common/button/ButtonBase.vue';
+import IconMenuDot from '../../../assets/icons/chat/IconMenuDot.vue';
+import DropdownBase from '../../../components/common/dropdown/DropdownBase.vue';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const activePlivoSms = ref(dataProfile.value?.is_sms_active == 1);
 const loading = ref(false);
+const selectOpen = ref(false);
 const goToViewUser = () => {
+    selectOpen.value = false;
     if (props.data?.id.toString() == digibotId.toString())
         return;
     if (dataProfile.value?.user_type == 'tenant') {
@@ -24,6 +28,17 @@ const goToViewUser = () => {
         routerPush(PAGE.CUSTOMER_DETAIL);
     }
 };
+const customer_select_option = [
+    { label: 'Profile', value: 0 },
+    { label: 'Later Appointment', value: 1 }
+];
+const handleSelectChange = (value) => {
+    if (value == 0) {
+        goToViewUser();
+    }
+    else {
+    }
+};
 const handleActivePlivoSmsChange = async (is_active) => {
     return;
     try {
@@ -52,13 +67,13 @@ let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "px-8 py-4 h-[96px] layout-shadow border-b border-chat-gray-5 z-10" },
+    ...{ class: "w-full px-8 py-4 h-[96px] layout-shadow border-b border-chat-gray-5 z-10" },
     ...{ class: ({ '!px-4': __VLS_ctx.responsive == 'mobile' }) },
 });
 // @ts-ignore
 [responsive,];
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "flex items-center gap-2 h-full" },
+    ...{ class: "w-full flex items-center gap-2 h-full overflow-hidden" },
 });
 if (__VLS_ctx.responsive == 'mobile') {
     // @ts-ignore
@@ -109,17 +124,17 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "grow overflow-x-hidden" },
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "w-full flex justify-between items-center gap-4" },
+    ...{ class: "w-full flex justify-between items-center gap-4 overflow-hidden" },
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ onClick: (__VLS_ctx.goToViewUser) },
-    ...{ class: "grow overflow-x-hidden" },
+    ...{ class: "grow overflow-hidden" },
     ...{ class: ({ 'cursor-pointer': __VLS_ctx.dataProfile?.user_type == 'tenant' }) },
 });
 // @ts-ignore
 [dataProfile, goToViewUser,];
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "flex items-center" },
+    ...{ class: "flex items-center truncate" },
 });
 __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
     ...{ class: "font-semibold truncate" },
@@ -127,7 +142,9 @@ __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
 (__VLS_ctx.data?.username || __VLS_ctx.phoneNumberFormat(__VLS_ctx.data?.phone ?? '') || 'n/a');
 // @ts-ignore
 [data, data, phoneNumberFormat,];
-if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant') {
+if (__VLS_ctx.data?.id &&
+    __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() &&
+    __VLS_ctx.dataProfile?.user_type == 'tenant') {
     // @ts-ignore
     [dataProfile, data, data, digibotId,];
     /** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
@@ -150,7 +167,9 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.t
     let __VLS_15;
     const __VLS_16 = ({ click: {} },
         { onClick: (...[$event]) => {
-                if (!(__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant'))
+                if (!(__VLS_ctx.data?.id &&
+                    __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() &&
+                    __VLS_ctx.dataProfile?.user_type == 'tenant'))
                     return;
                 __VLS_ctx.handleActivePlivoSmsChange(!__VLS_ctx.activePlivoSms);
                 // @ts-ignore
@@ -173,12 +192,16 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.t
     }
     var __VLS_13;
 }
-if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant') {
+if (__VLS_ctx.data?.id &&
+    __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() &&
+    __VLS_ctx.dataProfile?.user_type == 'tenant') {
     // @ts-ignore
     [dataProfile, data, data, digibotId,];
     __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
         ...{ onClick: (...[$event]) => {
-                if (!(__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant'))
+                if (!(__VLS_ctx.data?.id &&
+                    __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() &&
+                    __VLS_ctx.dataProfile?.user_type == 'tenant'))
                     return;
                 __VLS_ctx.emit('call');
                 // @ts-ignore
@@ -191,6 +214,61 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.t
     const __VLS_22 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({}));
     const __VLS_23 = __VLS_22({}, ...__VLS_functionalComponentArgsRest(__VLS_22));
 }
+if (__VLS_ctx.data?.id &&
+    __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() &&
+    __VLS_ctx.dataProfile?.user_type == 'tenant') {
+    // @ts-ignore
+    [dataProfile, data, data, digibotId,];
+    /** @type {[typeof DropdownBase, typeof DropdownBase, ]} */ ;
+    // @ts-ignore
+    const __VLS_26 = __VLS_asFunctionalComponent(DropdownBase, new DropdownBase({
+        side: "bottom",
+        align: "end",
+        open: (__VLS_ctx.selectOpen),
+    }));
+    const __VLS_27 = __VLS_26({
+        side: "bottom",
+        align: "end",
+        open: (__VLS_ctx.selectOpen),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_26));
+    const { default: __VLS_29 } = __VLS_28.slots;
+    // @ts-ignore
+    [selectOpen,];
+    {
+        const { default: __VLS_30 } = __VLS_28.slots;
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ class: "shrink-0 flex-center w-4" },
+        });
+        /** @type {[typeof IconMenuDot, ]} */ ;
+        // @ts-ignore
+        const __VLS_31 = __VLS_asFunctionalComponent(IconMenuDot, new IconMenuDot({
+            ...{ class: "scale-[1.2]" },
+        }));
+        const __VLS_32 = __VLS_31({
+            ...{ class: "scale-[1.2]" },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_31));
+    }
+    {
+        const { content: __VLS_35 } = __VLS_28.slots;
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "text-base font-medium" },
+        });
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.data?.id &&
+                        __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() &&
+                        __VLS_ctx.dataProfile?.user_type == 'tenant'))
+                        return;
+                    __VLS_ctx.goToViewUser();
+                    // @ts-ignore
+                    [goToViewUser,];
+                } },
+            ...{ class: "p-2 hover:bg-chat-haze-200 duration-200 cursor-pointer rounded-lg" },
+        });
+    }
+    var __VLS_28;
+}
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['px-8']} */ ;
 /** @type {__VLS_StyleScopedClasses['py-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-[96px]']} */ ;
@@ -199,10 +277,12 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.t
 /** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
 /** @type {__VLS_StyleScopedClasses['z-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['!px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
@@ -215,11 +295,13 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.t
 /** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
-/** @type {__VLS_StyleScopedClasses['overflow-x-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['truncate']} */ ;
 /** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
 /** @type {__VLS_StyleScopedClasses['truncate']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
@@ -240,6 +322,17 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.t
 /** @type {__VLS_StyleScopedClasses['w-9']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-9']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['scale-[1.2]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['duration-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
 const __VLS_export = (await import('vue')).defineComponent({
     __typeEmits: {},
     __typeProps: {},

package/dist/chat/page/home/NewCustomer.vue.js

@@ -14,7 +14,7 @@ let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "flex flex-col items-center justify-center text-center" },
+    ...{ class: "flex flex-col items-center justify-center text-center px-4 " },
 });
 /** @type {[typeof Avatar, ]} */ ;
 // @ts-ignore
@@ -36,11 +36,8 @@ const __VLS_1 = __VLS_0({
 }, ...__VLS_functionalComponentArgsRest(__VLS_0));
 // @ts-ignore
 [data, data, data, data,];
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "flex items-center gap-1" },
-});
-__VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
-    ...{ class: "text-2xl font-semibold" },
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-2xl inline-block vertical-mid font-semibold gap-1" },
 });
 (__VLS_ctx.data?.username || __VLS_ctx.phoneNumberFormat(__VLS_ctx.data?.phone ?? '') || 'n/a');
 // @ts-ignore
@@ -49,6 +46,7 @@ if (__VLS_ctx.isNew) {
     // @ts-ignore
     [isNew,];
     __VLS_asFunctionalElement(__VLS_elements.img)({
+        ...{ class: "inline-block align-middle ml-1" },
         src: "../../../assets/images/icons/new-customer.png",
     });
 }
@@ -64,12 +62,16 @@ if (__VLS_ctx.isNew) {
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['inline-block']} */ ;
+/** @type {__VLS_StyleScopedClasses['vertical-mid']} */ ;
 /** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['inline-block']} */ ;
+/** @type {__VLS_StyleScopedClasses['align-middle']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-1']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-3']} */ ;

package/dist/chat/page/home/PhoneNumpad.vue.d.ts

@@ -1,5 +1,6 @@
 import type { IResUser } from '../../../types/message';
 import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+import type { IConversation } from '../../../types/conversation';
 type KeyPadProps = {
     disabled?: boolean;
     hideNumpad?: boolean;
@@ -8,10 +9,13 @@ type KeyPadProps = {
 declare const _default: import("vue").DefineComponent<KeyPadProps, {
     openPhoneNumpad: () => void;
     closePhoneNumpad: () => void;
+    startSendMessage: (phone: string) => Promise<void> | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    message: (data: IConversation) => any;
     call: (data: IResUser) => any;
     "error:noPhoneTenant": () => any;
 }, string, import("vue").PublicProps, Readonly<KeyPadProps> & Readonly<{
+    onMessage?: ((data: IConversation) => any) | undefined;
     onCall?: ((data: IResUser) => any) | undefined;
     "onError:noPhoneTenant"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/chat/page/home/PhoneNumpad.vue.js

@@ -17,7 +17,14 @@ const closePhoneNumpad = () => {
 const handleCall = (data) => {
     emit('call', data);
 };
-const __VLS_exposed = { openPhoneNumpad, closePhoneNumpad };
+const handleMessage = (data) => {
+    emit('message', data);
+    drawerVisibleRef.value?.close();
+};
+const startSendMessage = (phone) => {
+    return phoneNumpadRef.value?.startSendMessage(phone);
+};
+const __VLS_exposed = { openPhoneNumpad, closePhoneNumpad, startSendMessage };
 defineExpose(__VLS_exposed);
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {};
@@ -38,6 +45,8 @@ if (__VLS_ctx.responsive == 'window') {
     // @ts-ignore
     const __VLS_0 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
         ...{ 'onCall': {} },
+        ...{ 'onMessage': {} },
+        ref: "phoneNumpadRef",
         ...{ class: "bg-white shrink-0 border-l layout-border" },
         modelValue: "",
         hideNumpad: (__VLS_ctx.hideNumpad),
@@ -45,6 +54,8 @@ if (__VLS_ctx.responsive == 'window') {
     }));
     const __VLS_1 = __VLS_0({
         ...{ 'onCall': {} },
+        ...{ 'onMessage': {} },
+        ref: "phoneNumpadRef",
         ...{ class: "bg-white shrink-0 border-l layout-border" },
         modelValue: "",
         hideNumpad: (__VLS_ctx.hideNumpad),
@@ -54,71 +65,78 @@ if (__VLS_ctx.responsive == 'window') {
     let __VLS_4;
     const __VLS_5 = ({ call: {} },
         { onCall: (__VLS_ctx.handleCall) });
-    var __VLS_6 = {};
+    const __VLS_6 = ({ message: {} },
+        { onMessage: (__VLS_ctx.handleMessage) });
+    /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
+    var __VLS_7 = {};
     // @ts-ignore
-    [responsive, hideNumpad, handleCall,];
+    [responsive, hideNumpad, handleCall, handleMessage, phoneNumpadRef,];
     var __VLS_2;
 }
 else {
     /** @type {[typeof DrawerBaseCustom, typeof DrawerBaseCustom, ]} */ ;
     // @ts-ignore
-    const __VLS_8 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
+    const __VLS_10 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
         ref: "drawerVisibleRef",
         responsive: (__VLS_ctx.responsive),
         absolute: true,
     }));
-    const __VLS_9 = __VLS_8({
+    const __VLS_11 = __VLS_10({
         ref: "drawerVisibleRef",
         responsive: (__VLS_ctx.responsive),
         absolute: true,
-    }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+    }, ...__VLS_functionalComponentArgsRest(__VLS_10));
     /** @type {typeof __VLS_ctx.drawerVisibleRef} */ ;
-    var __VLS_11 = {};
-    const { default: __VLS_13 } = __VLS_10.slots;
+    var __VLS_13 = {};
+    const { default: __VLS_15 } = __VLS_12.slots;
     // @ts-ignore
     [responsive, drawerVisibleRef,];
     {
-        const { content: __VLS_14 } = __VLS_10.slots;
+        const { content: __VLS_16 } = __VLS_12.slots;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "h-full flex flex-col" },
         });
         /** @type {[typeof PhoneNumpad, ]} */ ;
         // @ts-ignore
-        const __VLS_15 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+        const __VLS_17 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
             ...{ 'onCall': {} },
+            ...{ 'onMessage': {} },
             ...{ 'onBack': {} },
             ref: "phoneNumpadRef",
             ...{ class: "bg-white grow border-l layout-border w-full" },
             hideNumpad: (__VLS_ctx.hideNumpad),
             responsive: (__VLS_ctx.responsive),
         }));
-        const __VLS_16 = __VLS_15({
+        const __VLS_18 = __VLS_17({
             ...{ 'onCall': {} },
+            ...{ 'onMessage': {} },
             ...{ 'onBack': {} },
             ref: "phoneNumpadRef",
             ...{ class: "bg-white grow border-l layout-border w-full" },
             hideNumpad: (__VLS_ctx.hideNumpad),
             responsive: (__VLS_ctx.responsive),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_15));
-        let __VLS_18;
-        let __VLS_19;
-        const __VLS_20 = ({ call: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_17));
+        let __VLS_20;
+        let __VLS_21;
+        const __VLS_22 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_21 = ({ back: {} },
+        const __VLS_23 = ({ message: {} },
+            { onMessage: (__VLS_ctx.handleMessage) });
+        const __VLS_24 = ({ back: {} },
             { onBack: (...[$event]) => {
                     if (!!(__VLS_ctx.responsive == 'window'))
                         return;
                     __VLS_ctx.drawerVisibleRef?.close();
                     // @ts-ignore
-                    [responsive, hideNumpad, handleCall, drawerVisibleRef,];
+                    [responsive, hideNumpad, handleCall, handleMessage, drawerVisibleRef,];
                 } });
         /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
-        var __VLS_22 = {};
+        var __VLS_25 = {};
         // @ts-ignore
         [phoneNumpadRef,];
-        var __VLS_17;
+        var __VLS_19;
     }
-    var __VLS_10;
+    var __VLS_12;
 }
 /** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
@@ -133,7 +151,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 // @ts-ignore
-var __VLS_12 = __VLS_11, __VLS_23 = __VLS_22;
+var __VLS_8 = __VLS_7, __VLS_14 = __VLS_13, __VLS_26 = __VLS_25;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

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

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { computed, onBeforeUnmount, onMounted, onUnmounted, ref } from 'vue';
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import IconPhone from '../../../assets/icons/call/IconPhone.vue';
 import { dataProfile } from '../../../utils/chat/store/auth';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
@@ -23,6 +23,8 @@ const props = withDefaults(defineProps(), {
 });
 const emit = defineEmits();
 const handlePlivoCallBack = (status, data) => {
+    if (!drawerVisibleRef.value)
+        return;
     callStatus.value = status;
     if (status == PLIVO_CALL_STATUS.RINGING) {
         handleInComingCall(data);
@@ -46,7 +48,7 @@ const handlePlivoCallBack = (status, data) => {
         handleMedialPermissionError();
     }
 };
-const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute, plivoCallSwishSpeaker, plivoRemoveCallBack, checkTimeLimit, isPlivoOn, isPlivoOn2 } = usePlivo(handlePlivoCallBack);
+const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute, plivoCallSwishSpeaker, plivoRemoveCallBack, checkTimeLimit, } = usePlivo(handlePlivoCallBack);
 const STATUS_LABEL = computed(() => {
     return {
         [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
@@ -100,21 +102,9 @@ onBeforeUnmount(() => {
     if (timeOut)
         clearTimeout(timeOut);
     endCall();
-    console.log('aaaaaaaaaaaaaaaaaaaaaaaa');
-    plivoRemoveCallBack();
-    errorMessage.value = '';
-});
-onUnmounted(() => {
-    if (timer)
-        clearInterval(timer);
-    if (timeOut)
-        clearTimeout(timeOut);
-    endCall();
-    console.log('aaaaaaaaaaaaaaaaaaaaaaaa');
     plivoRemoveCallBack();
     errorMessage.value = '';
 });
-let dataWebSK = null;
 function startTimer() {
     let sec = 0;
     timer = setInterval(() => {
@@ -254,10 +244,6 @@ 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.';
     endCall();
 };
@@ -265,6 +251,7 @@ const exportRecordFile = async () => {
     downloadRecord(record_link.value);
 };
 const handleAfterClose = () => {
+    checkTimeLimit();
     record_link.value = '';
     errorMessage.value = '';
     uuidEnd = '';

package/dist/components/common/dropdown/DropdownBase.vue.d.ts

@@ -1,16 +1,16 @@
-type Props = {};
+import type { DropdownMenuContentProps } from 'reka-ui';
 declare var __VLS_15: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
-    button?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_15) => any;
 } & {
     content?: (props: typeof __VLS_22) => any;
 };
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Pick<DropdownMenuContentProps, "side" | "align">, {
     close: () => void;
     openDropdown: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (appointment: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<Pick<DropdownMenuContentProps, "side" | "align">> & Readonly<{
     onChange?: ((appointment: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
 export default _default;

package/dist/components/common/dropdown/DropdownBase.vue.js

@@ -1,9 +1,7 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { ref } from 'vue';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '../../../components/ui/dropdown-menu';
-const props = withDefaults(defineProps(), {
-    placement: 'bottomLeft'
-});
+const props = defineProps();
 const emits = defineEmits();
 const handleChange = (value) => {
     open.value = value;
@@ -22,9 +20,6 @@ const __VLS_exposed = {
 };
 defineExpose(__VLS_exposed);
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_defaults = {
-    placement: 'bottomLeft'
-};
 const __VLS_ctx = {
     ...{},
     ...{},
@@ -73,9 +68,17 @@ const __VLS_16 = {}.DropdownMenuContent;
 // @ts-ignore
 DropdownMenuContent;
 // @ts-ignore
-const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({}));
-const __VLS_18 = __VLS_17({}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({
+    side: (__VLS_ctx.side),
+    align: (__VLS_ctx.align),
+}));
+const __VLS_18 = __VLS_17({
+    side: (__VLS_ctx.side),
+    align: (__VLS_ctx.align),
+}, ...__VLS_functionalComponentArgsRest(__VLS_17));
 const { default: __VLS_20 } = __VLS_19.slots;
+// @ts-ignore
+[side, align,];
 var __VLS_21 = {};
 var __VLS_19;
 var __VLS_3;
@@ -85,7 +88,6 @@ const __VLS_base = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},
     __typeProps: {},
-    props: {},
 });
 const __VLS_export = {};
 export default {};

package/dist/components/common/select/SelectBase.vue.d.ts

@@ -1,23 +1,28 @@
-type __VLS_Props = {
+import type { SelectContentProps } from 'reka-ui';
+type Props = Pick<SelectContentProps, 'side' | 'align'> & {
     options: {
         label: string;
         value: string | number;
     }[];
     disabled?: boolean;
 };
+type __VLS_Props = Props;
 type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_12: {}, __VLS_19: {};
+declare var __VLS_15: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
+    default?: (props: typeof __VLS_15) => any;
 } & {
-    content?: (props: typeof __VLS_19) => any;
+    content?: (props: typeof __VLS_22) => any;
 };
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean | undefined) => any;
+} & {
+    change: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
 export default _default;