@phonghq/go-chat 1.0.73 → 1.0.75

package/dist/chat/page/home/header/DropdownInfo.vue.js

@@ -0,0 +1,137 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { PAGE } from '../../../../constant/general';
+import { userHistory } from '../../../../utils/chat/store/user';
+import { computed, ref } from 'vue';
+import IconMenuDot from '../../../../assets/icons/chat/IconMenuDot.vue';
+import DropdownBase from '../../../../components/common/dropdown/DropdownBase.vue';
+import IconInfo from '../../../../assets/icons/chat/IconInfo.vue';
+import IconCalendar from '../../../../assets/icons/chat/IconCalendar.vue';
+import IconCheck from '../../../../assets/icons/chat/IconCheck.vue';
+const props = withDefaults(defineProps(), {});
+const customerDropContent = computed(() => {
+    return [
+        {
+            icon: IconInfo,
+            title: 'Profile',
+            click: goToViewUser,
+            disabled: false
+        },
+        {
+            icon: IconCalendar,
+            title: 'View Appointment',
+            click: goToViewAppointment,
+            disabled: !userHistory.value?.appointment?.length
+        },
+        {
+            icon: IconCheck,
+            title: 'View Checkin',
+            click: goToViewView,
+            disabled: !userHistory.value?.visit_count
+        }
+    ];
+});
+const selectOpen = ref(false);
+const goToViewUser = () => {
+    selectOpen.value = false;
+    props.goToPage(PAGE.CUSTOMER_DETAIL);
+};
+const goToViewAppointment = () => {
+    selectOpen.value = false;
+    props.goToPage(PAGE.CUSTOMER_APPOINTMENT);
+};
+const goToViewView = () => {
+    selectOpen.value = false;
+    props.goToPage(PAGE.CUSTOMER_CHECK_IN);
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {[typeof DropdownBase, typeof DropdownBase, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(DropdownBase, new DropdownBase({
+    side: "bottom",
+    align: "end",
+    open: (__VLS_ctx.selectOpen),
+}));
+const __VLS_1 = __VLS_0({
+    side: "bottom",
+    align: "end",
+    open: (__VLS_ctx.selectOpen),
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+var __VLS_3 = {};
+const { default: __VLS_4 } = __VLS_2.slots;
+// @ts-ignore
+[selectOpen,];
+{
+    const { default: __VLS_5 } = __VLS_2.slots;
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ class: "shrink-0 flex-center w-4" },
+    });
+    /** @type {[typeof IconMenuDot, ]} */ ;
+    // @ts-ignore
+    const __VLS_6 = __VLS_asFunctionalComponent(IconMenuDot, new IconMenuDot({
+        ...{ class: "scale-[1.2]" },
+    }));
+    const __VLS_7 = __VLS_6({
+        ...{ class: "scale-[1.2]" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+}
+{
+    const { content: __VLS_10 } = __VLS_2.slots;
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "text-chat-text" },
+    });
+    for (const [item, i] of __VLS_getVForSourceType((__VLS_ctx.customerDropContent))) {
+        // @ts-ignore
+        [customerDropContent,];
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ onClick: (...[$event]) => {
+                    item.click?.();
+                } },
+            ...{ class: "flex items-center gap-2 p-2 hover:bg-chat-primary hover:text-white duration-200 cursor-pointer rounded-lg" },
+            key: (i),
+            ...{ class: ({ 'opacity-[0.3] pointer-events-none': item.disabled }) },
+        });
+        const __VLS_11 = ((item.icon));
+        // @ts-ignore
+        const __VLS_12 = __VLS_asFunctionalComponent(__VLS_11, new __VLS_11({
+            ...{ class: "w-5 h-5" },
+        }));
+        const __VLS_13 = __VLS_12({
+            ...{ class: "w-5 h-5" },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_12));
+        (item.title);
+    }
+}
+var __VLS_2;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['scale-[1.2]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-text']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-chat-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['duration-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-[0.3]']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-5']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/chat/page/home/{HomeHeader.vue.d.ts → header/HomeHeader.vue.d.ts}

