@phonghq/go-chat 1.0.72 → 1.0.74

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/main.d.ts

@@ -0,0 +1,7 @@
+import AppComponent from './App.vue';
+export default AppComponent;
+export * from '../types/chat/global';
+export * from '../types/chat/auth';
+export * from '../types/chat/user';
+export * from '../types/chat/promise';
+export * from '../types/chat/call';

package/dist/chat/main.js

@@ -0,0 +1,7 @@
+import AppComponent from './App.vue';
+export default AppComponent;
+export * from '../types/chat/global';
+export * from '../types/chat/auth';
+export * from '../types/chat/user';
+export * from '../types/chat/promise';
+export * from '../types/chat/call';

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,262 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import CardCustomerDetail from '../../../components/chat/card/CardCustomerDetail.vue';
+import IconFilter from '../../../assets/icons/customer-appointment/IconFilter.vue';
+import { computed } from 'vue';
+import { getItemsByYear, userHistory } from '../../../utils/chat/store/user';
+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');
+});
+const statusColor = (type) => {
+    switch (type) {
+        case CalendarStatus.Confirmed:
+            return 'background-color: #E3FFF1; color: #06C270';
+        case CalendarStatus.Scheduled:
+            return 'background-color: #FFF0FF; color: #6600CC';
+        case CalendarStatus.Canceled:
+            return 'background-color: #FFE4DC; color: #F15220';
+        case CalendarStatus.Done:
+            return 'background-color: #E5F0FF; color: #0063F7';
+        case CalendarStatus.Waiting:
+            return 'background-color: #FFF0E0; color: #D96A2B';
+        case 'website':
+            return 'background-color: #FFF3B6; color: #F5B02A';
+        case 'checkin':
+            return 'background-color: #fff; color: #00b1bc';
+        default:
+            return '';
+    }
+};
+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 overflow-auto" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex justify-between items-center mb-5" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-chat-haze-900 font-semibold" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ class: "flex text-chat-haze-300 border border-chat-haze-300 rounded-[99px] px-2" },
+});
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+    ...{ class: "font-medium" },
+});
+/** @type {[typeof IconFilter, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(IconFilter, new IconFilter({}));
+const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative pl-4 h-max" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "absolute left-0 top-0 border-l border-dashed border-chat-haze-400 h-full w-1 mt-2" },
+});
+for (const [year, i] of __VLS_getVForSourceType((__VLS_ctx.appointment))) {
+    // @ts-ignore
+    [appointment,];
+    /** @type {[typeof CollapseCheckIn, typeof CollapseCheckIn, ]} */ ;
+    // @ts-ignore
+    const __VLS_4 = __VLS_asFunctionalComponent(CollapseCheckIn, new CollapseCheckIn({
+        ...{ class: "relative mt-2" },
+        title: (year.year),
+        key: (i),
+    }));
+    const __VLS_5 = __VLS_4({
+        ...{ class: "relative mt-2" },
+        title: (year.year),
+        key: (i),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_4));
+    const { default: __VLS_7 } = __VLS_6.slots;
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex flex-col gap-y-3" },
+    });
+    for (const [item] of __VLS_getVForSourceType((year.items))) {
+        /** @type {[typeof CardCustomerDetail, typeof CardCustomerDetail, ]} */ ;
+        // @ts-ignore
+        const __VLS_8 = __VLS_asFunctionalComponent(CardCustomerDetail, new CardCustomerDetail({
+            key: (item.id),
+        }));
+        const __VLS_9 = __VLS_8({
+            key: (item.id),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+        const { default: __VLS_11 } = __VLS_10.slots;
+        {
+            const { header: __VLS_12 } = __VLS_10.slots;
+            __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+                ...{ class: "flex justify-between items-center mb-2" },
+            });
+            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]" },
+            });
+            __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+                ...{ class: "w-max rounded-[6px] text-14px px-2 py-1 mt-2" },
+                ...{ style: (__VLS_ctx.statusColor(item.status)) },
+            });
+            // @ts-ignore
+            [statusColor,];
+            (item.status);
+            __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+                ...{ class: "flex justify-between items-end" },
+            });
+            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                ...{ class: "text-chat-haze-400" },
+            });
+            (__VLS_ctx.dayjs(item.start_time).format(__VLS_ctx.DATE_FORMATS['DATE_FORMAT']));
+            // @ts-ignore
+            [dayjs, DATE_FORMATS,];
+            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                ...{ class: "text-chat-haze-400" },
+            });
+            (__VLS_ctx.dayjs(item.start_time).format(__VLS_ctx.DATE_FORMATS['TIME_12_FORMAT']));
+            // @ts-ignore
+            [dayjs, DATE_FORMATS,];
+        }
+        {
+            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" },
+                    key: (i),
+                });
+                __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                    ...{ class: "text-chat-haze-409 font-medium" },
+                });
+                (service.employee_name);
+                __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                    ...{ class: "text-chat-haze-409 font-medium" },
+                });
+                (service.name);
+            }
+        }
+        var __VLS_10;
+    }
+    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']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-900']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-300']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-300']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-[99px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['pl-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['top-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-dashed']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @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['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['translate-y-[-4px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-[6px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-14px']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-end']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-409']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-409']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/chat/page/customer-check-in/CollapseCheckIn.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    title: string;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/chat/page/customer-check-in/CollapseCheckIn.vue.js

@@ -0,0 +1,80 @@
+/// <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 CollapseBase from '../../../components/chat/common/collapse/CollapseBase.vue';
+import { ref } from 'vue';
+const props = withDefaults(defineProps(), {});
+const open = ref(true);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {[typeof CollapseBase, typeof CollapseBase, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(CollapseBase, new CollapseBase({
+    ...{ class: "relative" },
+    open: (__VLS_ctx.open),
+}));
+const __VLS_1 = __VLS_0({
+    ...{ class: "relative" },
+    open: (__VLS_ctx.open),
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+var __VLS_3 = {};
+const { default: __VLS_4 } = __VLS_2.slots;
+// @ts-ignore
+[open,];
+{
+    const { trigger: __VLS_5 } = __VLS_2.slots;
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "w-2 h-2 bg-chat-haze-400 rounded-full absolute left-[-20px] top-2" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex items-center text-chat-haze-400 mb-3" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+        ...{ class: "font-semibold text-lg" },
+    });
+    (__VLS_ctx.title);
+    // @ts-ignore
+    [title,];
+    /** @type {[typeof IconArrow, ]} */ ;
+    // @ts-ignore
+    const __VLS_6 = __VLS_asFunctionalComponent(IconArrow, new IconArrow({
+        ...{ class: (__VLS_ctx.open ? 'rotate-90' : 'rotate-0') },
+    }));
+    const __VLS_7 = __VLS_6({
+        ...{ class: (__VLS_ctx.open ? 'rotate-90' : 'rotate-0') },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+    // @ts-ignore
+    [open,];
+}
+var __VLS_10 = {};
+var __VLS_2;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-[-20px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['top-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
+// @ts-ignore
+var __VLS_11 = __VLS_10;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/chat/page/customer-check-in/CustomerCheckIn.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;