@phonghq/go-chat 1.0.72 → 1.0.74

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

@@ -0,0 +1,514 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import IconPhone from '../../../assets/icons/global/IconPhone.vue';
+import { PAGE } from '../../../constant/general';
+import Avatar from '../../../components/chat/customer/Avatar.vue';
+import { routerPush } from '../../../utils/chat/chat-router';
+import { user, userHistory } from '../../../utils/chat/store/user';
+import { dataProfile } from '../../../utils/chat/store/auth';
+import { digibotId } from '../../../composable/useDigibot';
+import IconArrowLeft from '../../../assets/icons/global/IconArrowLeft.vue';
+import { phoneNumberFormat } from '../../../utils/string-helper';
+import IconSms from '../../../assets/icons/global/IconSms.vue';
+import { activePlivoMode } from '../../../utils/chat/store/message';
+import { computed, 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';
+import IconInfo from '../../../assets/icons/chat/IconInfo.vue';
+import IconCalendar from '../../../assets/icons/chat/IconCalendar.vue';
+import IconCheck from '../../../assets/icons/chat/IconCheck.vue';
+import IconLink from '../../../assets/icons/chat/IconLink.vue';
+import { getTimeLocal } from '../../../utils/dayjs-helper';
+import { DATE_FORMATS } from '../../../constant/datetime';
+import BaseSpin from '../../../components/chat/common/spin/BaseSpin.vue';
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+const customerDropContent = computed(() => {
+    return [
+        {
+            icon: IconInfo,
+            title: 'Profile',
+            click: goToViewUser,
+            disabled: false
+        },
+        {
+            icon: IconCalendar,
+            title: 'View Appointment',
+            click: goToViewAppointment,
+            disabled: !userHistory.value?.appointment?.length
+        },
+        {
+            icon: IconCheck,
+            title: 'View Checkin',
+            click: goToViewView,
+            disabled: !userHistory.value?.visit_count
+        }
+    ];
+});
+const tabContent = computed(() => {
+    let result = [];
+    if (userHistory.value?.appointment?.length && props.parentPageName == 'booking-admin') {
+        const last_item = userHistory.value?.appointment[userHistory.value?.appointment?.length - 1];
+        result.push({
+            id: last_item.id,
+            icon: IconCalendar,
+            label: 'Last Appointment:',
+            time: getTimeLocal(last_item?.start_time)?.format(DATE_FORMATS['DATE_FORMAT_MEDIUM']) ?? '',
+            click: () => {
+                emit('viewAppointment', last_item.id);
+            }
+        });
+    }
+    return result;
+});
+const activePlivoSms = ref(dataProfile.value?.is_sms_active == 1);
+const loading = ref(false);
+const selectOpen = ref(false);
+const goToViewUser = () => {
+    goToPage(PAGE.CUSTOMER_DETAIL);
+};
+const goToViewAppointment = () => {
+    goToPage(PAGE.CUSTOMER_APPOINTMENT);
+};
+const goToViewView = () => {
+    goToPage(PAGE.CUSTOMER_CHECK_IN);
+};
+const goToPage = (page) => {
+    selectOpen.value = false;
+    if (props.data?.id.toString() == digibotId.toString())
+        return;
+    if (dataProfile.value?.user_type == 'tenant') {
+        user.value = props.data;
+        routerPush(page);
+    }
+};
+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 {
+        loading.value = true;
+        await activePlivoMode({ id: dataProfile.value?.id, is_sms: is_active ? 1 : 0 });
+        if (dataProfile.value != null)
+            dataProfile.value.is_sms_active = is_active ? 1 : 0;
+        activePlivoSms.value = is_active;
+    }
+    catch (e) {
+        activePlivoSms.value = !is_active;
+        console.log(e);
+    }
+    loading.value = false;
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['loading-container']} */ ;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-full layout-shadow border-b border-chat-gray-5 z-10" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-full flex items-center gap-2 overflow-hidden h-[96px] px-8 py-4" },
+    ...{ class: ({ '!px-4': __VLS_ctx.responsive == 'mobile' }) },
+});
+// @ts-ignore
+[responsive,];
+if (__VLS_ctx.responsive == 'mobile') {
+    // @ts-ignore
+    [responsive,];
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(__VLS_ctx.responsive == 'mobile'))
+                    return;
+                __VLS_ctx.emit('back');
+                // @ts-ignore
+                [emit,];
+            } },
+        ...{ class: "shrink-0 flex items-center" },
+    });
+    /** @type {[typeof IconArrowLeft, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+    const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+}
+/** @type {[typeof Avatar, ]} */ ;
+// @ts-ignore
+const __VLS_4 = __VLS_asFunctionalComponent(Avatar, new Avatar({
+    ...{ 'onClick': {} },
+    ...{ class: "shrink-0" },
+    ...{ class: ({ 'cursor-pointer': __VLS_ctx.dataProfile?.user_type == 'tenant' }) },
+    src: (__VLS_ctx.data?.avatar ?? ''),
+    id: (__VLS_ctx.data?.id ?? ''),
+    color: (__VLS_ctx.data?.color),
+    name: (__VLS_ctx.data?.username),
+}));
+const __VLS_5 = __VLS_4({
+    ...{ 'onClick': {} },
+    ...{ class: "shrink-0" },
+    ...{ class: ({ 'cursor-pointer': __VLS_ctx.dataProfile?.user_type == 'tenant' }) },
+    src: (__VLS_ctx.data?.avatar ?? ''),
+    id: (__VLS_ctx.data?.id ?? ''),
+    color: (__VLS_ctx.data?.color),
+    name: (__VLS_ctx.data?.username),
+}, ...__VLS_functionalComponentArgsRest(__VLS_4));
+let __VLS_7;
+let __VLS_8;
+const __VLS_9 = ({ click: {} },
+    { onClick: (__VLS_ctx.goToViewUser) });
+// @ts-ignore
+[dataProfile, data, data, data, data, goToViewUser,];
+var __VLS_6;
+__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 overflow-hidden" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ onClick: (__VLS_ctx.goToViewUser) },
+    ...{ 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 truncate" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "font-semibold truncate" },
+});
+(__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') {
+    // @ts-ignore
+    [dataProfile, data, data, digibotId,];
+    /** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
+    // @ts-ignore
+    const __VLS_11 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
+        ...{ 'onClick': {} },
+        type: (__VLS_ctx.activePlivoSms ? 'success' : 'danger'),
+        loading: (__VLS_ctx.loading),
+        ...{ class: "shrink-0 px-1 flex-center gap-2 text-white font-semibold w-9 h-9" },
+        ...{ class: ({ 'w-[140px]': __VLS_ctx.responsive != 'mobile' }) },
+    }));
+    const __VLS_12 = __VLS_11({
+        ...{ 'onClick': {} },
+        type: (__VLS_ctx.activePlivoSms ? 'success' : 'danger'),
+        loading: (__VLS_ctx.loading),
+        ...{ class: "shrink-0 px-1 flex-center gap-2 text-white font-semibold w-9 h-9" },
+        ...{ class: ({ 'w-[140px]': __VLS_ctx.responsive != 'mobile' }) },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_11));
+    let __VLS_14;
+    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'))
+                    return;
+                __VLS_ctx.handleActivePlivoSmsChange(!__VLS_ctx.activePlivoSms);
+                // @ts-ignore
+                [responsive, activePlivoSms, activePlivoSms, loading, handleActivePlivoSmsChange,];
+            } });
+    const { default: __VLS_17 } = __VLS_13.slots;
+    /** @type {[typeof IconSms, ]} */ ;
+    // @ts-ignore
+    const __VLS_18 = __VLS_asFunctionalComponent(IconSms, new IconSms({}));
+    const __VLS_19 = __VLS_18({}, ...__VLS_functionalComponentArgsRest(__VLS_18));
+    if (__VLS_ctx.responsive != 'mobile') {
+        // @ts-ignore
+        [responsive,];
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "hidden md:block" },
+        });
+        (__VLS_ctx.activePlivoSms ? 'ON' : 'OFF');
+        // @ts-ignore
+        [activePlivoSms,];
+    }
+    var __VLS_13;
+}
+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'))
+                    return;
+                __VLS_ctx.emit('call');
+                // @ts-ignore
+                [emit,];
+            } },
+        ...{ class: "shrink-0 flex-center text-chat-primary-dark bg-[#e8f0fe] w-9 h-9 rounded-lg" },
+    });
+    /** @type {[typeof IconPhone, ]} */ ;
+    // @ts-ignore
+    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-chat-text" },
+        });
+        for (const [item, i] of __VLS_getVForSourceType((__VLS_ctx.customerDropContent))) {
+            // @ts-ignore
+            [customerDropContent,];
+            __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;
+                        item.click?.();
+                    } },
+                ...{ class: "flex items-center gap-2 p-2 hover:bg-chat-haze-200 duration-200 cursor-pointer rounded-lg" },
+                key: (i),
+                ...{ class: ({ 'opacity-[0.3] pointer-events-none': item.disabled }) },
+            });
+            const __VLS_36 = ((item.icon));
+            // @ts-ignore
+            const __VLS_37 = __VLS_asFunctionalComponent(__VLS_36, new __VLS_36({
+                ...{ class: "w-5 h-5" },
+            }));
+            const __VLS_38 = __VLS_37({
+                ...{ class: "w-5 h-5" },
+            }, ...__VLS_functionalComponentArgsRest(__VLS_37));
+            (item.title);
+        }
+    }
+    var __VLS_28;
+}
+if (__VLS_ctx.parentPageName) {
+    // @ts-ignore
+    [parentPageName,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: " flex items-center border-chat-gray-5 loading-container h-12" },
+        ...{ class: ({ 'show  p-4 border-t': __VLS_ctx.customerLoading || __VLS_ctx.tabContent.length }) },
+    });
+    // @ts-ignore
+    [customerLoading, tabContent,];
+    /** @type {[typeof BaseSpin, ]} */ ;
+    // @ts-ignore
+    const __VLS_41 = __VLS_asFunctionalComponent(BaseSpin, new BaseSpin({
+        size: (16),
+        border: (1),
+    }));
+    const __VLS_42 = __VLS_41({
+        size: (16),
+        border: (1),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_41));
+    __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.customerLoading) }, null, null);
+    // @ts-ignore
+    [customerLoading,];
+    for (const [tab, i] of __VLS_getVForSourceType((__VLS_ctx.tabContent))) {
+        // @ts-ignore
+        [tabContent,];
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.parentPageName))
+                        return;
+                    tab.click?.();
+                } },
+            key: (i),
+            ...{ class: "flex items-center h-8 gap-1.5 px-2.5 py-1 bg-[#e8f0fe] rounded-lg cursor-pointer transition-all duration-200 border-chat-primary text-sm text-chat-primary-dark" },
+        });
+        const __VLS_45 = ((tab.icon));
+        // @ts-ignore
+        const __VLS_46 = __VLS_asFunctionalComponent(__VLS_45, new __VLS_45({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }));
+        const __VLS_47 = __VLS_46({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_46));
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "leading-xs" },
+        });
+        (tab.label);
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "font-semibold" },
+        });
+        (tab.time);
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "w-6 h-6 bg-white flex-center rounded-full" },
+        });
+        /** @type {[typeof IconLink, ]} */ ;
+        // @ts-ignore
+        const __VLS_50 = __VLS_asFunctionalComponent(IconLink, new IconLink({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }));
+        const __VLS_51 = __VLS_50({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_50));
+    }
+}
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-shadow']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-b']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['z-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-[96px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['!px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-x-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @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-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']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-9']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-9']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[140px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['md:block']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-primary-dark']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#e8f0fe]']} */ ;
+/** @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-chat-text']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @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']} */ ;
+/** @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['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['loading-container']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-12']} */ ;
+/** @type {__VLS_StyleScopedClasses['show']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1.5']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2.5']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#e8f0fe]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition-all']} */ ;
+/** @type {__VLS_StyleScopedClasses['duration-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-primary-dark']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['leading-xs']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-4']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

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

@@ -0,0 +1,27 @@
+import type { IResMessage, IResUser } from '../../../types/message';
+import 'vue3-emoji-picker/css';
+import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+import type { IConversation } from '../../../types/conversation';
+type Props = {
+    data: IResUser | null;
+    conversation: IConversation | null;
+    responsive: PAGE_RESPONSIVE;
+};
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
+    clearInput: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+} & {
+    focus: () => any;
+    sendMessage: (val: IResMessage) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onFocus?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onSendMessage?: ((val: IResMessage) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;