@@ -1,14 +1,18 @@
-import type { IResUser } from '../../../types/message';
-import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+import type { IResUser } from '../../../../types/message';
+import type { PAGE_RESPONSIVE, PARENT_PAGE_NAME } from '../../../../types/chat/global';
 type Props = {
     data: IResUser | null;
     responsive: PAGE_RESPONSIVE | null;
+    parentPageName: PARENT_PAGE_NAME;
+    customerLoading: boolean;
 };
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     call: () => any;
     back: () => any;
+    viewAppointment: (id: any) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onCall?: (() => any) | undefined;
     onBack?: (() => any) | undefined;
+    onViewAppointment?: ((id: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/chat/page/home/{HomeHeader.vue.js → header/HomeHeader.vue.js}

@@ -1,42 +1,52 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import IconPhone from '../../../assets/icons/global/IconPhone.vue';
-import { PAGE } from '../../../constant/general';
-import Avatar from '../../../components/chat/customer/Avatar.vue';
-import { routerPush } from '../../../utils/chat/chat-router';
-import { user } from '../../../utils/chat/store/user';
-import { dataProfile } from '../../../utils/chat/store/auth';
-import { digibotId } from '../../../composable/useDigibot';
-import IconArrowLeft from '../../../assets/icons/global/IconArrowLeft.vue';
-import { phoneNumberFormat } from '../../../utils/string-helper';
-import IconSms from '../../../assets/icons/global/IconSms.vue';
-import { activePlivoMode } from '../../../utils/chat/store/message';
-import { ref } from 'vue';
-import ButtonBase from '../../../components/common/button/ButtonBase.vue';
-import IconMenuDot from '../../../assets/icons/chat/IconMenuDot.vue';
-import DropdownBase from '../../../components/common/dropdown/DropdownBase.vue';
+import IconPhone from '../../../../assets/icons/global/IconPhone.vue';
+import Avatar from '../../../../components/chat/customer/Avatar.vue';
+import { routerPush } from '../../../../utils/chat/chat-router';
+import { user, userHistory } from '../../../../utils/chat/store/user';
+import { dataProfile } from '../../../../utils/chat/store/auth';
+import { digibotId } from '../../../../composable/useDigibot';
+import IconArrowLeft from '../../../../assets/icons/global/IconArrowLeft.vue';
+import { phoneNumberFormat } from '../../../../utils/string-helper';
+import IconSms from '../../../../assets/icons/global/IconSms.vue';
+import { activePlivoMode } from '../../../../utils/chat/store/message';
+import { computed, ref } from 'vue';
+import ButtonBase from '../../../../components/common/button/ButtonBase.vue';
+import IconCalendar from '../../../../assets/icons/chat/IconCalendar.vue';
+import IconLink from '../../../../assets/icons/chat/IconLink.vue';
+import { getTimeLocal } from '../../../../utils/dayjs-helper';
+import { DATE_FORMATS } from '../../../../constant/datetime';
+import BaseSpin from '../../../../components/chat/common/spin/BaseSpin.vue';
+import DropdownInfo from '../../../../chat/page/home/header/DropdownInfo.vue';
+import { PAGE } from '../../../../constant/general';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
+const tabContent = computed(() => {
+    let result = [];
+    if (userHistory.value?.appointment?.length && props.parentPageName == 'booking-admin') {
+        const last_item = userHistory.value?.appointment[userHistory.value?.appointment?.length - 1];
+        result.push({
+            id: last_item.id,
+            icon: IconCalendar,
+            label: 'Last Appointment:',
+            time: getTimeLocal(last_item?.start_time)?.format(DATE_FORMATS['DATE_FORMAT_MEDIUM']) ?? '',
+            click: () => {
+                emit('viewAppointment', last_item.id);
+            }
+        });
+    }
+    return result;
+});
 const activePlivoSms = ref(dataProfile.value?.is_sms_active == 1);
 const loading = ref(false);
-const selectOpen = ref(false);
 const goToViewUser = () => {
-    selectOpen.value = false;
+    goToPage(PAGE.CUSTOMER_DETAIL);
+};
+const goToPage = (page) => {
     if (props.data?.id.toString() == digibotId.toString())
         return;
     if (dataProfile.value?.user_type == 'tenant') {
         user.value = props.data;
-        routerPush(PAGE.CUSTOMER_DETAIL);
-    }
-};
-const customer_select_option = [
-    { label: 'Profile', value: 0 },
-    { label: 'Later Appointment', value: 1 }
-];
-const handleSelectChange = (value) => {
-    if (value == 0) {
-        goToViewUser();
-    }
-    else {
+        routerPush(page);
     }
 };
 const handleActivePlivoSmsChange = async (is_active) => {
@@ -66,15 +76,16 @@ const __VLS_ctx = {
 let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['loading-container']} */ ;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "w-full px-8 py-4 h-[96px] layout-shadow border-b border-chat-gray-5 z-10" },
+    ...{ class: "w-full layout-shadow border-b border-chat-gray-5 z-10" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-full flex items-center gap-2 overflow-hidden h-[96px] px-8 py-4" },
     ...{ class: ({ '!px-4': __VLS_ctx.responsive == 'mobile' }) },
 });
 // @ts-ignore
 [responsive,];
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "w-full flex items-center gap-2 h-full overflow-hidden" },
-});
 if (__VLS_ctx.responsive == 'mobile') {
     // @ts-ignore
     [responsive,];
@@ -128,7 +139,7 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ onClick: (__VLS_ctx.goToViewUser) },
-    ...{ class: "grow overflow-hidden" },
+    ...{ class: "grow overflow-hidden " },
     ...{ class: ({ 'cursor-pointer': __VLS_ctx.dataProfile?.user_type == 'tenant' }) },
 });
 // @ts-ignore
