@phonghq/go-chat 1.0.71 → 1.0.73

package/dist/chat/ChatHeader.vue.d.ts

@@ -0,0 +1,15 @@
+import type { PAGE_RESPONSIVE } from '../types/chat/global';
+type Props = {
+    response: PAGE_RESPONSIVE;
+    isLib?: boolean;
+    currentPageConfig: any;
+    isZoomIn?: boolean;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    "zoom-change": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onZoom-change"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/chat/ChatHeader.vue.js

@@ -0,0 +1,218 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { dataProfile } from '../utils/chat/store/auth';
+import { phoneNumberFormat } from '../utils/string-helper';
+import IconArrowLeft from '../assets/icons/global/IconArrowLeft.vue';
+import IconZoomOut from '../assets/icons/lib/IconZoomOut.vue';
+import IconCloseCircle from '../assets/icons/global/IconCloseCircle.vue';
+import { computed } from 'vue';
+import { timeLimit } from '../utils/chat/store/time-limit';
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+const limitTimeLabel = computed(() => {
+    const m2 = Math.floor(timeLimit.value / 60);
+    const s2 = timeLimit.value % 60;
+    return `${m2.toString().padStart(2, '0')}:${s2.toString().padStart(2, '0')}`;
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+if (__VLS_ctx.response == 'mobile' || __VLS_ctx.isLib) {
+    // @ts-ignore
+    [response, isLib,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "text-[#141B34] shrink-0" },
+        ...{ class: (__VLS_ctx.response == 'mobile' ? 'px-4' : 'px-6') },
+    });
+    // @ts-ignore
+    [response,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex items-center justify-between" },
+    });
+    if (__VLS_ctx.currentPageConfig?.backFunc && !__VLS_ctx.currentPageConfig?.isHidden) {
+        // @ts-ignore
+        [currentPageConfig, currentPageConfig,];
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.response == 'mobile' || __VLS_ctx.isLib))
+                        return;
+                    if (!(__VLS_ctx.currentPageConfig?.backFunc && !__VLS_ctx.currentPageConfig?.isHidden))
+                        return;
+                    __VLS_ctx.currentPageConfig.backFunc?.();
+                    // @ts-ignore
+                    [currentPageConfig,];
+                } },
+            ...{ class: "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));
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "ml-3" },
+        });
+        __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+            ...{ class: "text-xl font-semibold text-left text-chat-haze-900" },
+        });
+        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",
+            });
+        }
+        if (__VLS_ctx.currentPageConfig.backTitle != 'logo') {
+            // @ts-ignore
+            [currentPageConfig,];
+            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                ...{ class: "text-sm font-medium text-chat-haze-900" },
+            });
+            (__VLS_ctx.currentPageConfig.subTitle ?? '');
+            // @ts-ignore
+            [currentPageConfig,];
+        }
+        else {
+            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                ...{ class: "text-sm font-medium text-chat-haze-900" },
+            });
+            (__VLS_ctx.currentPageConfig.subTitle ?? '');
+            // @ts-ignore
+            [currentPageConfig,];
+            __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+            (__VLS_ctx.limitTimeLabel);
+            // @ts-ignore
+            [limitTimeLabel,];
+        }
+    }
+    else if (__VLS_ctx.dataProfile?.user_type == 'tenant') {
+        // @ts-ignore
+        [dataProfile,];
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "flex gap-2" },
+        });
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "text-chat-haze-700" },
+        });
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "font-medium text-gray-700" },
+        });
+        (__VLS_ctx.phoneNumberFormat(__VLS_ctx.dataProfile?.phone ?? '') ?? '');
+        // @ts-ignore
+        [dataProfile, phoneNumberFormat,];
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "flex gap-2" },
+        });
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "text-chat-haze-700" },
+        });
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "font-medium text-gray-700" },
+        });
+        ('Time Left: ' + __VLS_ctx.limitTimeLabel);
+        // @ts-ignore
+        [limitTimeLabel,];
+    }
+    else {
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+    }
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex items-center" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(__VLS_ctx.response == 'mobile' || __VLS_ctx.isLib))
+                    return;
+                __VLS_ctx.emit('zoom-change');
+                // @ts-ignore
+                [emit,];
+            } },
+        ...{ class: "w-10 h-10 flex-center" },
+    });
+    /** @type {[typeof IconZoomOut, ]} */ ;
+    // @ts-ignore
+    const __VLS_4 = __VLS_asFunctionalComponent(IconZoomOut, new IconZoomOut({
+        isZoomIn: (__VLS_ctx.isZoomIn),
+    }));
+    const __VLS_5 = __VLS_4({
+        isZoomIn: (__VLS_ctx.isZoomIn),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_4));
+    // @ts-ignore
+    [isZoomIn,];
+    if (props.isLib) {
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.response == 'mobile' || __VLS_ctx.isLib))
+                        return;
+                    if (!(props.isLib))
+                        return;
+                    __VLS_ctx.emit('close');
+                    // @ts-ignore
+                    [emit,];
+                } },
+            ...{ class: "w-10 h-10 flex-center" },
+        });
+        /** @type {[typeof IconCloseCircle, ]} */ ;
+        // @ts-ignore
+        const __VLS_8 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+        const __VLS_9 = __VLS_8({}, ...__VLS_functionalComponentArgsRest(__VLS_8));
+    }
+}
+/** @type {__VLS_StyleScopedClasses['text-[#141B34]']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
+/** @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']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-900']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/chat/page/customer-appointment/CustomerAppointment.vue.d.ts

@@ -1,2 +1,9 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type Prop = {
+    isBookingAdmin?: boolean;
+};
+declare const _default: import("vue").DefineComponent<Prop, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "booking-admin:viewAppointment": (id: any) => any;
+}, string, import("vue").PublicProps, Readonly<Prop> & Readonly<{
+    "onBooking-admin:viewAppointment"?: ((id: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/chat/page/customer-appointment/CustomerAppointment.vue.js

@@ -7,6 +7,10 @@ import { CalendarStatus } from '../../../constant/user';
 import dayjs from 'dayjs';
 import { DATE_FORMATS } from '../../../constant/datetime';
 import CollapseCheckIn from '../../../chat/page/customer-check-in/CollapseCheckIn.vue';
+import IconChevronRight from '../../../assets/icons/customer-appointment/IconChevronRight.vue';
+import ButtonBase from '../../../components/common/button/ButtonBase.vue';
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
 const appointment = computed(() => {
     return getItemsByYear(userHistory.value?.appointment ?? [], 'start_time');
 });
@@ -31,15 +35,19 @@ const statusColor = (type) => {
     }
 };
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
 const __VLS_ctx = {
     ...{},
     ...{},
+    ...{},
+    ...{},
+    ...{},
 };
 let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "chat-padding-page" },
+    ...{ class: "chat-padding-page overflow-auto" },
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex justify-between items-center mb-5" },
@@ -69,12 +77,12 @@ for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
     /** @type {[typeof CollapseCheckIn, typeof CollapseCheckIn, ]} */ ;
     // @ts-ignore
     const __VLS_4 = __VLS_asFunctionalComponent(CollapseCheckIn, new CollapseCheckIn({
-        ...{ class: "relative" },
+        ...{ class: "relative mt-2" },
         title: (year.year),
         key: (i),
     }));
     const __VLS_5 = __VLS_4({
-        ...{ class: "relative" },
+        ...{ class: "relative mt-2" },
         title: (year.year),
         key: (i),
     }, ...__VLS_functionalComponentArgsRest(__VLS_4));
