@phonghq/go-chat 1.0.73 → 1.0.75

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

@@ -1,15 +1,20 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import Avatar from '../../../components/chat/customer/Avatar.vue';
-import { computed, nextTick } from 'vue';
+import { computed, nextTick, ref } from 'vue';
 import { MessageState } from '../../../constant/message';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
 import { PLIVO_CALL_STATUS } from '../../../types/chat/call';
 import IconPhone from '../../../assets/icons/customer-detail/IconPhone.vue';
 import dayjs from 'dayjs';
-import { DATE_FORMATS, TIME_ZONE_UTC } from '../../../constant/datetime';
+import { DATE_FORMATS } from '../../../constant/datetime';
 import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
-// import IconMenuDot from '@/assets/icons/chat/IconMenuDot.vue'
+import { getTimeLocal } from '../../../utils/dayjs-helper';
+import IconMenuDot from '../../../assets/icons/chat/IconMenuDot.vue';
+import IconResend from '../../../assets/icons/chat/IconResend.vue';
+import IconCopy from '../../../assets/icons/chat/IconCopy.vue';
+import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
+import { userHistory } from '../../../utils/chat/store/user';
 dayjs.extend(utc);
 dayjs.extend(timezone);
 const props = withDefaults(defineProps(), {});
@@ -42,6 +47,33 @@ const callTitle = computed(() => {
     }
     return '';
 });
