@phonghq/go-chat 1.0.3 → 1.0.4

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

@@ -1,291 +0,0 @@
-/// <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/test/components/chat/card/CardCustomerDetail.vue.js

@@ -1,28 +0,0 @@
-/// <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/test/components/chat/common/collapse/CollapseBase.vue.js

@@ -1,59 +0,0 @@
-/// <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/test/components/chat/common/input/InputSearch.vue.js

@@ -1,71 +0,0 @@
-/// <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/test/components/chat/common/popover/PopoverBase.vue.js

@@ -1,148 +0,0 @@
-/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { Popover, PopoverContent, PopoverTrigger, } from '../../../../components/ui/popover';
-const props = withDefaults(defineProps(), {
-    align: "center",
-    sideOffset: 4,
-    delay: 100,
-    trigger: 'click',
-    triggerClass: '',
-});
-let closeTimer = null;
-const isOpen = defineModel('open');
-function delaySetOpen(open, delay) {
-    if (props.disabled)
-        return;
-    if (closeTimer) {
-        clearTimeout(closeTimer);
-        closeTimer = null;
-    }
-    if (delay === 0) {
-        setOpen(open);
-        return;
-    }
-    closeTimer = setTimeout(() => {
-        setOpen(open);
-        closeTimer = null;
-    }, delay);
-}
-const setOpen = (value) => {
-    isOpen.value = value;
-};
-function onMouseEnter() {
-    if (props.trigger != 'hover')
-        return;
-    delaySetOpen(true, props.delay);
-}
-const onMouseLeave = () => {
-    if (props.trigger != 'hover')
-        return;
-    delaySetOpen(false, props.delay);
-};
-debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_modelEmit = defineEmits();
-const __VLS_defaults = {
-    align: "center",
-    sideOffset: 4,
-    delay: 100,
-    trigger: 'click',
-    triggerClass: '',
-};
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_elements;
-let __VLS_components;
-let __VLS_directives;
-const __VLS_0 = {}.Popover;
-/** @type {[typeof __VLS_components.Popover, typeof __VLS_components.Popover, ]} */ ;
-// @ts-ignore
-Popover;
-// @ts-ignore
-const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
-    ...{ 'onUpdate:open': {} },
-    open: (__VLS_ctx.isOpen),
-}));
-const __VLS_2 = __VLS_1({
-    ...{ 'onUpdate:open': {} },
-    open: (__VLS_ctx.isOpen),
-}, ...__VLS_functionalComponentArgsRest(__VLS_1));
-let __VLS_4;
-let __VLS_5;
-const __VLS_6 = ({ 'update:open': {} },
-    { 'onUpdate:open': ((val) => __VLS_ctx.isOpen = val) });
-var __VLS_7 = {};
-const { default: __VLS_8 } = __VLS_3.slots;
-// @ts-ignore
-[isOpen, isOpen,];
-const __VLS_9 = {}.PopoverTrigger;
-/** @type {[typeof __VLS_components.PopoverTrigger, typeof __VLS_components.PopoverTrigger, ]} */ ;
-// @ts-ignore
-PopoverTrigger;
-// @ts-ignore
-const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({
-    ...{ 'onMouseenter': {} },
-    ...{ 'onMouseleave': {} },
-    ...{ class: (props.triggerClass) },
-}));
-const __VLS_11 = __VLS_10({
-    ...{ 'onMouseenter': {} },
-    ...{ 'onMouseleave': {} },
-    ...{ class: (props.triggerClass) },
-}, ...__VLS_functionalComponentArgsRest(__VLS_10));
-let __VLS_13;
-let __VLS_14;
-const __VLS_15 = ({ mouseenter: {} },
-    { onMouseenter: (__VLS_ctx.onMouseEnter) });
-const __VLS_16 = ({ mouseleave: {} },
-    { onMouseleave: (__VLS_ctx.onMouseLeave) });
-const { default: __VLS_17 } = __VLS_12.slots;
-// @ts-ignore
-[onMouseEnter, onMouseLeave,];
-var __VLS_18 = {};
-var __VLS_12;
-if (!__VLS_ctx.disabled) {
-    // @ts-ignore
-    [disabled,];
-    const __VLS_20 = {}.PopoverContent;
-    /** @type {[typeof __VLS_components.PopoverContent, typeof __VLS_components.PopoverContent, ]} */ ;
-    // @ts-ignore
-    PopoverContent;
-    // @ts-ignore
-    const __VLS_21 = __VLS_asFunctionalComponent(__VLS_20, new __VLS_20({
-        ...{ 'onMouseenter': {} },
-        ...{ 'onMouseleave': {} },
-        side: (__VLS_ctx.side),
-        align: (__VLS_ctx.align),
-    }));
-    const __VLS_22 = __VLS_21({
-        ...{ 'onMouseenter': {} },
-        ...{ 'onMouseleave': {} },
-        side: (__VLS_ctx.side),
-        align: (__VLS_ctx.align),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_21));
-    let __VLS_24;
-    let __VLS_25;
-    const __VLS_26 = ({ mouseenter: {} },
-        { onMouseenter: (__VLS_ctx.onMouseEnter) });
-    const __VLS_27 = ({ mouseleave: {} },
-        { onMouseleave: (__VLS_ctx.onMouseLeave) });
-    const { default: __VLS_28 } = __VLS_23.slots;
-    // @ts-ignore
-    [onMouseEnter, onMouseLeave, side, align,];
-    var __VLS_29 = {};
-    var __VLS_23;
-}
-var __VLS_3;
-// @ts-ignore
-var __VLS_19 = __VLS_18, __VLS_30 = __VLS_29;
-const __VLS_base = (await import('vue')).defineComponent({
-    __typeEmits: {},
-    __typeProps: {},
-    props: {},
-});
-const __VLS_export = {};
-export default {};