@@ -95,12 +103,50 @@ for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
         {
             const { header: __VLS_12 } = __VLS_10.slots;
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-                ...{ class: "flex justify-between items-center" },
-            });
-            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
-                ...{ class: "text-lg text-chat-haze-600 font-bold" },
+                ...{ class: "flex justify-between items-center mb-2" },
             });
-            (item.id);
+            if (__VLS_ctx.isBookingAdmin) {
+                // @ts-ignore
+                [isBookingAdmin,];
+                /** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
+                // @ts-ignore
+                const __VLS_13 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
+                    ...{ 'onClick': {} },
+                    type: "primary-outline",
+                    ...{ class: "" },
+                }));
+                const __VLS_14 = __VLS_13({
+                    ...{ 'onClick': {} },
+                    type: "primary-outline",
+                    ...{ class: "" },
+                }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+                let __VLS_16;
+                let __VLS_17;
+                const __VLS_18 = ({ click: {} },
+                    { onClick: (...[$event]) => {
+                            if (!(__VLS_ctx.isBookingAdmin))
+                                return;
+                            __VLS_ctx.emit('booking-admin:viewAppointment', item.id);
+                            // @ts-ignore
+                            [emit,];
+                        } });
+                const { default: __VLS_19 } = __VLS_15.slots;
+                __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                    ...{ class: "text-lg font-bold" },
+                });
+                (item.id);
+                /** @type {[typeof IconChevronRight, ]} */ ;
+                // @ts-ignore
+                const __VLS_20 = __VLS_asFunctionalComponent(IconChevronRight, new IconChevronRight({}));
+                const __VLS_21 = __VLS_20({}, ...__VLS_functionalComponentArgsRest(__VLS_20));
+                var __VLS_15;
+            }
+            else {
+                __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                    ...{ class: "text-lg font-bold" },
+                });
+                (item.id);
+            }
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
                 ...{ class: "translate-y-[-4px]" },
             });
@@ -128,7 +174,7 @@ for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
             [dayjs, DATE_FORMATS,];
         }
         {
-            const { content: __VLS_13 } = __VLS_10.slots;
+            const { content: __VLS_24 } = __VLS_10.slots;
             for (const [service, i] of __VLS_getVForSourceType((item.services))) {
                 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
                     ...{ class: "flex justify-between items-center" },
@@ -148,7 +194,9 @@ for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
     }
     var __VLS_6;
 }