@@ -207,7 +218,7 @@ if (__VLS_ctx.data?.id &&
                 // @ts-ignore
                 [emit,];
             } },
-        ...{ class: "shrink-0 flex-center text-[#0051E6] bg-chat-haze-200 w-9 h-9 rounded-lg" },
+        ...{ class: "shrink-0 flex-center text-chat-primary-dark bg-[#e8f0fe] w-9 h-9 rounded-lg" },
     });
     /** @type {[typeof IconPhone, ]} */ ;
     // @ts-ignore
@@ -219,70 +230,98 @@ if (__VLS_ctx.data?.id &&
     __VLS_ctx.dataProfile?.user_type == 'tenant') {
     // @ts-ignore
     [dataProfile, data, data, digibotId,];
-    /** @type {[typeof DropdownBase, typeof DropdownBase, ]} */ ;
+    /** @type {[typeof DropdownInfo, ]} */ ;
     // @ts-ignore
-    const __VLS_26 = __VLS_asFunctionalComponent(DropdownBase, new DropdownBase({
-        side: "bottom",
-        align: "end",
-        open: (__VLS_ctx.selectOpen),
+    const __VLS_26 = __VLS_asFunctionalComponent(DropdownInfo, new DropdownInfo({
+        goToPage: (__VLS_ctx.goToPage),
     }));
     const __VLS_27 = __VLS_26({
-        side: "bottom",
-        align: "end",
-        open: (__VLS_ctx.selectOpen),
+        goToPage: (__VLS_ctx.goToPage),
     }, ...__VLS_functionalComponentArgsRest(__VLS_26));
-    const { default: __VLS_29 } = __VLS_28.slots;
     // @ts-ignore
-    [selectOpen,];
-    {
-        const { default: __VLS_30 } = __VLS_28.slots;
+    [goToPage,];
+}
+if (__VLS_ctx.parentPageName) {
+    // @ts-ignore
+    [parentPageName,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex items-center border-chat-gray-5 loading-container h-12" },
+        ...{ class: ({ 'show  p-4 border-t': __VLS_ctx.customerLoading || __VLS_ctx.tabContent.length }) },
+    });
+    // @ts-ignore
+    [customerLoading, tabContent,];
+    /** @type {[typeof BaseSpin, ]} */ ;
+    // @ts-ignore
+    const __VLS_30 = __VLS_asFunctionalComponent(BaseSpin, new BaseSpin({
+        size: (16),
+        border: (1),
+    }));
+    const __VLS_31 = __VLS_30({
+        size: (16),
+        border: (1),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_30));
+    __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.customerLoading) }, null, null);
+    // @ts-ignore
+    [customerLoading,];
+    for (const [tab, i] of __VLS_getVForSourceType((__VLS_ctx.tabContent))) {
+        // @ts-ignore
+        [tabContent,];
         __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-            ...{ class: "shrink-0 flex-center w-4" },
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.parentPageName))
+                        return;
+                    tab.click?.();
+                } },
+            key: (i),
+            ...{ class: "flex items-center h-8 gap-1.5 px-2.5 py-1 bg-[#e8f0fe] rounded-lg cursor-pointer transition-all duration-200 border-chat-primary text-sm text-chat-primary-dark" },
         });