package/dist/test/components/chat/common/spin/BaseSpin.vue.js

@@ -1,12 +0,0 @@
-/// <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.span, __VLS_elements.span)({
-    ...{ class: "loader" },
-});
-/** @type {__VLS_StyleScopedClasses['loader']} */ ;
-const __VLS_export = (await import('vue')).defineComponent({});
-export default {};

package/dist/test/components/chat/customer/Avatar.vue.js

@@ -1,79 +0,0 @@
-/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { computed } from 'vue';
-const props = withDefaults(defineProps(), {
-    size: 'md',
-    src: ''
-});
-const initials = computed(() => props.name?.[0]?.toUpperCase() ?? 'n/a');
-const sizeClass = computed(() => {
-    const s = props.size;
-    if (typeof s === 'number')
-        return `w-[${s}px] h-[${s}px] text-[${s / 2.5}px]`;
-    switch (s) {
-        case 'sm':
-            return 'w-8 h-8 text-sm';
-        case 'lg':
-            return 'w-20 h-20 text-2xl';
-        case 'xl':
-            return 'w-24 h-24 text-3xl';
-        case 'xxl':
-            return 'w-40 h-40 text-3xl';
-        default:
-            return 'w-12 h-12 text-base';
-    }
-});
-debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_defaults = {
-    size: 'md',
-    src: ''
-};
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_elements;
-let __VLS_components;
-let __VLS_directives;
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: ([
-            'flex items-center justify-center rounded-full font-medium overflow-hidden select-none',
-            __VLS_ctx.sizeClass
-        ]) },
-    ...{ style: ({ backgroundColor: __VLS_ctx.color || '#266699' }) },
-});
-// @ts-ignore
-[sizeClass, color,];
-if (__VLS_ctx.src) {
-    // @ts-ignore
-    [src,];
-    __VLS_asFunctionalElement(__VLS_elements.img)({
-        src: (__VLS_ctx.src),
-        alt: "avatar",
-        ...{ class: "w-full h-full object-cover" },
-    });
-    // @ts-ignore
-    [src,];
-}
-else {
-    __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
-    (__VLS_ctx.initials);
-    // @ts-ignore
-    [initials,];
-}
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
-/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
-/** @type {__VLS_StyleScopedClasses['select-none']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['object-cover']} */ ;
-const __VLS_export = (await import('vue')).defineComponent({
-    __typeProps: {},
-    props: {},
-});
-export default {};