@phonghq/go-chat 1.0.0 → 1.0.2

package/dist/components/chat/call/Calling.vue.js

@@ -0,0 +1,291 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref, onMounted, onUnmounted, watch } from 'vue';
+import DrawerBase from '../../../components/common/drawer/DrawerBase.vue';
+import IconPhone from '../../../assets/icons/call/IconPhone.vue';
+import { dataProfile } from '../../../utils/chat/auth.js';
+import { addHandleMqttMessage, connectMqtt, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../../../plugins/mqtt.js';
+import { TOPIC_DETAIL_CALL } from '../../../constant/mqtt.js';
+import { useCallHelper } from '../../../composable/useCallHelper';
+import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
+import { addHandleWebSK, removeHandleWebSK } from '../../../plugins/websocket';
+import { callClient, callOutBound } from '../../../utils/chat/call';
+const { handleOffer, handleOfferResponse, call, end, endPc, addIceCandidate, sendOfferOk } = useCallHelper();
+const STATUS = {
+    CONNECTING: 'Connecting...',
+    CALLING: 'calling',
+    RINGING: 'ringing',
+    CONNECT_FAILED: 'Connect Error',
+    CALL_START: 'in-progress',
+    CALL_END: 'completed'
+};
+const STATUS_LABEL = {
+    [STATUS.CONNECTING]: 'Connecting...',
+    [STATUS.CALLING]: 'Calling...',
+    [STATUS.RINGING]: 'Ringing...',
+    [STATUS.CONNECT_FAILED]: 'Connect Error',
+    [STATUS.CALL_START]: '',
+    [STATUS.CALL_END]: 'Call Ended'
+};
+const callStatus = ref(STATUS.CONNECTING);
+const duration = ref('00:00');
+const drawerVisible = ref(false);
+const disable = ref(false);
+let timer = null;
+let timeOut = null;
+onMounted(() => {
+    // timeOut = setTimeout(() => {
+    //   callStatus.value = 'Connected'
+    //   startTimer()
+    // }, 2000)
+});
+onUnmounted(() => {
+    if (timer)
+        clearInterval(timer);
+    if (timeOut)
+        clearTimeout(timeOut);
+});
+let dataWebSK = null;
+function startTimer() {
+    let sec = 0;
+    timer = setInterval(() => {
+        sec++;
+        const m = String(Math.floor(sec / 60)).padStart(2, '0');
+        const s = String(sec % 60).padStart(2, '0');
+        duration.value = `${m}:${s}`;
+    }, 1000);
+}
+function toggleMute() {
+    alert('Mic toggled');
+}
+function toggleSpeaker() {
+    alert('Speaker toggled');
+}
+function endCall() {
+    callStatus.value = STATUS.CALL_END;
+    end('');
+    clearInterval(timer);
+    disable.value = false;
+    drawerVisible.value = false;
+}
+const open = () => {
+    drawerVisible.value = true;
+    disable.value = true;
+};
+const startCall = async (data) => {
+    try {
+        callStatus.value = STATUS.CONNECTING;
+        open();
+        await callOutBound(data);
+        // await call(data)
+        callStatus.value = STATUS.CALLING;
+    }
+    catch (e) {
+        console.log(e);
+        callStatus.value = STATUS.CONNECT_FAILED;
+    }
+};
+const answer = async () => {
+    await callClient(dataWebSK);
+    callStatus.value = STATUS.CALL_START;
+    // sendOfferOk()
+};
+const handleMqttMessage = async (message) => {
+    if (message?.data?.status == STATUS.RINGING) {
+        if (message?.data?.to_number == dataProfile.value?.phone) {
+            callStatus.value = STATUS.RINGING;
+            dataWebSK = {
+                from: message.data.from_number,
+                to: message.data.to_number
+            };
+            open();
+        }
+    }
+    else if (message?.data?.status == STATUS.CALL_START) {
+        callStatus.value = STATUS.CALL_START;
+    }
+    else if (message?.data?.status == STATUS.CALL_END) {
+        endCall();
+    }
+};
+// const handleMqttMessage = async (topic: string, message: any) => {
+//   if (topic == TOPIC_DETAIL_CALL + dataProfile.value?.id) {
+//     console.log(message)
+//     if (message?.type === 'offer') {
+//       const status = await handleOffer(message)
+//       if (status) {
+//         callStatus.value =  STATUS.CALLING
+//         open()
+//       }
+//     } else if (message?.type === 'offer-response') {
+//       await handleOfferResponse(message)
+//       callStatus.value =  STATUS.CALL_START
+//     } else if (message?.type === 'candidate') {
+//       addIceCandidate(message)
+//     } else if (message?.type === 'end-call') {
+//       endPc(message?.link)
+//       callStatus.value = STATUS.CALL_END
+//     }
+//   }
+// }
+const __VLS_exposed = { startCall, endCall };
+defineExpose(__VLS_exposed);
+watch(dataProfile, async (newValue, oldValue) => {
+    if (oldValue?.id && oldValue?.id != newValue?.id) {
+        unsubscribeFromTopic(TOPIC_DETAIL_CALL + oldValue?.id);
+        removeHandleMqttMessage('call-message');
+        removeHandleWebSK('call-message');
+    }
+    if (newValue?.id && oldValue?.id != newValue?.id) {
+        await connectMqtt();
+        subscribeToTopic(TOPIC_DETAIL_CALL + newValue?.id);
+        addHandleMqttMessage('call-message', TOPIC_DETAIL_CALL + newValue?.id, handleMqttMessage);
+        addHandleWebSK('call-message', handleMqttMessage);
+    }
+}, { immediate: true });
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {[typeof DrawerBase, typeof DrawerBase, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(DrawerBase, new DrawerBase({
+    open: (__VLS_ctx.drawerVisible),
+    width: (500),
+    disableClose: (__VLS_ctx.disable),
+}));
+const __VLS_1 = __VLS_0({
+    open: (__VLS_ctx.drawerVisible),
+    width: (500),
+    disableClose: (__VLS_ctx.disable),
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+const { default: __VLS_3 } = __VLS_2.slots;
+// @ts-ignore
+[drawerVisible, disable,];
+{
+    const { content: __VLS_4 } = __VLS_2.slots;
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex flex-col items-center justify-center h-screen bg-chat-haze-300 text-white relative" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "w-32 h-32 rounded-full overflow-hidden mb-4 border-4 border-gray-700" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.img)({
+        src: "https://i.pravatar.cc/300",
+        alt: "avatar",
+        ...{ class: "w-full h-full object-cover" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "text-center" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
+        ...{ class: "text-2xl font-semibold" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+        ...{ class: "text-gray-400 mt-1" },
+    });
+    (__VLS_ctx.STATUS_LABEL[__VLS_ctx.callStatus]);
+    // @ts-ignore
+    [STATUS_LABEL, callStatus,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "flex items-center justify-center gap-8 mt-10" },
+    });
+    if (__VLS_ctx.callStatus == __VLS_ctx.STATUS.RINGING) {
+        // @ts-ignore
+        [callStatus, STATUS,];
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (__VLS_ctx.answer) },
+            ...{ class: "w-16 h-16 bg-[#22C55E] hover:bg-green-600 text-white rounded-full flex items-center justify-center shadow-lg transition" },
+        });
+        // @ts-ignore
+        [answer,];
+        /** @type {[typeof IconPhone, ]} */ ;
+        // @ts-ignore
+        const __VLS_5 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({}));
+        const __VLS_6 = __VLS_5({}, ...__VLS_functionalComponentArgsRest(__VLS_5));
+    }
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (__VLS_ctx.endCall) },
+        ...{ class: "w-16 h-16 rounded-full bg-[#EF4444] hover:bg-red-700 flex items-center justify-center" },
+    });
+    // @ts-ignore
+    [endCall,];
+    /** @type {[typeof IconPhoneCancel, ]} */ ;
+    // @ts-ignore
+    const __VLS_9 = __VLS_asFunctionalComponent(IconPhoneCancel, new IconPhoneCancel({}));
+    const __VLS_10 = __VLS_9({}, ...__VLS_functionalComponentArgsRest(__VLS_9));
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+        ...{ class: "absolute bottom-6 text-gray-500 text-sm" },
+    });
+    (__VLS_ctx.duration);
+    // @ts-ignore
+    [duration,];
+}
+var __VLS_2;
+__VLS_asFunctionalElement(__VLS_elements.audio, __VLS_elements.audio)({
+    id: "go-chat-local-audio",
+    autoplay: true,
+    muted: true,
+});
+__VLS_asFunctionalElement(__VLS_elements.audio, __VLS_elements.audio)({
+    id: "go-chat-remote-audio",
+    autoplay: true,
+});
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-screen']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-300']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-32']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-32']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-gray-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['object-cover']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-16']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-16']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#22C55E]']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-green-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-16']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-16']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#EF4444]']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-red-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['bottom-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+});
+export default {};