-        /** @type {[typeof IconMenuDot, ]} */ ;
+        const __VLS_34 = ((tab.icon));
         // @ts-ignore
-        const __VLS_31 = __VLS_asFunctionalComponent(IconMenuDot, new IconMenuDot({
-            ...{ class: "scale-[1.2]" },
+        const __VLS_35 = __VLS_asFunctionalComponent(__VLS_34, new __VLS_34({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
         }));
-        const __VLS_32 = __VLS_31({
-            ...{ class: "scale-[1.2]" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_31));
-    }
-    {
-        const { content: __VLS_35 } = __VLS_28.slots;
-        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-            ...{ class: "text-base font-medium" },
+        const __VLS_36 = __VLS_35({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_35));
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "leading-xs" },
+        });
+        (tab.label);
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "font-semibold" },
         });
+        (tab.time);
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-            ...{ onClick: (...[$event]) => {
-                    if (!(__VLS_ctx.data?.id &&
-                        __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() &&
-                        __VLS_ctx.dataProfile?.user_type == 'tenant'))
-                        return;
-                    __VLS_ctx.goToViewUser();
-                    // @ts-ignore
-                    [goToViewUser,];
-                } },
-            ...{ class: "p-2 hover:bg-chat-haze-200 duration-200 cursor-pointer rounded-lg" },
+            ...{ class: "w-6 h-6 bg-white flex-center rounded-full" },
         });
+        /** @type {[typeof IconLink, ]} */ ;
+        // @ts-ignore
+        const __VLS_39 = __VLS_asFunctionalComponent(IconLink, new IconLink({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }));
+        const __VLS_40 = __VLS_39({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_39));
     }
-    var __VLS_28;
 }
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['px-8']} */ ;
-/** @type {__VLS_StyleScopedClasses['py-4']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-[96px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['layout-shadow']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-b']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
 /** @type {__VLS_StyleScopedClasses['z-10']} */ ;
-/** @type {__VLS_StyleScopedClasses['!px-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-[96px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['!px-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
@@ -317,22 +356,44 @@ if (__VLS_ctx.data?.id &&
 /** @type {__VLS_StyleScopedClasses['md:block']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-[#0051E6]']} */ ;