+/** @type {__VLS_StyleScopedClasses['']} */ ;
 /** @type {__VLS_StyleScopedClasses['chat-padding-page']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
@@ -175,14 +223,17 @@ for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
 /** @type {__VLS_StyleScopedClasses['w-1']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-y-3']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
 /** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
 /** @type {__VLS_StyleScopedClasses['translate-y-[-4px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-max']} */ ;
@@ -203,5 +254,9 @@ for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
 /** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-409']} */ ;
 /** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
-const __VLS_export = (await import('vue')).defineComponent({});
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
 export default {};

package/dist/chat/page/customer-detail/SubInformation.vue.js

@@ -1,5 +1,6 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import IconArrow from '../../../assets/icons/customer-detail/IconArrow.vue';
+import ButtonBase from '../../../components/common/button/ButtonBase.vue';
 const props = withDefaults(defineProps(), {
     information: [],
     title: ''
@@ -38,7 +39,7 @@ for (const [item, x] of __VLS_getVForSourceType((__VLS_ctx.information))) {
         ...{ onClick: (...[$event]) => {
                 item.click?.();
             } },
-        ...{ class: "flex items-center gap-1 " },
+        ...{ class: "flex items-center gap-1" },
         ...{ class: ({ 'cursor-pointer': item.click }) },
     });
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
@@ -54,14 +55,41 @@ for (const [item, x] of __VLS_getVForSourceType((__VLS_ctx.information))) {
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "flex items-center text-chat-haze-300" },
         });
-        (item.value);
-        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
-            ...{ class: "ml-1" },
-        });
-        /** @type {[typeof IconArrow, ]} */ ;
-        // @ts-ignore
-        const __VLS_5 = __VLS_asFunctionalComponent(IconArrow, new IconArrow({}));
-        const __VLS_6 = __VLS_5({}, ...__VLS_functionalComponentArgsRest(__VLS_5));
+        if (item.click) {
+            /** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
+            // @ts-ignore
+            const __VLS_5 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
+                type: "primary",
+                ...{ class: "flex-center gap-0" },
+            }));
+            const __VLS_6 = __VLS_5({
+                type: "primary",
+                ...{ class: "flex-center gap-0" },
+            }, ...__VLS_functionalComponentArgsRest(__VLS_5));
+            const { default: __VLS_8 } = __VLS_7.slots;
+            (item.value);
+            __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+                ...{ class: "ml-1" },
+            });
+            /** @type {[typeof IconArrow, ]} */ ;
+            // @ts-ignore
+            const __VLS_9 = __VLS_asFunctionalComponent(IconArrow, new IconArrow({}));
+            const __VLS_10 = __VLS_9({}, ...__VLS_functionalComponentArgsRest(__VLS_9));
+            var __VLS_7;
+        }
+        else {
+            __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+                ...{ class: "flex-center" },
+            });
+            (item.value);
+            __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+                ...{ class: "ml-1" },
+            });
+            /** @type {[typeof IconArrow, ]} */ ;
+            // @ts-ignore
+            const __VLS_13 = __VLS_asFunctionalComponent(IconArrow, new IconArrow({}));
+            const __VLS_14 = __VLS_13({}, ...__VLS_functionalComponentArgsRest(__VLS_13));
+        }
     }
     __VLS_asFunctionalElement(__VLS_elements.hr)({
         ...{ class: "border-chat-haze-100 mx-6" },
@@ -92,6 +120,10 @@ for (const [item, x] of __VLS_getVForSourceType((__VLS_ctx.information))) {
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-300']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['ml-1']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-chat-haze-100']} */ ;
 /** @type {__VLS_StyleScopedClasses['mx-6']} */ ;

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

@@ -1,4 +1,5 @@
 import type { IConversation } from '../../../types/conversation';
+import type { IResUser } from '../../../types/message';
 import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
 type Props = {
     responsive: PAGE_RESPONSIVE;
@@ -80,18 +81,23 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     initData: (option?: {
         conversation_id?: any;
         is_known?: string | undefined;
+        isResponsiveChange?: boolean | undefined;
     } | undefined) => Promise<void>;
     handleTabChange: (tab: any, option?: {
         hideCheckHasReceiveId?: boolean | undefined;
         hideLoading?: boolean | undefined;
+        isResponsiveChange?: boolean | undefined;
     } | undefined) => Promise<void>;
+    goToConversationRequest: (conversation: IConversation) => Promise<void>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:receiverId": (value: any) => any;
 } & {
     selectReceiver: (val: any) => any;
+    reloadReceiver: (data: IResUser) => any;
     openPhoneNumpad: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelectReceiver?: ((val: any) => any) | undefined;
+    onReloadReceiver?: ((data: IResUser) => any) | undefined;
     onOpenPhoneNumpad?: (() => any) | undefined;
     "onUpdate:receiverId"?: ((value: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;