package/dist/components/chat/card/CardCustomerDetail.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_3) => any;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/chat/card/CardCustomerDetail.vue.js

@@ -0,0 +1,28 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+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: "bg-white border border-chat-haze-200 rounded-lg p-4" },
+});
+var __VLS_0 = {};
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "border-t border-dashed border-chat-haze-200 my-2" },
+});
+var __VLS_2 = {};
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-dashed']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['my-2']} */ ;
+// @ts-ignore
+var __VLS_1 = __VLS_0, __VLS_3 = __VLS_2;
+const __VLS_base = (await import('vue')).defineComponent({});
+const __VLS_export = {};
+export default {};

package/dist/components/chat/common/collapse/CollapseBase.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_ModelProps = {
+    'open'?: boolean | undefined;
+};
+declare var __VLS_12: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/chat/common/collapse/CollapseBase.vue.js

@@ -0,0 +1,59 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../../../components/ui/collapsible';
+const isOpen = defineModel('open');
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.Collapsible;
+/** @type {[typeof __VLS_components.Collapsible, typeof __VLS_components.Collapsible, ]} */ ;
+// @ts-ignore
+Collapsible;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    open: (__VLS_ctx.isOpen),
+}));
+const __VLS_2 = __VLS_1({
+    open: (__VLS_ctx.isOpen),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[isOpen,];
+const __VLS_6 = {}.CollapsibleTrigger;
+/** @type {[typeof __VLS_components.CollapsibleTrigger, typeof __VLS_components.CollapsibleTrigger, ]} */ ;
+// @ts-ignore
+CollapsibleTrigger;
+// @ts-ignore
+const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({}));
+const __VLS_8 = __VLS_7({}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+const { default: __VLS_10 } = __VLS_9.slots;
+var __VLS_11 = {};
+var __VLS_9;
+const __VLS_13 = {}.CollapsibleContent;
+/** @type {[typeof __VLS_components.CollapsibleContent, typeof __VLS_components.CollapsibleContent, ]} */ ;
+// @ts-ignore
+CollapsibleContent;
+// @ts-ignore
+const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({}));
+const __VLS_15 = __VLS_14({}, ...__VLS_functionalComponentArgsRest(__VLS_14));
+const { default: __VLS_17 } = __VLS_16.slots;
+var __VLS_18 = {};
+var __VLS_16;
+var __VLS_3;
+// @ts-ignore
+var __VLS_12 = __VLS_11, __VLS_19 = __VLS_18;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/components/chat/common/input/InputSearch.vue.d.ts

@@ -0,0 +1,16 @@
+import type { PAGE_RESPONSE } from '../../../../types/chat/global';
+type Props = {
+    modelValue: string;
+    response: PAGE_RESPONSE;
+    placeholder?: string;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    search: (val: string) => any;
+    "update:modelValue": (val: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onSearch?: ((val: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+}>, {
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/chat/common/input/InputSearch.vue.js

@@ -0,0 +1,71 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { computed } from 'vue';
+import IconSearch from '../../../../assets/icons/IconSearch.vue';
+import { useDebounce } from '../../../../utils/debounce';
+const props = withDefaults(defineProps(), {
+    placeholder: 'Search...'
+});
+const emit = defineEmits();
+const keyword = computed({
+    get: () => props.modelValue,
+    set: (val) => emit('update:modelValue', val)
+});
+const search = useDebounce(() => {
+    emit('search', keyword.value);
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {
+    placeholder: 'Search...'
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative" },
+});
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+    ...{ class: "absolute inset-y-0 left-4 translate-y-1/2 bottom-1/2 flex items-center pointer-events-none text-gray-500" },
+});
+/** @type {[typeof IconSearch, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(IconSearch, new IconSearch({}));
+const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ onInput: (__VLS_ctx.search) },
+    ...{ class: "sc-full chat-input bg-[#F7F8F9] pr-4 py-3 pl-10" },
+    ...{ class: ({ '!bg-white': __VLS_ctx.response == 'mobile' }) },
+    placeholder: (props.placeholder),
+});
+(__VLS_ctx.keyword);
+// @ts-ignore
+[search, response, keyword,];
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['inset-y-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['translate-y-1/2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bottom-1/2']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['sc-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#F7F8F9]']} */ ;
+/** @type {__VLS_StyleScopedClasses['pr-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['pl-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['!bg-white']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

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

@@ -0,0 +1,35 @@
+import type { PopoverContentProps } from "reka-ui";
+type ShortPopoverContentProps = Pick<PopoverContentProps, 'side' | 'align' | 'sideOffset'> & {
+    delay?: number;
+    trigger?: 'hover' | 'click';
+    triggerClass?: string;
+    disabled?: boolean;
+};
+type __VLS_Props = ShortPopoverContentProps;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_19: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    content?: (props: typeof __VLS_30) => any;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    sideOffset: number;
+    align: "end" | "start" | "center";
+    delay: number;
+    trigger: "click" | "hover";
+    triggerClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};