-/** @type {__VLS_StyleScopedClasses['bg-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-primary-dark']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#e8f0fe]']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-9']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-9']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
-/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['loading-container']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-12']} */ ;
+/** @type {__VLS_StyleScopedClasses['show']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1.5']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2.5']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#e8f0fe]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition-all']} */ ;
+/** @type {__VLS_StyleScopedClasses['duration-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-primary-dark']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['leading-xs']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-4']} */ ;
-/** @type {__VLS_StyleScopedClasses['scale-[1.2]']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
-/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
-/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['hover:bg-chat-haze-200']} */ ;
-/** @type {__VLS_StyleScopedClasses['duration-200']} */ ;
-/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-4']} */ ;
 const __VLS_export = (await import('vue')).defineComponent({
     __typeEmits: {},
     __typeProps: {},

package/dist/components/chat/ScrollEvent/ScrollEvent.vue.js

@@ -181,20 +181,22 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 // @ts-ignore
 [scrollEvent,];
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "loader-line" },
+    ...{ class: "loader-line top" },
 });
 __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.loadingTop && __VLS_ctx.top) }, null, null);
 // @ts-ignore
 [loadingTop, top,];
 var __VLS_0 = {};
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "loader-line" },
+    ...{ class: "loader-line bottom" },
 });
 __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.loading && __VLS_ctx.bottom) }, null, null);
 // @ts-ignore
 [loading, bottom,];
 /** @type {__VLS_StyleScopedClasses['loader-line']} */ ;
+/** @type {__VLS_StyleScopedClasses['top']} */ ;
 /** @type {__VLS_StyleScopedClasses['loader-line']} */ ;
+/** @type {__VLS_StyleScopedClasses['bottom']} */ ;
 // @ts-ignore
 var __VLS_1 = __VLS_0;
 const __VLS_base = (await import('vue')).defineComponent({

package/dist/components/chat/common/popover/PopoverBase.vue.d.ts

@@ -3,6 +3,7 @@ type ShortPopoverContentProps = Pick<PopoverContentProps, 'side' | 'align' | 'si
     delay?: number;
     trigger?: 'hover' | 'click';
     triggerClass?: string;
+    contentClass?: string;
     disabled?: boolean;
 };
 type __VLS_Props = ShortPopoverContentProps;
@@ -26,6 +27,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_Publ
     delay: number;
     trigger: "click" | "hover";
     triggerClass: string;
+    contentClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/chat/common/popover/PopoverBase.vue.js

@@ -6,6 +6,7 @@ const props = withDefaults(defineProps(), {
     delay: 100,
     trigger: 'click',
     triggerClass: '',
+    contentClass: '',
 });
 let closeTimer = null;
 const isOpen = defineModel('open');
@@ -46,6 +47,7 @@ const __VLS_defaults = {
     delay: 100,
     trigger: 'click',
     triggerClass: '',
+    contentClass: '',
 };
 const __VLS_ctx = {
     ...{},
@@ -117,12 +119,14 @@ if (!__VLS_ctx.disabled) {
         ...{ 'onMouseleave': {} },
         side: (__VLS_ctx.side),
         align: (__VLS_ctx.align),
+        ...{ class: (__VLS_ctx.contentClass) },
     }));
     const __VLS_22 = __VLS_21({
         ...{ 'onMouseenter': {} },
         ...{ 'onMouseleave': {} },
         side: (__VLS_ctx.side),
         align: (__VLS_ctx.align),
+        ...{ class: (__VLS_ctx.contentClass) },
     }, ...__VLS_functionalComponentArgsRest(__VLS_21));
     let __VLS_24;
     let __VLS_25;
@@ -132,7 +136,7 @@ if (!__VLS_ctx.disabled) {
         { onMouseleave: (__VLS_ctx.onMouseLeave) });
     const { default: __VLS_28 } = __VLS_23.slots;
     // @ts-ignore
-    [onMouseEnter, onMouseLeave, side, align,];
+    [onMouseEnter, onMouseLeave, side, align, contentClass,];
     var __VLS_29 = {};
     var __VLS_23;
 }

package/dist/components/ui/dropdown-menu/DropdownMenuSeparator.vue.js

