@phonghq/go-chat 1.0.74 → 1.0.76

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

@@ -14,6 +14,9 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     clearInput: () => void;
+    handleSendMessage: (type: "message" | "file", option?: {
+        message?: string | undefined;
+    } | undefined) => Promise<void>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
 } & {

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

@@ -35,9 +35,9 @@ const removeDropFile = () => {
     dropFileLink.value = '';
     dropFile.value = null;
 };
-const handleSendMessage = async (type) => {
+const handleSendMessage = async (type, option) => {
     const tempId = Date.now();
-    let messageContent = '';
+    let messageContent = option?.message ?? keyword.value;
     let attachments = [];
     if (dropFile.value) {
         attachments = [
@@ -45,10 +45,10 @@ const handleSendMessage = async (type) => {
         ];
     }
     else if (type == 'message') {
-        if (!keyword.value)
+        if (!messageContent)
             return;
-        messageContent = keyword.value;
-        keyword.value = '';
+        if (!option?.message)
+            keyword.value = '';
         setInputHeight(chatInputRef.value);
     }
     else if (type == 'file') {
@@ -115,7 +115,7 @@ const clearInput = () => {
     removeDropFile();
 };
 const newline = () => { };
-const __VLS_exposed = { clearInput };
+const __VLS_exposed = { clearInput, handleSendMessage };
 defineExpose(__VLS_exposed);
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_modelEmit = defineEmits();

package/dist/chat/page/home/header/DropdownInfo.vue.d.ts

@@ -0,0 +1,6 @@
+import { PAGE } from '../../../../constant/general';
+type Props = {
+    goToPage: (page: PAGE) => void;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/chat/page/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,5 +1,5 @@
-import type { IResUser } from '../../../types/message';
-import type { PAGE_RESPONSIVE, PARENT_PAGE_NAME } 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;

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

@@ -1,50 +1,25 @@
 /// <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, 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 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 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';
+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 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') {
@@ -63,18 +38,10 @@ const tabContent = computed(() => {
 });
 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') {
@@ -82,17 +49,6 @@ const goToPage = (page) => {
         routerPush(page);
     }
 };
-const customer_select_option = [
-    { label: 'Profile', value: 0 },
-    { label: 'Later Appointment', value: 1 }
-];
-const handleSelectChange = (value) => {
-    if (value == 0) {
-        goToViewUser();
-    }
-    else {
-    }
-};
 const handleActivePlivoSmsChange = async (is_active) => {
     return;
     try {
@@ -183,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
@@ -274,87 +230,36 @@ 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;
-        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-            ...{ class: "shrink-0 flex-center w-4" },
-        });
-        /** @type {[typeof IconMenuDot, ]} */ ;
-        // @ts-ignore
-        const __VLS_31 = __VLS_asFunctionalComponent(IconMenuDot, new IconMenuDot({
-            ...{ class: "scale-[1.2]" },
-        }));
-        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-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]) => {
-                        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;
+    [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: "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({
+    const __VLS_30 = __VLS_asFunctionalComponent(BaseSpin, new BaseSpin({
         size: (16),
         border: (1),
     }));
-    const __VLS_42 = __VLS_41({
+    const __VLS_31 = __VLS_30({
         size: (16),
         border: (1),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_41));
+    }, ...__VLS_functionalComponentArgsRest(__VLS_30));
     __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.customerLoading) }, null, null);
     // @ts-ignore
     [customerLoading,];
@@ -370,16 +275,16 @@ if (__VLS_ctx.parentPageName) {
             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));
+        const __VLS_34 = ((tab.icon));
         // @ts-ignore
-        const __VLS_46 = __VLS_asFunctionalComponent(__VLS_45, new __VLS_45({
+        const __VLS_35 = __VLS_asFunctionalComponent(__VLS_34, new __VLS_34({
             ...{ class: "w-4 h-4" },
             weight: "2.5",
         }));
-        const __VLS_47 = __VLS_46({
+        const __VLS_36 = __VLS_35({
             ...{ class: "w-4 h-4" },
             weight: "2.5",
-        }, ...__VLS_functionalComponentArgsRest(__VLS_46));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_35));
         __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
             ...{ class: "leading-xs" },
         });
@@ -393,14 +298,14 @@ if (__VLS_ctx.parentPageName) {
         });
         /** @type {[typeof IconLink, ]} */ ;
         // @ts-ignore
-        const __VLS_50 = __VLS_asFunctionalComponent(IconLink, new IconLink({
+        const __VLS_39 = __VLS_asFunctionalComponent(IconLink, new IconLink({
             ...{ class: "w-4 h-4" },
             weight: "2.5",
         }));
-        const __VLS_51 = __VLS_50({
+        const __VLS_40 = __VLS_39({
             ...{ class: "w-4 h-4" },
             weight: "2.5",
-        }, ...__VLS_functionalComponentArgsRest(__VLS_50));
+        }, ...__VLS_functionalComponentArgsRest(__VLS_39));
     }
 }
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
@@ -456,23 +361,6 @@ if (__VLS_ctx.parentPageName) {
 /** @type {__VLS_StyleScopedClasses['w-9']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-9']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
-/** @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-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']} */ ;

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/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({