@phonghq/go-chat 1.0.55 → 1.0.57

package/dist/assets/icons/call/IconClock.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/assets/icons/call/IconClock.vue.js

@@ -0,0 +1,22 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.svg, __VLS_elements.svg)({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+});
+__VLS_asFunctionalElement(__VLS_elements.path)({
+    d: "M12 7V12H15M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",
+    stroke: "currentColor",
+    'stroke-width': "2",
+    'stroke-linecap': "round",
+    'stroke-linejoin': "round",
+});
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/chat/App.vue.js

@@ -55,9 +55,9 @@ const routerMobileConfig = computed(() => [
             : () => {
                 logout();
             },
-        backTitle: 'Go Chat',
+        backTitle: 'logo',
         subTitle: dataProfile.value?.user_type == 'tenant'
-            ? phoneNumberFormat(dataProfile.value?.tenant_phone ?? '')
+            ? phoneNumberFormat(dataProfile.value?.phone ?? '')
             : ''
     },
     {
@@ -171,10 +171,11 @@ const handleCall = (user) => {
     else {
         emit('call', user);
     }
+    handleReadMessage();
 };
 const handleInitPage = async () => {
     const init_data = await initPage({ props: props, responsive: responsiveRender.value });
-    if (!dataProfile.value?.tenant_phone && dataProfile.value?.user_type == 'tenant') {
+    if (!dataProfile.value?.phone && dataProfile.value?.user_type == 'tenant') {
         emit('error:noPhoneTenant');
         routerPush(PAGE.NOT_TENANT_PHONE);
     }
@@ -193,6 +194,9 @@ const handleCloseBtn = () => {
     emit('close');
     phoneNumpadRef.value?.closePhoneNumpad();
 };
+const backToHome = () => {
+    phoneNumpadRef.value?.closePhoneNumpad();
+};
 let __VLS_exposed;
 defineExpose({
     get unreadCount() {
@@ -213,6 +217,7 @@ defineExpose({
     endCall: () => callingRef.value?.endCall(),
     openSettings,
     initData: (data) => handleExposeInit(data),
+    backToHome,
 });
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {
@@ -438,9 +443,20 @@ else {
             __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
                 ...{ class: "text-xl font-semibold text-left text-chat-haze-900" },
             });
-            (__VLS_ctx.currentPageConfig.backTitle ?? '');
-            // @ts-ignore
-            [currentPageConfig,];
+            if (__VLS_ctx.currentPageConfig.backTitle != 'logo') {
+                // @ts-ignore
+                [currentPageConfig,];
+                __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+                (__VLS_ctx.currentPageConfig.backTitle ?? '');
+                // @ts-ignore
+                [currentPageConfig,];
+            }
+            else {
+                __VLS_asFunctionalElement(__VLS_elements.img)({
+                    ...{ class: "h-7" },
+                    src: "@/assets/images/logo-1.png",
+                });
+            }
             __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
                 ...{ class: "text-sm font-medium text-chat-haze-900" },
             });
@@ -460,7 +476,7 @@ else {
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
                 ...{ class: "font-medium text-gray-700" },
             });
-            (__VLS_ctx.phoneNumberFormat(__VLS_ctx.dataProfile?.tenant_phone ?? '') ?? '');
+            (__VLS_ctx.phoneNumberFormat(__VLS_ctx.dataProfile?.phone ?? '') ?? '');
             // @ts-ignore
             [dataProfile, phoneNumberFormat,];
         }
@@ -884,6 +900,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-left']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-900']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-7']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
 /** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-900']} */ ;

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

@@ -81,6 +81,10 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
         conversation_id?: any;
         is_unknown?: string | undefined;
     } | undefined) => Promise<void>;