@@ -21,11 +21,11 @@ DropdownMenuSeparator;
 // @ts-ignore
 const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
     ...(__VLS_ctx.delegatedProps),
-    ...{ class: (__VLS_ctx.cn('-mx-1 my-1 h-px bg-muted', props.class)) },
+    ...{ class: (__VLS_ctx.cn('-mx-1 my-1 h-px bg-chat-haze-300', props.class)) },
 }));
 const __VLS_2 = __VLS_1({
     ...(__VLS_ctx.delegatedProps),
-    ...{ class: (__VLS_ctx.cn('-mx-1 my-1 h-px bg-muted', props.class)) },
+    ...{ class: (__VLS_ctx.cn('-mx-1 my-1 h-px bg-chat-haze-300', props.class)) },
 }, ...__VLS_functionalComponentArgsRest(__VLS_1));
 var __VLS_4 = {};
 // @ts-ignore

package/dist/components/ui/popover/PopoverContent.vue.js

@@ -30,6 +30,9 @@ const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
 const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
 var __VLS_4 = {};
 const { default: __VLS_5 } = __VLS_3.slots;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "go-chat-app" },
+});
 const __VLS_6 = {}.PopoverContent;
 /** @type {[typeof __VLS_components.PopoverContent, typeof __VLS_components.PopoverContent, ]} */ ;
 // @ts-ignore
@@ -37,11 +40,11 @@ PopoverContent;
 // @ts-ignore
 const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({
     ...({ ...__VLS_ctx.forwarded, ...__VLS_ctx.$attrs }),
-    ...{ class: (__VLS_ctx.cn('z-[2000] min-w-72 w-max rounded-md bg-white outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', props.class)) },
+    ...{ class: (__VLS_ctx.cn('z-[2000] shadow-3xl min-w-72 w-max rounded-md bg-white outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', props.class)) },
 }));
 const __VLS_8 = __VLS_7({
     ...({ ...__VLS_ctx.forwarded, ...__VLS_ctx.$attrs }),
-    ...{ class: (__VLS_ctx.cn('z-[2000] min-w-72 w-max rounded-md bg-white outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', props.class)) },
+    ...{ class: (__VLS_ctx.cn('z-[2000] shadow-3xl min-w-72 w-max rounded-md bg-white outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', props.class)) },
 }, ...__VLS_functionalComponentArgsRest(__VLS_7));
 const { default: __VLS_10 } = __VLS_9.slots;
 // @ts-ignore
@@ -49,6 +52,7 @@ const { default: __VLS_10 } = __VLS_9.slots;
 var __VLS_11 = {};
 var __VLS_9;
 var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['go-chat-app']} */ ;
 // @ts-ignore
 var __VLS_12 = __VLS_11;
 const __VLS_base = (await import('vue')).defineComponent({

package/dist/constant/datetime.d.ts

@@ -1,6 +1,7 @@
 export declare const DATE_FORMATS: {
     readonly DATE_FORMAT: "YYYY-MM-DD";
     readonly DATE_FORMAT_FULL: "YYYY-MM-DD HH:mm:ss";
+    readonly DATE_FORMAT_MEDIUM: "MMM D, YYYY";
     readonly TIME_12_FORMAT: "hh:mm A";
 };
 export declare const TIME_ZONE_UTC = "Africa/Freetown";

package/dist/constant/datetime.js

@@ -1,6 +1,7 @@
 export const DATE_FORMATS = {
     DATE_FORMAT: 'YYYY-MM-DD',
     DATE_FORMAT_FULL: 'YYYY-MM-DD HH:mm:ss',
-    TIME_12_FORMAT: 'hh:mm A'
+    DATE_FORMAT_MEDIUM: 'MMM D, YYYY',
+    TIME_12_FORMAT: 'hh:mm A',
 };
 export const TIME_ZONE_UTC = 'Africa/Freetown';