+const popoverContent = computed(() => {
+    let result = [];
+    if (props.message?.is_call != 1) {
+        result.unshift({
+            icon: IconCopy,
+            title: 'Copy',
+            disabled: !userHistory.value?.appointment?.length,
+            click: () => {
+                copyToClipboard(props.message.message ?? '');
+                popoverOpen.value = false;
+            }
+        });
+        if (props.isMyMessage) {
+            result.unshift({
+                icon: IconResend,
+                title: 'Resend',
+                disabled: false,
+                click: () => {
+                    emit('resend');
+                    popoverOpen.value = false;
+                }
+            });
+        }
+    }
+    return result;
+});
+const popoverOpen = ref(false);
 const scrollBottom = () => {
     nextTick(() => {
         const eleIdContentChat = document.getElementById('content-chat');
@@ -74,14 +106,23 @@ const getMessageStateText = (item) => {
     }
 };
 const getFinishTime = (time) => {
-    if (!dayjs(time).isValid())
-        return '';
-    return dayjs.tz(time, TIME_ZONE_UTC).local().format(DATE_FORMATS.TIME_12_FORMAT);
+    return getTimeLocal(time)?.format(DATE_FORMATS.TIME_12_FORMAT) ?? '';
 };
 const getStartDate = (time) => {
-    if (!dayjs(time).isValid())
-        return '';
-    return dayjs.tz(time, TIME_ZONE_UTC).local().format('MMM D, YYYY');
+    if (getTimeLocal(time)?.date() == dayjs().date()) {
+        return 'Today';
+    }
+    return getTimeLocal(time)?.format(DATE_FORMATS['DATE_FORMAT_MEDIUM']) ?? '';
+};
+const copyToClipboard = async (text) => {
+    try {
+        await navigator.clipboard.writeText(text);
+        return true;
+    }
+    catch (error) {
+        console.error('Copy failed:', error);
+        return false;
+    }
 };
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {};
@@ -112,7 +153,7 @@ if (__VLS_ctx.isStartNewDate) {
     [getStartDate, message,];
 }
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "flex items-end mt-1 relative" },
+    ...{ class: "flex items-end mt-1 relative group" },
     ...{ class: ({
             'mt-2': __VLS_ctx.shouldShowAvatar,
             'flex-col justify-end  pl-[60px]': __VLS_ctx.isMyMessage,
@@ -172,7 +213,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
     }
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-        ...{ class: "px-3 py-2 rounded-2xl text-left w-max relative group" },
+        ...{ class: "px-3 py-2 rounded-2xl text-left w-max relative" },
         ...{ class: ({
                 'rounded-tl-[6px]': !__VLS_ctx.isChatStart && !__VLS_ctx.isMyMessage,
                 'rounded-bl-[6px]': !__VLS_ctx.isChatFinished && !__VLS_ctx.isMyMessage,
@@ -189,6 +230,72 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
     });
     // @ts-ignore
     [message, message, message, message, message, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, responsive, responsive, isChatStart, isChatStart, isChatFinished, isChatFinished,];
+    if (__VLS_ctx.popoverContent.length) {
+        // @ts-ignore
+        [popoverContent,];
+        /** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
+        // @ts-ignore
+        const __VLS_4 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
+            open: (__VLS_ctx.popoverOpen),
+            trigger: "click",
+            side: "top",
+            align: (__VLS_ctx.isMyMessage ? 'end' : 'start'),
+            ...{ class: "" },
+            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] ${__VLS_ctx.isMyMessage ? '-left-6 ' : '-right-6'}`),
+            contentClass: "min-w-0 -translate-y-4 shadow-none",
+        }));
+        const __VLS_5 = __VLS_4({
+            open: (__VLS_ctx.popoverOpen),
+            trigger: "click",
+            side: "top",
+            align: (__VLS_ctx.isMyMessage ? 'end' : 'start'),
+            ...{ class: "" },
+            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] ${__VLS_ctx.isMyMessage ? '-left-6 ' : '-right-6'}`),
+            contentClass: "min-w-0 -translate-y-4 shadow-none",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_4));
+        const { default: __VLS_7 } = __VLS_6.slots;
+        // @ts-ignore
+        [isMyMessage, isMyMessage, popoverOpen,];
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "" },
+        });
+        /** @type {[typeof IconMenuDot, ]} */ ;
+        // @ts-ignore
+        const __VLS_8 = __VLS_asFunctionalComponent(IconMenuDot, new IconMenuDot({}));
+        const __VLS_9 = __VLS_8({}, ...__VLS_functionalComponentArgsRest(__VLS_8));
+        {
+            const { content: __VLS_12 } = __VLS_6.slots;
+            __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+                ...{ class: "flex bg-chat-primary-dark text-chat-text rounded-xl py-2" },
+            });
+            for (const [item, i] of __VLS_getVForSourceType((__VLS_ctx.popoverContent))) {
+                // @ts-ignore
+                [popoverContent,];
+                __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+                    ...{ onClick: (...[$event]) => {
+                            if (!(__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyMessage))
+                                return;
+                            if (!(__VLS_ctx.popoverContent.length))
+                                return;
+                            item.click?.();
+                        } },
+                    ...{ class: "flex items-center flex-col w-[70px] text-white duration-200 cursor-pointer border-r last:border-none" },
+                    key: (i),
+                    ...{ class: ({ 'opacity-[0.3] pointer-events-none': item.disabled }) },
+                });
+                const __VLS_13 = ((item.icon));
+                // @ts-ignore
+                const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+                    ...{ class: "w-5 h-5" },
+                }));
+                const __VLS_15 = __VLS_14({
+                    ...{ class: "w-5 h-5" },
+                }, ...__VLS_functionalComponentArgsRest(__VLS_14));
+                (item.title);
+            }
+        }
+        var __VLS_6;
+    }
     if (__VLS_ctx.message.is_call == 1) {
         // @ts-ignore
         [message,];
@@ -203,26 +310,26 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
             [message, PLIVO_CALL_STATUS,];
             /** @type {[typeof IconPhone, ]} */ ;
             // @ts-ignore
-            const __VLS_4 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({
+            const __VLS_18 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({
                 weight: (2),
                 ...{ class: "w-5 h-5 text-chat-success" },
             }));
-            const __VLS_5 = __VLS_4({
+            const __VLS_19 = __VLS_18({
                 weight: (2),
                 ...{ class: "w-5 h-5 text-chat-success" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_4));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_18));
         }
         else {
             /** @type {[typeof IconPhoneCancel, ]} */ ;
             // @ts-ignore
-            const __VLS_8 = __VLS_asFunctionalComponent(IconPhoneCancel, new IconPhoneCancel({
+            const __VLS_22 = __VLS_asFunctionalComponent(IconPhoneCancel, new IconPhoneCancel({
                 weight: (2),
                 ...{ class: "w-5 h-5 text-chat-error" },
             }));
-            const __VLS_9 = __VLS_8({
+            const __VLS_23 = __VLS_22({
                 weight: (2),
                 ...{ class: "w-5 h-5 text-chat-error" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_22));
         }
         __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
             ...{ class: "font-semibold" },
@@ -310,6 +417,8 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
     }
 }
 /** @type {__VLS_StyleScopedClasses['']} */ ;
+/** @type {__VLS_StyleScopedClasses['']} */ ;
+/** @type {__VLS_StyleScopedClasses['']} */ ;
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-200']} */ ;
@@ -329,6 +438,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['items-end']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['group']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-end']} */ ;
@@ -345,7 +455,6 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['text-left']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-max']} */ ;
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
-/** @type {__VLS_StyleScopedClasses['group']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-tl-[6px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-bl-[6px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-tr-[6px]']} */ ;
@@ -361,6 +470,24 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['max-w-[280px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-w-[480px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-primary-dark']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-text']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[70px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['duration-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-r']} */ ;
+/** @type {__VLS_StyleScopedClasses['last:border-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-[0.3]']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-[210px]']} */ ;

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

@@ -1,10 +1,11 @@
 import type { IResUser } from '../../../types/message';
-import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+import type { PAGE_RESPONSIVE, PARENT_PAGE_NAME } from '../../../types/chat/global';
 import type { IConversation } from '../../../types/conversation';
 type Props = {
     receiverId: any;
     responsive: PAGE_RESPONSIVE;
     conversation: IConversation | null;
+    parentPageName: PARENT_PAGE_NAME;
 };
 declare const _default: import("vue").DefineComponent<Props, {
     getData: (data?: any) => Promise<void>;
@@ -17,10 +18,12 @@ declare const _default: import("vue").DefineComponent<Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     call: (value: IResUser) => any;
     back: () => any;
+    viewAppointment: (id: any) => any;
     inputFocus: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onCall?: ((value: IResUser) => any) | undefined;
     onBack?: (() => any) | undefined;
+    onViewAppointment?: ((id: any) => any) | undefined;
     onInputFocus?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,8 +1,8 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import HomeHeader from '../../../chat/page/home/HomeHeader.vue';
+import HomeHeader from './header/HomeHeader.vue';
 import NewCustomer from '../../../chat/page/home/NewCustomer.vue';
 import InputChat from '../../../chat/page/home/InputChat.vue';
-import { getDetailReceiver, getMessage, sendMessage, upLoadImage } from '../../../utils/chat/store/message';
+import { getMessage, sendMessage, upLoadImage } from '../../../utils/chat/store/message';
 import { computed, nextTick, onMounted, onUnmounted, ref, shallowRef } from 'vue';
 import ChatMessage from '../../../chat/page/home/ChatMessage.vue';
 import { addHandleMqttMessage, connectMqtt, publishMessage, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../../../plugins/mqtt';
@@ -13,6 +13,7 @@ import { getCache, removeOldestCache, setCache } from '../../../utils/chat/cache
 import { digibotId } from '../../../composable/useDigibot';
 import dayjs from 'dayjs';
 import { useDebounce } from '../../../utils/debounce';
+import { getUserHistory, userHistory } from '../../../utils/chat/store/user';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const MESSAGE_STORAGE_KEY = 'chat-message-';
@@ -26,6 +27,7 @@ const infoUser = shallowRef(null);
 const listMessage = ref([]);
 const chatMessageRef = ref(null);
 const inputChatRef = ref(null);
+const customerLoading = ref(false);
 onMounted(() => {
     document.addEventListener('visibilitychange', handleVisibilitychange);
 });
@@ -134,15 +136,30 @@ const handleGetDetailReceiverQuickly = (data) => {
 };
 const handleGetDetailReceiver = async (data) => {
     const id = props.receiverId;
-    if (data)
-        infoUser.value = { ...data, conversation_id: data.id };
-    const res = (await getDetailReceiver(props.receiverId)) ?? null;
+    if (!data)
+        return;
+    infoUser.value = { ...data, conversation_id: data.id, id: data.receiver_id };
+    // const res = (await getDetailReceiver(props.receiverId)) ?? null
+    userHistory.value = null;
+    customerLoading.value = true;
+    handleGetUserHistoryDebounce(infoUser.value?.phone?.slice(1) ?? '');
     if (id == props.receiverId) {
-        infoUser.value = res;
+        // infoUser.value = res
         await handleDisconnectMqtt();
         await handleConnectMqtt();
     }
 };
+const handleGetUserHistory = async (phone) => {
+    try {
+        // customerLoading.value = true
+        await getUserHistory(phone);
+    }
+    catch (e) {
+        console.log(e);
+    }
+    customerLoading.value = false;
+};
+const handleGetUserHistoryDebounce = useDebounce((phone) => handleGetUserHistory(phone), 500);
 const getData = async (data) => {
     try {
         isLoading.value = true;
@@ -192,34 +209,42 @@ const handleSendMessage = async (data) => {
             formData.append('url', file_upload[0]?.url ?? '');
         }
         const res = await sendMessage(formData);
-        publishMessage(topic_plivo_chat, {
-            ...data,
-            state: MessageState.Sent,
-            attachments: file_upload
-                ? [
-                    {
-                        file_name: data.attachments[0]?.file_name ?? '',
-                        file_path: file_upload[0]?.url ?? ''
-                    }
-                ]
-                : [],
-            id: res?.message?.id,
-            is_sms: res?.message?.is_sms,
-            local_id: data?.id
-        });
-        updateMessageItem(data.id, {
-            state: MessageState.Sent,
-            id: res?.message?.id,
-            is_sms: res?.message?.is_sms
-        });
-        chatMessageRef.value?.scrollBottom();
-        publicTopicConversationUpdate({
-            message: data?.message ?? '',
-            isSendImg: !!file_upload?.length,
-            infoUser: infoUser.value,
-            is_known: props.conversation?.is_known ?? 0,
-            conversation_id: props.conversation?.id ?? 0
-        });
+        if (res?.message?.id) {
+            publishMessage(topic_plivo_chat, {
+                ...data,
+                state: MessageState.Sent,
+                attachments: file_upload
+                    ? [
+                        {
+                            file_name: data.attachments[0]?.file_name ?? '',
+                            file_path: file_upload[0]?.url ?? ''
+                        }
+                    ]
+                    : [],
+                id: res?.message?.id,
+                is_sms: res?.message?.is_sms,
+                local_id: data?.id
+            });
+            updateMessageItem(data.id, {
+                state: MessageState.Sent,
+                id: res?.message?.id,
+                is_sms: res?.message?.is_sms
+            });
+            chatMessageRef.value?.scrollBottom();
+            publicTopicConversationUpdate({
+                message: data?.message ?? '',
+                isSendImg: !!file_upload?.length,
+                infoUser: infoUser.value,
+                is_known: props.conversation?.is_known ?? 0,
+                conversation_id: props.conversation?.id ?? 0
+            });
+        }
+        else {
+            updateMessageItem(data.id, {
+                state: MessageState.Failed,
+                error: res?.messages ?? ''
+            });
+        }
     }
     catch (error) {
         console.log(error);
@@ -264,6 +289,9 @@ const reconcileAndSortMessages = (serverMessages) => {
     });
     listMessage.value = currentMessages.sort((a, b) => dayjs(b.created_at).valueOf() - dayjs(a.created_at).valueOf());
 };
+const handleResent = (message) => {
+    inputChatRef.value?.handleSendMessage('message', { message: message.message ?? '' });
+};
 const handleGetListMqtt = useDebounce(() => handleGetMessage({ is_mqtt: true }), 5000);
 const __VLS_exposed = { getData, handleGetMessage, infoUser, handleGetDetailReceiverQuickly };
 defineExpose(__VLS_exposed);
@@ -289,29 +317,43 @@ if (__VLS_ctx.infoUser) {
     // @ts-ignore
     const __VLS_0 = __VLS_asFunctionalComponent(HomeHeader, new HomeHeader({
         ...{ 'onCall': {} },
+        ...{ 'onViewAppointment': {} },
         ...{ 'onBack': {} },
         ...{ class: "shrink-0" },
         data: (__VLS_ctx.infoUser),
         responsive: (__VLS_ctx.responsive),
+        parentPageName: (__VLS_ctx.parentPageName),
+        customerLoading: (__VLS_ctx.customerLoading),
     }));
     const __VLS_1 = __VLS_0({
         ...{ 'onCall': {} },
+        ...{ 'onViewAppointment': {} },
         ...{ 'onBack': {} },
         ...{ class: "shrink-0" },
         data: (__VLS_ctx.infoUser),
         responsive: (__VLS_ctx.responsive),
+        parentPageName: (__VLS_ctx.parentPageName),
+        customerLoading: (__VLS_ctx.customerLoading),
     }, ...__VLS_functionalComponentArgsRest(__VLS_0));
     let __VLS_3;
     let __VLS_4;
     const __VLS_5 = ({ call: {} },
         { onCall: (__VLS_ctx.call) });
-    const __VLS_6 = ({ back: {} },
+    const __VLS_6 = ({ viewAppointment: {} },
+        { onViewAppointment: (...[$event]) => {
+                if (!(__VLS_ctx.infoUser))
+                    return;
+                __VLS_ctx.emit('viewAppointment', $event);
+                // @ts-ignore
+                [infoUser, responsive, parentPageName, customerLoading, call, emit,];
+            } });
+    const __VLS_7 = ({ back: {} },
         { onBack: (...[$event]) => {
                 if (!(__VLS_ctx.infoUser))
                     return;
                 __VLS_ctx.emit('back');
                 // @ts-ignore
-                [infoUser, responsive, call, emit,];
+                [emit,];
             } });
     var __VLS_2;
     if (__VLS_ctx.listMessage?.length) {
@@ -319,9 +361,10 @@ if (__VLS_ctx.infoUser) {
         [listMessage,];
         /** @type {[typeof ChatMessage, ]} */ ;
         // @ts-ignore
-        const __VLS_8 = __VLS_asFunctionalComponent(ChatMessage, new ChatMessage({
+        const __VLS_9 = __VLS_asFunctionalComponent(ChatMessage, new ChatMessage({
             ...{ 'onScrollTop': {} },
             ...{ 'onCallBack': {} },
+            ...{ 'onResend': {} },
             ref: "chatMessageRef",
             data: (__VLS_ctx.infoUser),
             message: (__VLS_ctx.reversedList),
@@ -330,9 +373,10 @@ if (__VLS_ctx.infoUser) {
             showNewCustomer: (__VLS_ctx.page >= __VLS_ctx.pageCount),
             isLoading: (__VLS_ctx.isLoading),
         }));
-        const __VLS_9 = __VLS_8({
+        const __VLS_10 = __VLS_9({
             ...{ 'onScrollTop': {} },
             ...{ 'onCallBack': {} },
+            ...{ 'onResend': {} },
             ref: "chatMessageRef",
             data: (__VLS_ctx.infoUser),
             message: (__VLS_ctx.reversedList),
@@ -340,34 +384,36 @@ if (__VLS_ctx.infoUser) {
             responsive: (__VLS_ctx.responsive),
             showNewCustomer: (__VLS_ctx.page >= __VLS_ctx.pageCount),
             isLoading: (__VLS_ctx.isLoading),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_8));
-        let __VLS_11;
+        }, ...__VLS_functionalComponentArgsRest(__VLS_9));
         let __VLS_12;
-        const __VLS_13 = ({ scrollTop: {} },
+        let __VLS_13;
+        const __VLS_14 = ({ scrollTop: {} },
             { onScrollTop: (__VLS_ctx.handleScrollTop) });
-        const __VLS_14 = ({ callBack: {} },
+        const __VLS_15 = ({ callBack: {} },
             { onCallBack: (__VLS_ctx.call) });
+        const __VLS_16 = ({ resend: {} },
+            { onResend: (__VLS_ctx.handleResent) });
         /** @type {typeof __VLS_ctx.chatMessageRef} */ ;
-        var __VLS_15 = {};
+        var __VLS_17 = {};
         // @ts-ignore
-        [infoUser, responsive, call, reversedList, page, pageCount, isLoading, handleScrollTop, chatMessageRef,];
-        var __VLS_10;
+        [infoUser, responsive, call, reversedList, page, pageCount, isLoading, handleScrollTop, handleResent, chatMessageRef,];
+        var __VLS_11;
     }
     else if (!__VLS_ctx.isLoading) {
         // @ts-ignore
         [isLoading,];
         /** @type {[typeof NewCustomer, ]} */ ;
         // @ts-ignore
-        const __VLS_18 = __VLS_asFunctionalComponent(NewCustomer, new NewCustomer({
+        const __VLS_20 = __VLS_asFunctionalComponent(NewCustomer, new NewCustomer({
             data: (__VLS_ctx.infoUser),
             ...{ class: "grow" },
             isNew: (!__VLS_ctx.listMessage.length),
         }));
-        const __VLS_19 = __VLS_18({
+        const __VLS_21 = __VLS_20({
             data: (__VLS_ctx.infoUser),
             ...{ class: "grow" },
             isNew: (!__VLS_ctx.listMessage.length),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_18));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_20));
         // @ts-ignore
         [infoUser, listMessage,];
     }
@@ -381,7 +427,7 @@ if (__VLS_ctx.infoUser) {
         [receiverId, digibotId,];
         /** @type {[typeof InputChat, ]} */ ;
         // @ts-ignore
-        const __VLS_22 = __VLS_asFunctionalComponent(InputChat, new InputChat({
+        const __VLS_24 = __VLS_asFunctionalComponent(InputChat, new InputChat({
             ...{ 'onSendMessage': {} },
             ...{ 'onFocus': {} },
             data: (__VLS_ctx.infoUser),
@@ -390,7 +436,7 @@ if (__VLS_ctx.infoUser) {
             ref: "inputChatRef",
             ...{ class: "p-2 sm:p-6" },
         }));
-        const __VLS_23 = __VLS_22({
+        const __VLS_25 = __VLS_24({
             ...{ 'onSendMessage': {} },
             ...{ 'onFocus': {} },
             data: (__VLS_ctx.infoUser),
@@ -398,12 +444,12 @@ if (__VLS_ctx.infoUser) {
             conversation: (__VLS_ctx.conversation),
             ref: "inputChatRef",
             ...{ class: "p-2 sm:p-6" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_22));
-        let __VLS_25;
-        let __VLS_26;
-        const __VLS_27 = ({ sendMessage: {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_24));
+        let __VLS_27;
+        let __VLS_28;
+        const __VLS_29 = ({ sendMessage: {} },
             { onSendMessage: (__VLS_ctx.handleSendMessage) });
-        const __VLS_28 = ({ focus: {} },
+        const __VLS_30 = ({ focus: {} },
             { onFocus: (...[$event]) => {
                     if (!(__VLS_ctx.infoUser))
                         return;
@@ -414,10 +460,10 @@ if (__VLS_ctx.infoUser) {
                     [infoUser, responsive, emit, conversation, handleSendMessage,];
                 } });
         /** @type {typeof __VLS_ctx.inputChatRef} */ ;
-        var __VLS_29 = {};
+        var __VLS_31 = {};
         // @ts-ignore
         [inputChatRef,];
-        var __VLS_24;
+        var __VLS_26;
     }
 }
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
@@ -431,7 +477,7 @@ if (__VLS_ctx.infoUser) {
 /** @type {__VLS_StyleScopedClasses['p-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['sm:p-6']} */ ;
 // @ts-ignore
-var __VLS_16 = __VLS_15, __VLS_30 = __VLS_29;
+var __VLS_18 = __VLS_17, __VLS_32 = __VLS_31;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

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

@@ -14,6 +14,9 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     clearInput: () => void;
+    handleSendMessage: (type: "message" | "file", option?: {
+        message?: string | undefined;
+    } | undefined) => Promise<void>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
 } & {

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

@@ -35,9 +35,9 @@ const removeDropFile = () => {
     dropFileLink.value = '';
     dropFile.value = null;
 };
-const handleSendMessage = async (type) => {
+const handleSendMessage = async (type, option) => {
     const tempId = Date.now();
-    let messageContent = '';
+    let messageContent = option?.message ?? keyword.value;
     let attachments = [];
     if (dropFile.value) {
         attachments = [
@@ -45,10 +45,10 @@ const handleSendMessage = async (type) => {
         ];
     }
     else if (type == 'message') {
-        if (!keyword.value)
+        if (!messageContent)
             return;
-        messageContent = keyword.value;
-        keyword.value = '';
+        if (!option?.message)
+            keyword.value = '';
         setInputHeight(chatInputRef.value);
     }
     else if (type == 'file') {
@@ -115,7 +115,7 @@ const clearInput = () => {
     removeDropFile();
 };
 const newline = () => { };
-const __VLS_exposed = { clearInput };
+const __VLS_exposed = { clearInput, handleSendMessage };
 defineExpose(__VLS_exposed);
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_modelEmit = defineEmits();

package/dist/chat/page/home/header/DropdownInfo.vue.d.ts

@@ -0,0 +1,6 @@
+import { PAGE } from '../../../../constant/general';
+type Props = {
+    goToPage: (page: PAGE) => void;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;