+    handleTabChange: (tab: any, option?: {
+        hideCheckHasReceiveId?: boolean | undefined;
+        hideLoading?: boolean | undefined;
+    } | undefined) => Promise<void>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:receiverId": (value: any) => any;
 } & {

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

@@ -73,7 +73,7 @@ const getData = async (data, option) => {
         const tab_value = option?.tab ?? activeTabs.value;
         if (!option?.hideLoading)
             isLoadingSearch.value = true;
-        if (option?.reset) {
+        if (option?.reset && !data?.search) {
             let cache = false;
             if (tab_value == TAB_VALUE.ALL) {
                 cache = getDataCacheAll();
@@ -112,7 +112,8 @@ const getAllList = async (tab_value) => {
         }
     }
     else if (tab_value == TAB_VALUE.UNKNOWN) {
-        while (paramsUnknown.value.page < pageCountUnknown.value && !scrollEventRef.value?.canScroll()) {
+        while (paramsUnknown.value.page < pageCountUnknown.value &&
+            !scrollEventRef.value?.canScroll()) {
             let page = paramsUnknown.value.page + 1;
             await getData({ page }, { tab: tab_value });
         }
@@ -153,6 +154,7 @@ const handleScroll = useDebounce(async () => {
     }
 }, 200);
 const selectUser = (user) => {
+    handleReadMessage();
     emit('selectReceiver', user);
 };
 const handleReadMessage = () => {
@@ -204,7 +206,8 @@ const __VLS_exposed = {
     listConversationsAll,
     listConversationsUnknown,
     getCurrentConversation,
-    initData
+    initData,
+    handleTabChange
 };
 defineExpose(__VLS_exposed);
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
@@ -303,14 +306,18 @@ const __VLS_18 = __VLS_asFunctionalComponent(ScrollEvent, new ScrollEvent({
     ...{ 'onGetDataBottom': {} },
     ref: "scrollEventRef",
     ...{ class: "h-full overflow-auto" },
-    disabled: (__VLS_ctx.activeTabs == __VLS_ctx.TAB_VALUE.ALL ? __VLS_ctx.paramsAll.page >= __VLS_ctx.pageCountAll : __VLS_ctx.paramsUnknown.page >= __VLS_ctx.pageCountUnknown),
+    disabled: (__VLS_ctx.activeTabs == __VLS_ctx.TAB_VALUE.ALL
+        ? __VLS_ctx.paramsAll.page >= __VLS_ctx.pageCountAll
+        : __VLS_ctx.paramsUnknown.page >= __VLS_ctx.pageCountUnknown),
     bottom: true,
 }));
 const __VLS_19 = __VLS_18({
     ...{ 'onGetDataBottom': {} },
     ref: "scrollEventRef",
     ...{ class: "h-full overflow-auto" },
-    disabled: (__VLS_ctx.activeTabs == __VLS_ctx.TAB_VALUE.ALL ? __VLS_ctx.paramsAll.page >= __VLS_ctx.pageCountAll : __VLS_ctx.paramsUnknown.page >= __VLS_ctx.pageCountUnknown),
+    disabled: (__VLS_ctx.activeTabs == __VLS_ctx.TAB_VALUE.ALL
+        ? __VLS_ctx.paramsAll.page >= __VLS_ctx.pageCountAll
+        : __VLS_ctx.paramsUnknown.page >= __VLS_ctx.pageCountUnknown),
     bottom: true,
 }, ...__VLS_functionalComponentArgsRest(__VLS_18));
 let __VLS_21;

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

@@ -5,6 +5,7 @@ type Props = {
     message: IResMessage[];
     responsive: PAGE_RESPONSIVE;
     showNewCustomer: boolean;
+    isLoading: boolean;
 };
 declare const _default: import("vue").DefineComponent<Props, {
     scrollBottom: () => void;

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

@@ -113,12 +113,30 @@ if (__VLS_ctx.showNewCustomer) {
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "chat-padding-page" },
 });
+const __VLS_13 = {}.TransitionGroup;
+/** @type {[typeof __VLS_components.TransitionGroup, typeof __VLS_components.transitionGroup, typeof __VLS_components.TransitionGroup, typeof __VLS_components.transitionGroup, ]} */ ;
+// @ts-ignore
+TransitionGroup;
+// @ts-ignore
+const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+    name: (__VLS_ctx.isLoading ? '' : 'message'),
+    tag: "div",
+    ...{ class: "chat-list" },
+}));
+const __VLS_15 = __VLS_14({
+    name: (__VLS_ctx.isLoading ? '' : 'message'),
+    tag: "div",
+    ...{ class: "chat-list" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_14));
+const { default: __VLS_17 } = __VLS_16.slots;
+// @ts-ignore
+[isLoading,];
 for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
     // @ts-ignore
     [message,];
     /** @type {[typeof ChatMessageItem, ]} */ ;
     // @ts-ignore
-    const __VLS_13 = __VLS_asFunctionalComponent(ChatMessageItem, new ChatMessageItem({
+    const __VLS_18 = __VLS_asFunctionalComponent(ChatMessageItem, new ChatMessageItem({
         ...{ 'onCallAgain': {} },
         message: (item),
         index: (index),
@@ -131,7 +149,7 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
         isChatFinished: (__VLS_ctx.isChatFinished(index)),
         isChatStart: (__VLS_ctx.isChatStart(index)),
     }));
-    const __VLS_14 = __VLS_13({
+    const __VLS_19 = __VLS_18({
         ...{ 'onCallAgain': {} },
         message: (item),
         index: (index),
@@ -143,17 +161,18 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
         isEndMessage: (__VLS_ctx.isEndMessage(index)),
         isChatFinished: (__VLS_ctx.isChatFinished(index)),
         isChatStart: (__VLS_ctx.isChatStart(index)),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_13));
-    let __VLS_16;
-    let __VLS_17;
-    const __VLS_18 = ({ callAgain: {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_18));
+    let __VLS_21;
+    let __VLS_22;
+    const __VLS_23 = ({ callAgain: {} },
         { onCallAgain: (...[$event]) => {
                 __VLS_ctx.emit('callBack');
                 // @ts-ignore
                 [data, message, responsive, dataProfile, shouldShowAvatar, isEndMessage, isChatFinished, isChatStart, emit,];
             } });
-    var __VLS_15;
+    var __VLS_20;
 }
+var __VLS_16;
 var __VLS_2;
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
@@ -167,6 +186,7 @@ var __VLS_2;
 /** @type {__VLS_StyleScopedClasses['chat-padding-page']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['chat-padding-page']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-list']} */ ;
 // @ts-ignore
 var __VLS_7 = __VLS_6;
 const __VLS_export = (await import('vue')).defineComponent({

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

@@ -26,15 +26,17 @@ const callTitle = computed(() => {
         }
     }
     else {
-        if (props.message?.call_status == PLIVO_CALL_STATUS.CONNECT_FAILED ||
+        if (props.message?.call_status == PLIVO_CALL_STATUS.BUSY ||
+            props.message?.call_status == PLIVO_CALL_STATUS.CANCEL) {
+            return 'Call canceled';
+        }
+        else if (props.message?.call_status == PLIVO_CALL_STATUS.CONNECT_FAILED ||
             props.message?.call_status == PLIVO_CALL_STATUS.TIME_OUT ||
-            props.message?.call_status == PLIVO_CALL_STATUS.CANCEL ||
-            props.message?.call_status == PLIVO_CALL_STATUS.NO_ANSWER ||
-            props.message?.call_status == PLIVO_CALL_STATUS.BUSY) {
+            props.message?.call_status == PLIVO_CALL_STATUS.NO_ANSWER) {
             return 'Call missed';
         }
         else if (props.message?.call_status == PLIVO_CALL_STATUS.CALL_END) {
-            return 'Incomming audio call';
+            return 'Incoming audio call';
         }
     }
     return '';
@@ -88,7 +90,7 @@ let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "flex items-end mt-1" },
+    ...{ class: "flex items-end mt-1 relative" },
     ...{ class: ({
             'mt-2': __VLS_ctx.shouldShowAvatar,
             'flex-col justify-end  pl-[60px]': __VLS_ctx.isMyMessage,
@@ -106,26 +108,36 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
         if (__VLS_ctx.shouldShowAvatar) {
             // @ts-ignore
             [shouldShowAvatar,];
+            __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+                ...{ class: "" },
+                ...{ class: (__VLS_ctx.responsive == 'mobile' ? 'w-8' : 'w-12') },
+            });
+            // @ts-ignore
+            [responsive,];
             /** @type {[typeof Avatar, ]} */ ;
             // @ts-ignore
             const __VLS_0 = __VLS_asFunctionalComponent(Avatar, new Avatar({
-                ...{ class: "shrink-0" },
+                ...{ class: "shrink-0 absolute top-0" },
                 src: (__VLS_ctx.data?.avatar ?? ''),
                 color: (__VLS_ctx.data?.color),
                 name: (__VLS_ctx.data?.username),
                 size: (__VLS_ctx.responsive == 'mobile' ? 'sm' : 'md'),
-                ...{ class: ({ 'translate-y-[-2px]': __VLS_ctx.responsive == 'mobile', '!-translate-y-[26px]': __VLS_ctx.isChatStart && __VLS_ctx.isChatFinished }) },
+                ...{ class: ({
+                        'translate-y-[-2px]': __VLS_ctx.responsive == 'mobile',
+                    }) },
             }));
             const __VLS_1 = __VLS_0({
-                ...{ class: "shrink-0" },
+                ...{ class: "shrink-0 absolute top-0" },
                 src: (__VLS_ctx.data?.avatar ?? ''),
                 color: (__VLS_ctx.data?.color),
                 name: (__VLS_ctx.data?.username),
                 size: (__VLS_ctx.responsive == 'mobile' ? 'sm' : 'md'),
-                ...{ class: ({ 'translate-y-[-2px]': __VLS_ctx.responsive == 'mobile', '!-translate-y-[26px]': __VLS_ctx.isChatStart && __VLS_ctx.isChatFinished }) },
+                ...{ class: ({
+                        'translate-y-[-2px]': __VLS_ctx.responsive == 'mobile',
+                    }) },
             }, ...__VLS_functionalComponentArgsRest(__VLS_0));
             // @ts-ignore
-            [data, data, data, responsive, responsive, isChatStart, isChatFinished,];
+            [responsive, responsive, data, data, data,];
         }
         else {
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
@@ -150,7 +162,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
                 'ml-auto': __VLS_ctx.isMyMessage,
                 'mr-auto': !__VLS_ctx.isMyMessage,
                 'max-w-[280px]': __VLS_ctx.responsive == 'mobile',
-                'max-w-[480px]': __VLS_ctx.responsive !== 'mobile',
+                'max-w-[480px]': __VLS_ctx.responsive !== 'mobile'
             }) },
     });
     // @ts-ignore
@@ -222,7 +234,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
         [message,];
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
         __VLS_asFunctionalElement(__VLS_elements.div)({
-            ...{ style: ({ wordBreak: 'break-word' }) },
+            ...{ style: ({ wordBreak: 'break-word', whiteSpace: 'pre-line' }) },
         });
         __VLS_asFunctionalDirective(__VLS_directives.vHtml)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.message.message) }, null, null);
         // @ts-ignore
@@ -264,7 +276,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
             // @ts-ignore
             [message, message, MessageState, isLastMessage, getMessageStateText,];
             __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
-                ...{ class: "text-chat-haze-200 text-xs mt-1" },
+                ...{ class: "text-chat-haze-400 text-xs mt-1" },
                 ...{ class: ({ '!text-chat-error': __VLS_ctx.message.state == __VLS_ctx.MessageState.Failed }) },
             });
             // @ts-ignore
@@ -275,17 +287,20 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
         }
     }
 }
