@phonghq/go-chat 1.0.0 → 1.0.1

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

@@ -0,0 +1,234 @@
+/// <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" },
+});
+__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['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,102 @@
+/// <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';
+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" },
+        });
+        (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));
+    }
+    __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['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/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { logout } from '@/utils/chat/auth.js';
+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 {};

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

@@ -0,0 +1,20 @@
+import { PAGE_RESPONSE } from '@/types/chat/global';
+type Props = {
+    response: PAGE_RESPONSE;
+};
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    'receiverId'?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
+    handleReadMessage: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:receiverId": (value: any) => any;
+} & {
+    selectReceiver: (val: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelectReceiver?: ((val: any) => any) | undefined;
+    "onUpdate:receiverId"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;