@phonghq/go-chat 1.0.72 → 1.0.74

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

@@ -0,0 +1,138 @@
+/// <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 { Status_Color } from '../../../constant/color';
+import { computed, ref } from 'vue';
+import CollapseCheckIn from '../../../chat/page/customer-check-in/CollapseCheckIn.vue';
+import { getItemsByYear, userHistory } from '../../../utils/chat/store/user';
+import dayjs from 'dayjs';
+import { DATE_FORMATS } from '../../../constant/datetime';
+const checkin = computed(() => {
+    return getItemsByYear(userHistory.value?.checkin ?? []);
+});
+const open = ref(true);
+const open1 = ref(true);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "chat-padding-page" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "font-semibold mb-4" },
+});
+__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.checkin))) {
+    // @ts-ignore
+    [checkin,];
+    /** @type {[typeof CollapseCheckIn, typeof CollapseCheckIn, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(CollapseCheckIn, new CollapseCheckIn({
+        ...{ class: "relative" },
+        title: (year.year),
+        key: (i),
+    }));
+    const __VLS_1 = __VLS_0({
+        ...{ class: "relative" },
+        title: (year.year),
+        key: (i),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    const { default: __VLS_3 } = __VLS_2.slots;
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex flex-col gap-y-3" },
+    });
+    for (const [item] of __VLS_getVForSourceType((year.items))) {
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            key: (item.id),
+        });
+        /** @type {[typeof CardCustomerDetail, typeof CardCustomerDetail, ]} */ ;
+        // @ts-ignore
+        const __VLS_4 = __VLS_asFunctionalComponent(CardCustomerDetail, new CardCustomerDetail({}));
+        const __VLS_5 = __VLS_4({}, ...__VLS_functionalComponentArgsRest(__VLS_4));
+        const { default: __VLS_7 } = __VLS_6.slots;
+        {
+            const { header: __VLS_8 } = __VLS_6.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-chat-haze-600 font-bold" },
+            });
+            (item.id);
+            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                ...{ class: "font-bold" },
+                ...{ style: ({ color: __VLS_ctx.Status_Color.Orange }) },
+            });
+            // @ts-ignore
+            [Status_Color,];
+            (item.status);
+        }
+        {
+            const { content: __VLS_9 } = __VLS_6.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-chat-haze-400 font-normal" },
+            });
+            (__VLS_ctx.dayjs(item.created_at).format(__VLS_ctx.DATE_FORMATS['DATE_FORMAT']));
+            // @ts-ignore
+            [dayjs, DATE_FORMATS,];
+            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                ...{ class: "text-chat-success" },
+            });
+            __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (item.point_bonus > 0) }, null, null);
+            (item.point_bonus);
+            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+                ...{ class: "" },
+            });
+            __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (!item.point_bonus) }, null, null);
+            (item.point_bonus);
+        }
+        var __VLS_6;
+    }
+    var __VLS_2;
+}
+/** @type {__VLS_StyleScopedClasses['']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-padding-page']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
+/** @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['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['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-normal']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-success']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/chat/page/customer-detail/CustomerDetail.vue.d.ts

@@ -0,0 +1,7 @@
+import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+type Props = {
+    receiverId: any;
+    responsive: PAGE_RESPONSIVE;
+};
+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;

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

@@ -0,0 +1,234 @@
+/// <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 { PAGE } from '../../../constant/general';
+import SubInformation from '../../../chat/page/customer-detail/SubInformation.vue';
+import IconMessage from '../../../assets/icons/customer-detail/IconMessage.vue';
+import IconPhone from '../../../assets/icons/customer-detail/IconPhone.vue';
+import IconCheck from '../../../assets/icons/customer-detail/IconCheck.vue';
+import IconDate from '../../../assets/icons/customer-detail/IconDate.vue';
+import IconGroup from '../../../assets/icons/customer-detail/IconGroup.vue';
+import IconNote from '../../../assets/icons/customer-detail/IconNote.vue';
+import IconSearch from '../../../assets/icons/customer-detail/IconSearch.vue';
+import IconPin from '../../../assets/icons/customer-detail/IconPin.vue';
+import { user, userHistory } from '../../../utils/chat/store/user';
+import { computed } from 'vue';
+import { phoneNumberFormat } from '../../../utils/string-helper';
+import { routerPush } from '../../../utils/chat/chat-router';
+const props = withDefaults(defineProps(), {});
+const customerTotalDetail = computed(() => {
+    return [
+        { label: 'Points', value: userHistory.value?.lifetime_point ?? 0 },
+        { label: 'Total Visit', value: userHistory.value?.visit_count ?? 0 },
+        { label: 'Spent', value: userHistory.value?.total_money ?? 0 }
+    ];
+});
+const information = computed(() => {
+    return [
+        { icon: IconMessage, label: '' },
+        { icon: IconPhone, label: phoneNumberFormat(user.value?.phone ?? '', 2) }
+    ];
+});
+const historyItems = computed(() => {
+    return [
+        {
+            icon: IconCheck,
+            label: 'Check In',
+            value: userHistory.value?.visit_count
+                ? userHistory.value?.visit_count + (userHistory.value?.visit_count > 1 ? ' times' : ' time')
+                : '',
+            click: userHistory.value?.visit_count
+                ? () => {
+                    routerPush(PAGE.CUSTOMER_CHECK_IN);
+                }
+                : null
+        },
+        { icon: IconNote, label: 'Orders', value: userHistory.value?.order?.length ?? '' },
+        {
+            icon: IconDate,
+            label: 'Appointments',
+            value: userHistory.value?.appointment?.length ?? '',
+            click: userHistory.value?.appointment?.length
+                ? () => {
+                    routerPush(PAGE.CUSTOMER_APPOINTMENT);
+                }
+                : null
+        }
+    ];
+});
+const otherActions = [
+    { icon: IconSearch, label: 'Search in the conversation' },
+    { icon: IconPin, label: 'Pin Message' },
+    { icon: IconGroup, label: 'Add Groups' }
+];
+// const getData = async () => {
+//   userHistory.value = null
+//   userHistory.value = await getUserHistory(user.value?.phone?.slice(1) ?? '')
+// }
+//
+// getData()
+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 flex-col items-center mx-auto" },
+});
+/** @type {[typeof Avatar, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(Avatar, new Avatar({
+    src: (__VLS_ctx.user?.avatar ?? ''),
+    color: (__VLS_ctx.user?.color ?? ''),
+    name: (__VLS_ctx.user?.username ?? ''),
+    size: "xl",
+}));
+const __VLS_1 = __VLS_0({
+    src: (__VLS_ctx.user?.avatar ?? ''),
+    color: (__VLS_ctx.user?.color ?? ''),
+    name: (__VLS_ctx.user?.username ?? ''),
+    size: "xl",
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+// @ts-ignore
+[user, user, user,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex items-center gap-1 mt-3" },
+});
+__VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
+    ...{ class: "text-lg font-semibold text-gray-800" },
+});
+(__VLS_ctx.user?.username ?? __VLS_ctx.phoneNumberFormat(__VLS_ctx.user?.phone ?? ''));
+// @ts-ignore
+[user, user, phoneNumberFormat,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: " mt-5 text-center mx-auto" },
+    ...{ class: ({ 'flex justify-between w-max': __VLS_ctx.responsive != 'mobile', 'grid grid-cols-3 w-full': __VLS_ctx.responsive == 'mobile' }) },
+});
+// @ts-ignore
+[responsive, responsive,];
+for (const [item, i] of __VLS_getVForSourceType((__VLS_ctx.customerTotalDetail))) {
+    // @ts-ignore
+    [customerTotalDetail,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "border-l border-chat-haze-100 first:border-none" },
+        ...{ class: ({ 'w-full': __VLS_ctx.responsive == 'mobile', 'w-[130px]': __VLS_ctx.responsive != 'mobile' }) },
+        key: (i),
+    });
+    // @ts-ignore
+    [responsive, responsive,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "w-full flex items-center justify-center gap-1" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+        ...{ class: "text-lg font-semibold text-chat-haze-900" },
+    });
+    (item.value);
+    if (item.icon) {
+        __VLS_asFunctionalElement(__VLS_elements.img)({
+            src: (item.icon),
+        });
+    }
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+        ...{ class: "text-chat-haze-400" },
+    });
+    (item.label);
+}
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-full py-6" },
+});
+/** @type {[typeof SubInformation, ]} */ ;
+// @ts-ignore
+const __VLS_4 = __VLS_asFunctionalComponent(SubInformation, new SubInformation({
+    ...{ class: "mb-6" },
+    information: (__VLS_ctx.information),
+    title: "Information",
+}));
+const __VLS_5 = __VLS_4({
+    ...{ class: "mb-6" },
+    information: (__VLS_ctx.information),
+    title: "Information",
+}, ...__VLS_functionalComponentArgsRest(__VLS_4));
+// @ts-ignore
+[information,];
+/** @type {[typeof SubInformation, ]} */ ;
+// @ts-ignore
+const __VLS_8 = __VLS_asFunctionalComponent(SubInformation, new SubInformation({
+    ...{ class: "mb-6" },
+    information: (__VLS_ctx.historyItems),
+    title: "History",
+}));
+const __VLS_9 = __VLS_8({
+    ...{ class: "mb-6" },
+    information: (__VLS_ctx.historyItems),
+    title: "History",
+}, ...__VLS_functionalComponentArgsRest(__VLS_8));
+// @ts-ignore
+[historyItems,];
+/** @type {[typeof SubInformation, ]} */ ;
+// @ts-ignore
+const __VLS_12 = __VLS_asFunctionalComponent(SubInformation, new SubInformation({
+    ...{ class: "" },
+    information: (__VLS_ctx.otherActions),
+    title: "Other Action",
+}));
+const __VLS_13 = __VLS_12({
+    ...{ class: "" },
+    information: (__VLS_ctx.otherActions),
+    title: "Other Action",
+}, ...__VLS_functionalComponentArgsRest(__VLS_12));
+// @ts-ignore
+[otherActions,];
+/** @type {__VLS_StyleScopedClasses['']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-padding-page']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mx-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-800']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mx-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['grid']} */ ;
+/** @type {__VLS_StyleScopedClasses['grid-cols-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['first:border-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[130px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-900']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-6']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/chat/page/customer-detail/SubInformation.vue.d.ts

@@ -0,0 +1,16 @@
+import { type Component } from 'vue';
+type InformationItem = {
+    icon: Component;
+    label: string;
+    value?: string;
+    click?: (data?: any) => any;
+};
+type Props = {
+    information?: InformationItem[];
+    title: string;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    title: string;
+    information: InformationItem[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,134 @@
+/// <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: ''
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {
+    information: [],
+    title: ''
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-full" },
+});
+__VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
+    ...{ class: "text-chat-haze-500 font-semibold" },
+});
+(__VLS_ctx.title);
+// @ts-ignore
+[title,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "bg-white rounded-xl border border-chat-haze-100 mt-1 p-4 space-y-4" },
+});
+for (const [item, x] of __VLS_getVForSourceType((__VLS_ctx.information))) {
+    (x);
+    // @ts-ignore
+    [information,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ onClick: (...[$event]) => {
+                item.click?.();
+            } },
+        ...{ class: "flex items-center gap-1" },
+        ...{ class: ({ 'cursor-pointer': item.click }) },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex items-center gap-1 grow text-chat-haze-900" },
+    });
+    const __VLS_0 = ((item.icon));
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
+    const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+    (item.label);
+    if (item.value) {
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "flex items-center text-chat-haze-300" },
+        });
+        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" },
+    });
+    __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (x < __VLS_ctx.information.length - 1) }, null, null);
+    // @ts-ignore
+    [information,];
+}
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['space-y-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-900']} */ ;
+/** @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']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/chat/page/error/Error.vue.d.ts

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

package/dist/chat/page/error/Error.vue.js

@@ -0,0 +1,64 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { logout } from '../../../utils/chat/store/auth';
+const reload = () => window.location.reload();
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "m-auto w-max" },
+});
+__VLS_asFunctionalElement(__VLS_elements.h1, __VLS_elements.h1)({
+    ...{ class: "font-bold text-chat-haze-900 text-center mb-2" },
+    ...{ style: {} },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-chat-haze-500 text-center mb-8" },
+    ...{ style: {} },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex gap-4" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.reload();
+            // @ts-ignore
+            [reload,];
+        } },
+    ...{ class: "px-6 py-2 bg-[#004AB3] text-white rounded-lg" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.logout();
+            // @ts-ignore
+            [logout,];
+        } },
+    ...{ class: "px-6 py-2 bg-[#004AB3] text-white rounded-lg" },
+});
+/** @type {__VLS_StyleScopedClasses['m-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-900']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#004AB3]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#004AB3]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};