+/** @type {__VLS_StyleScopedClasses['']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-end']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-end']} */ ;
 /** @type {__VLS_StyleScopedClasses['pl-[60px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['top-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['translate-y-[-2px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['!-translate-y-[26px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['px-3']} */ ;
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
@@ -331,7 +346,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
 /** @type {__VLS_StyleScopedClasses['!text-chat-error']} */ ;

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

@@ -0,0 +1,13 @@
+import 'vue3-emoji-picker/css';
+type __VLS_ModelProps = {
+    'file'?: Blob | null;
+    'link'?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:file": (value: Blob | null | undefined) => any;
+    "update:link": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:file"?: ((value: Blob | null | undefined) => any) | undefined;
+    "onUpdate:link"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,130 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import 'vue3-emoji-picker/css';
+import { ref, onMounted, onUnmounted } from 'vue';
+// type Props = {
+//   data: IResUser | null
+//   responsive: PAGE_RESPONSIVE
+// }
+// const props = withDefaults(defineProps<Props>(), {})
+// const emit = defineEmits<{
+//   (e: 'sendMessage', val: IResMessage): void
+//   (e: 'focus'): void
+// }>()
+const ChatModeOptions = [
+    { value: '0', label: 'Go Chat' },
+    { value: '1', label: 'Go sms' }
+];
+const dropFile = defineModel('file');
+const dropFileLink = defineModel('link');
+let dragCounter = 0;
+onMounted(() => {
+    window.addEventListener('dragenter', onWindowDragEnter);
+    window.addEventListener('dragleave', onWindowDragLeave);
+    window.addEventListener('drop', onWindowDrop);
+    window.addEventListener('dragover', onWindowDragOver);
+});
+onUnmounted(() => {
+    window.removeEventListener('dragenter', onWindowDragEnter);
+    window.removeEventListener('dragleave', onWindowDragLeave);
+    window.removeEventListener('drop', onWindowDrop);
+    window.removeEventListener('dragover', onWindowDragOver);
+});
+const mode = ref('0');
+const isHover = ref(false);
+const showDropzone = ref(false);
+const onWindowDragEnter = (e) => {
+    if (!e.dataTransfer?.types.includes('Files'))
+        return;
+    dragCounter++;
+    showDropzone.value = true;
+};
+const onWindowDragLeave = () => {
+    dragCounter--;
+    if (dragCounter === 0) {
+        showDropzone.value = false;
+        isHover.value = false;
+    }
+};
+const isFileDrag = (e) => {
+    return e.dataTransfer?.types.includes('Files');
+};
+const onWindowDragOver = (e) => {
+    if (!isFileDrag(e))
+        return;
+    e.preventDefault();
+};
+const onWindowDrop = (e) => {
+    if (!isFileDrag(e))
+        return;
+    e.preventDefault();
+    dragCounter = 0;
+    showDropzone.value = false;
+    isHover.value = false;
+};
+const onDrop = (e) => {
+    isHover.value = false;
+    const files = e.dataTransfer?.files;
+    if (files)
+        handleFiles(files);
+};
+const handleFiles = (files) => {
+    if (files.length) {
+        const file_path = URL.createObjectURL(files[0]);
+        dropFile.value = files[0];
+        dropFileLink.value = file_path;
+    }
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+if (__VLS_ctx.showDropzone) {
+    // @ts-ignore
+    [showDropzone,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ onDragover: (...[$event]) => {
+                if (!(__VLS_ctx.showDropzone))
+                    return;
+                __VLS_ctx.isHover = true;
+                // @ts-ignore
+                [isHover,];
+            } },
+        ...{ onDragleave: (...[$event]) => {
+                if (!(__VLS_ctx.showDropzone))
+                    return;
+                __VLS_ctx.isHover = false;
+                // @ts-ignore
+                [isHover,];
+            } },
+        ...{ onDrop: (__VLS_ctx.onDrop) },
+        ...{ class: "dropzone" },
+        ...{ class: ({ hover: __VLS_ctx.isHover }) },
+    });
+    // @ts-ignore
+    [isHover, onDrop,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "dropzone_border" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+        ...{ class: "text-chat-haze-500 text-xl font-medium" },
+    });
+}
+/** @type {__VLS_StyleScopedClasses['dropzone']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover']} */ ;
+/** @type {__VLS_StyleScopedClasses['dropzone_border']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+export default {};

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

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<Props, {
     getData: (data?: any) => Promise<void>;
     handleGetMessage: (option?: {
         resetList?: boolean | undefined;
+        is_mqtt?: boolean | undefined;
     } | undefined) => Promise<void>;
     infoUser: import("vue").ShallowRef<IResUser | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {