@phonghq/go-chat 1.0.3 → 1.0.4

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

@@ -1,207 +0,0 @@
-/// <reference types="C:/phonghq/go-chat/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/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';
-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_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.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" },
-        title: (year.year),
-        key: (i),
-    }));
-    const __VLS_5 = __VLS_4({
-        ...{ class: "relative" },
-        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" },
-            });
-            __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
-                ...{ class: "text-lg text-chat-haze-600 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-[10px] py-[5px] 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_13 } = __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['chat-padding-page']} */ ;
-/** @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['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-lg']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
-/** @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-[10px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['py-[5px]']} */ ;
-/** @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({});
-export default {};

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

@@ -1,80 +0,0 @@
-/// <reference types="C:/phonghq/go-chat/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/test/chat/page/customer-check-in/CustomerCheckIn.vue.js

@@ -1,136 +0,0 @@
-/// <reference types="C:/phonghq/go-chat/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/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;
-    for (const [item] of __VLS_getVForSourceType((year.items))) {
-        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-            ...{ class: "flex flex-col gap-y-3" },
-            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/test/chat/page/customer-detail/CustomerDetail.vue.js

@@ -1,235 +0,0 @@
-/// <reference types="C:/phonghq/go-chat/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 { getUserHistory, user, userHistory } from '../../../utils/chat/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 = 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 ?? 'n/a');
-// @ts-ignore
-[user,];
-__VLS_asFunctionalElement(__VLS_elements.img)({
-    src: "../../../assets/images/icons/new-customer.png",
-});
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: " mt-5 text-center mx-auto" },
-    ...{ class: ({ 'flex justify-between w-max': __VLS_ctx.response == 'tablet', 'grid grid-cols-3 w-full': __VLS_ctx.response == 'mobile' }) },
-});
-// @ts-ignore
-[response, response,];
-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.response == 'mobile', 'w-[130px]': __VLS_ctx.response == 'tablet' }) },
-        key: (i),
-    });
-    // @ts-ignore
-    [response, response,];
-    __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 {};