@phonghq/go-chat 1.0.73 → 1.0.74

package/dist/chat/page/home/Home.vue.js

@@ -2,7 +2,7 @@
 import HomeHeader from '../../../chat/page/home/HomeHeader.vue';
 import NewCustomer from '../../../chat/page/home/NewCustomer.vue';
 import InputChat from '../../../chat/page/home/InputChat.vue';
-import { getDetailReceiver, getMessage, sendMessage, upLoadImage } from '../../../utils/chat/store/message';
+import { getMessage, sendMessage, upLoadImage } from '../../../utils/chat/store/message';
 import { computed, nextTick, onMounted, onUnmounted, ref, shallowRef } from 'vue';
 import ChatMessage from '../../../chat/page/home/ChatMessage.vue';
 import { addHandleMqttMessage, connectMqtt, publishMessage, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../../../plugins/mqtt';
@@ -13,6 +13,7 @@ import { getCache, removeOldestCache, setCache } from '../../../utils/chat/cache
 import { digibotId } from '../../../composable/useDigibot';
 import dayjs from 'dayjs';
 import { useDebounce } from '../../../utils/debounce';
+import { getUserHistory, userHistory } from '../../../utils/chat/store/user';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const MESSAGE_STORAGE_KEY = 'chat-message-';
@@ -26,6 +27,7 @@ const infoUser = shallowRef(null);
 const listMessage = ref([]);
 const chatMessageRef = ref(null);
 const inputChatRef = ref(null);
+const customerLoading = ref(false);
 onMounted(() => {
     document.addEventListener('visibilitychange', handleVisibilitychange);
 });
@@ -134,15 +136,30 @@ const handleGetDetailReceiverQuickly = (data) => {
 };
 const handleGetDetailReceiver = async (data) => {
     const id = props.receiverId;
-    if (data)
-        infoUser.value = { ...data, conversation_id: data.id };
-    const res = (await getDetailReceiver(props.receiverId)) ?? null;
+    if (!data)
+        return;
+    infoUser.value = { ...data, conversation_id: data.id };
+    // const res = (await getDetailReceiver(props.receiverId)) ?? null
+    userHistory.value = null;
+    customerLoading.value = true;
+    handleGetUserHistoryDebounce(infoUser.value?.phone?.slice(1) ?? '');
     if (id == props.receiverId) {
-        infoUser.value = res;
+        // infoUser.value = res
         await handleDisconnectMqtt();
         await handleConnectMqtt();
     }
 };
+const handleGetUserHistory = async (phone) => {
+    try {
+        // customerLoading.value = true
+        await getUserHistory(phone);
+    }
+    catch (e) {
+        console.log(e);
+    }
+    customerLoading.value = false;
+};
+const handleGetUserHistoryDebounce = useDebounce((phone) => handleGetUserHistory(phone), 500);
 const getData = async (data) => {
     try {
         isLoading.value = true;
@@ -289,29 +306,43 @@ if (__VLS_ctx.infoUser) {
     // @ts-ignore
     const __VLS_0 = __VLS_asFunctionalComponent(HomeHeader, new HomeHeader({
         ...{ 'onCall': {} },
+        ...{ 'onViewAppointment': {} },
         ...{ 'onBack': {} },
         ...{ class: "shrink-0" },
         data: (__VLS_ctx.infoUser),
         responsive: (__VLS_ctx.responsive),
+        parentPageName: (__VLS_ctx.parentPageName),
+        customerLoading: (__VLS_ctx.customerLoading),
     }));
     const __VLS_1 = __VLS_0({
         ...{ 'onCall': {} },
+        ...{ 'onViewAppointment': {} },
         ...{ 'onBack': {} },
         ...{ class: "shrink-0" },
         data: (__VLS_ctx.infoUser),
         responsive: (__VLS_ctx.responsive),
+        parentPageName: (__VLS_ctx.parentPageName),
+        customerLoading: (__VLS_ctx.customerLoading),
     }, ...__VLS_functionalComponentArgsRest(__VLS_0));
     let __VLS_3;
     let __VLS_4;
     const __VLS_5 = ({ call: {} },
         { onCall: (__VLS_ctx.call) });
-    const __VLS_6 = ({ back: {} },
+    const __VLS_6 = ({ viewAppointment: {} },
+        { onViewAppointment: (...[$event]) => {
+                if (!(__VLS_ctx.infoUser))
+                    return;
+                __VLS_ctx.emit('viewAppointment', $event);
+                // @ts-ignore
+                [infoUser, responsive, parentPageName, customerLoading, call, emit,];
+            } });
+    const __VLS_7 = ({ back: {} },
         { onBack: (...[$event]) => {
                 if (!(__VLS_ctx.infoUser))
                     return;
                 __VLS_ctx.emit('back');
                 // @ts-ignore
-                [infoUser, responsive, call, emit,];
+                [emit,];
             } });
     var __VLS_2;
     if (__VLS_ctx.listMessage?.length) {
@@ -319,7 +350,7 @@ if (__VLS_ctx.infoUser) {
         [listMessage,];
         /** @type {[typeof ChatMessage, ]} */ ;
         // @ts-ignore
-        const __VLS_8 = __VLS_asFunctionalComponent(ChatMessage, new ChatMessage({
+        const __VLS_9 = __VLS_asFunctionalComponent(ChatMessage, new ChatMessage({
             ...{ 'onScrollTop': {} },
             ...{ 'onCallBack': {} },
             ref: "chatMessageRef",
@@ -330,7 +361,7 @@ if (__VLS_ctx.infoUser) {
             showNewCustomer: (__VLS_ctx.page >= __VLS_ctx.pageCount),
             isLoading: (__VLS_ctx.isLoading),
         }));
-        const __VLS_9 = __VLS_8({
+        const __VLS_10 = __VLS_9({
             ...{ 'onScrollTop': {} },
             ...{ 'onCallBack': {} },
             ref: "chatMessageRef",
@@ -340,34 +371,34 @@ if (__VLS_ctx.infoUser) {
             responsive: (__VLS_ctx.responsive),
             showNewCustomer: (__VLS_ctx.page >= __VLS_ctx.pageCount),
             isLoading: (__VLS_ctx.isLoading),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_8));
-        let __VLS_11;
+        }, ...__VLS_functionalComponentArgsRest(__VLS_9));
         let __VLS_12;
-        const __VLS_13 = ({ scrollTop: {} },
+        let __VLS_13;
+        const __VLS_14 = ({ scrollTop: {} },
             { onScrollTop: (__VLS_ctx.handleScrollTop) });
-        const __VLS_14 = ({ callBack: {} },
+        const __VLS_15 = ({ callBack: {} },
             { onCallBack: (__VLS_ctx.call) });
         /** @type {typeof __VLS_ctx.chatMessageRef} */ ;
-        var __VLS_15 = {};
+        var __VLS_16 = {};
         // @ts-ignore
         [infoUser, responsive, call, reversedList, page, pageCount, isLoading, handleScrollTop, chatMessageRef,];
-        var __VLS_10;
+        var __VLS_11;
     }
     else if (!__VLS_ctx.isLoading) {
         // @ts-ignore
         [isLoading,];
         /** @type {[typeof NewCustomer, ]} */ ;
         // @ts-ignore
-        const __VLS_18 = __VLS_asFunctionalComponent(NewCustomer, new NewCustomer({
+        const __VLS_19 = __VLS_asFunctionalComponent(NewCustomer, new NewCustomer({
             data: (__VLS_ctx.infoUser),
             ...{ class: "grow" },
             isNew: (!__VLS_ctx.listMessage.length),
         }));
-        const __VLS_19 = __VLS_18({
+        const __VLS_20 = __VLS_19({
             data: (__VLS_ctx.infoUser),
             ...{ class: "grow" },
             isNew: (!__VLS_ctx.listMessage.length),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_18));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_19));
         // @ts-ignore
         [infoUser, listMessage,];
     }
@@ -381,7 +412,7 @@ if (__VLS_ctx.infoUser) {
         [receiverId, digibotId,];
         /** @type {[typeof InputChat, ]} */ ;
         // @ts-ignore
-        const __VLS_22 = __VLS_asFunctionalComponent(InputChat, new InputChat({
+        const __VLS_23 = __VLS_asFunctionalComponent(InputChat, new InputChat({
             ...{ 'onSendMessage': {} },
             ...{ 'onFocus': {} },
             data: (__VLS_ctx.infoUser),
@@ -390,7 +421,7 @@ if (__VLS_ctx.infoUser) {
             ref: "inputChatRef",
             ...{ class: "p-2 sm:p-6" },
         }));
-        const __VLS_23 = __VLS_22({
+        const __VLS_24 = __VLS_23({
             ...{ 'onSendMessage': {} },
             ...{ 'onFocus': {} },
             data: (__VLS_ctx.infoUser),
@@ -398,12 +429,12 @@ if (__VLS_ctx.infoUser) {
             conversation: (__VLS_ctx.conversation),
             ref: "inputChatRef",
             ...{ class: "p-2 sm:p-6" },
-        }, ...__VLS_functionalComponentArgsRest(__VLS_22));
-        let __VLS_25;
+        }, ...__VLS_functionalComponentArgsRest(__VLS_23));
         let __VLS_26;
-        const __VLS_27 = ({ sendMessage: {} },
+        let __VLS_27;
+        const __VLS_28 = ({ sendMessage: {} },
             { onSendMessage: (__VLS_ctx.handleSendMessage) });
-        const __VLS_28 = ({ focus: {} },
+        const __VLS_29 = ({ focus: {} },
             { onFocus: (...[$event]) => {
                     if (!(__VLS_ctx.infoUser))
                         return;
@@ -414,10 +445,10 @@ if (__VLS_ctx.infoUser) {
                     [infoUser, responsive, emit, conversation, handleSendMessage,];
                 } });
         /** @type {typeof __VLS_ctx.inputChatRef} */ ;
-        var __VLS_29 = {};
+        var __VLS_30 = {};
         // @ts-ignore
         [inputChatRef,];
-        var __VLS_24;
+        var __VLS_25;
     }
 }
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
@@ -431,7 +462,7 @@ if (__VLS_ctx.infoUser) {
 /** @type {__VLS_StyleScopedClasses['p-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['sm:p-6']} */ ;
 // @ts-ignore
-var __VLS_16 = __VLS_15, __VLS_30 = __VLS_29;
+var __VLS_17 = __VLS_16, __VLS_31 = __VLS_30;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

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

@@ -1,14 +1,18 @@
 import type { IResUser } from '../../../types/message';
-import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+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

@@ -3,29 +3,83 @@ 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 { 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 { ref } from 'vue';
+import { computed, 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 IconInfo from '../../../assets/icons/chat/IconInfo.vue';
+import IconCalendar from '../../../assets/icons/chat/IconCalendar.vue';
+import IconCheck from '../../../assets/icons/chat/IconCheck.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';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
+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 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 = () => {
+    goToPage(PAGE.CUSTOMER_DETAIL);
+};
+const goToViewAppointment = () => {
+    goToPage(PAGE.CUSTOMER_APPOINTMENT);
+};
+const goToViewView = () => {
+    goToPage(PAGE.CUSTOMER_CHECK_IN);
+};
+const goToPage = (page) => {
     selectOpen.value = false;
     if (props.data?.id.toString() == digibotId.toString())
         return;
     if (dataProfile.value?.user_type == 'tenant') {
         user.value = props.data;
-        routerPush(PAGE.CUSTOMER_DETAIL);
+        routerPush(page);
     }
 };
 const customer_select_option = [
@@ -66,15 +120,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,];
@@ -207,7 +262,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
@@ -251,38 +306,117 @@ if (__VLS_ctx.data?.id &&
     {
         const { content: __VLS_35 } = __VLS_28.slots;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-            ...{ class: "text-base font-medium" },
+            ...{ class: "text-chat-text" },
         });
-        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        for (const [item, i] of __VLS_getVForSourceType((__VLS_ctx.customerDropContent))) {
+            // @ts-ignore
+            [customerDropContent,];
+            __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;
+                        item.click?.();
+                    } },
+                ...{ class: "flex items-center gap-2 p-2 hover:bg-chat-haze-200 duration-200 cursor-pointer rounded-lg" },
+                key: (i),
+                ...{ class: ({ 'opacity-[0.3] pointer-events-none': item.disabled }) },
+            });
+            const __VLS_36 = ((item.icon));
+            // @ts-ignore
+            const __VLS_37 = __VLS_asFunctionalComponent(__VLS_36, new __VLS_36({
+                ...{ class: "w-5 h-5" },
+            }));
+            const __VLS_38 = __VLS_37({
+                ...{ class: "w-5 h-5" },
+            }, ...__VLS_functionalComponentArgsRest(__VLS_37));
+            (item.title);
+        }
+    }
+    var __VLS_28;
+}
+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_41 = __VLS_asFunctionalComponent(BaseSpin, new BaseSpin({
+        size: (16),
+        border: (1),
+    }));
+    const __VLS_42 = __VLS_41({
+        size: (16),
+        border: (1),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_41));
+    __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)({
             ...{ onClick: (...[$event]) => {
-                    if (!(__VLS_ctx.data?.id &&
-                        __VLS_ctx.data?.id.toString() != __VLS_ctx.digibotId.toString() &&
-                        __VLS_ctx.dataProfile?.user_type == 'tenant'))
+                    if (!(__VLS_ctx.parentPageName))
                         return;
-                    __VLS_ctx.goToViewUser();
-                    // @ts-ignore
-                    [goToViewUser,];
+                    tab.click?.();
                 } },
-            ...{ class: "p-2 hover:bg-chat-haze-200 duration-200 cursor-pointer rounded-lg" },
+            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" },
+        });
+        const __VLS_45 = ((tab.icon));
+        // @ts-ignore
+        const __VLS_46 = __VLS_asFunctionalComponent(__VLS_45, new __VLS_45({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }));
+        const __VLS_47 = __VLS_46({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_46));
+        __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)({
+            ...{ class: "w-6 h-6 bg-white flex-center rounded-full" },
+        });
+        /** @type {[typeof IconLink, ]} */ ;
+        // @ts-ignore
+        const __VLS_50 = __VLS_asFunctionalComponent(IconLink, new IconLink({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }));
+        const __VLS_51 = __VLS_50({
+            ...{ class: "w-4 h-4" },
+            weight: "2.5",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_50));
     }
-    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,8 +451,8 @@ 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']} */ ;
@@ -326,13 +460,52 @@ if (__VLS_ctx.data?.id &&
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['scale-[1.2]']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
-/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @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-haze-200']} */ ;
 /** @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']} */ ;
+/** @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['h-4']} */ ;
 const __VLS_export = (await import('vue')).defineComponent({
     __typeEmits: {},
     __typeProps: {},

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/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';