@phonghq/go-chat 1.0.1 → 1.0.3

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

@@ -1,9 +1,9 @@
-import IconPhone from '@/assets/icons/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/user';
-import { dataProfile } from '@/utils/chat/auth';
+import IconPhone from '../../../assets/icons/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/user';
+import { dataProfile } from '../../../utils/chat/auth';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const goToViewUser = () => {

package/dist/{chat → test/chat}/page/home/InputChat.vue.js

@@ -1,12 +1,12 @@
-import IconPlus from '@/assets/icons/IconPlus.vue';
-import IconPlan from '@/assets/icons/IconPlan.vue';
+import IconPlus from '../../../assets/icons/IconPlus.vue';
+import IconPlan from '../../../assets/icons/IconPlan.vue';
 import EmojiPicker from 'vue3-emoji-picker';
 import 'vue3-emoji-picker/css';
 import dayjs from 'dayjs';
-import { DATE_FORMATS } from '@/constant/datetime';
-import { dataProfile } from '@/utils/chat/auth';
+import { DATE_FORMATS } from '../../../constant/datetime';
+import { dataProfile } from '../../../utils/chat/auth';
 import { ref } from 'vue';
-import PopoverBase from '@/components/chat/common/popover/PopoverBase.vue';
+import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const keyword = defineModel();
@@ -59,7 +59,7 @@ const handleFileUpload = () => {
     handleSendMessage('file');
 };
 const onSelectEmoji = (value) => {
-    keyword.value = keyword.value + (value?.i ?? '');
+    keyword.value = (keyword.value ?? '') + (value?.i?.replace('undefined', '') ?? '');
     emojiOpen.value = false;
     chatInputRef.value?.focus?.();
 };
@@ -116,9 +116,9 @@ const { default: __VLS_3 } = __VLS_2.slots;
 [emojiOpen,];
 __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     ...{ onClick: (...[$event]) => {
-            __VLS_ctx.emojiOpen = true;
+            __VLS_ctx.emojiOpen = !__VLS_ctx.emojiOpen;
             // @ts-ignore
-            [emojiOpen,];
+            [emojiOpen, emojiOpen,];
         } },
     ...{ class: "" },
 });
@@ -131,14 +131,16 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     // @ts-ignore
     const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
         ...{ 'onSelect': {} },
-        ...{ class: "!w-[450px]" },
+        ...{ class: "!w-[300px]" },
         native: (true),
+        offset: (2),
         hideSearch: true,
     }));
     const __VLS_7 = __VLS_6({
         ...{ 'onSelect': {} },
-        ...{ class: "!w-[450px]" },
+        ...{ class: "!w-[300px]" },
         native: (true),
+        offset: (2),
         hideSearch: true,
     }, ...__VLS_functionalComponentArgsRest(__VLS_6));
     let __VLS_9;
@@ -203,7 +205,7 @@ const __VLS_18 = __VLS_17({
 /** @type {__VLS_StyleScopedClasses['absolute']} */ ;
 /** @type {__VLS_StyleScopedClasses['right-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['bottom-0']} */ ;
-/** @type {__VLS_StyleScopedClasses['!w-[450px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['!w-[300px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-11']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;

package/dist/{chat → test/chat}/page/home/NewCustomer.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import Avatar from '@/components/chat/customer/Avatar.vue';
+import Avatar from '../../../components/chat/customer/Avatar.vue';
 const props = withDefaults(defineProps(), {});
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {};
@@ -43,7 +43,7 @@ __VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
 // @ts-ignore
 [data,];
 __VLS_asFunctionalElement(__VLS_elements.img)({
-    src: "@/assets/images/icons/new-customer.png",
+    src: "../../../assets/images/icons/new-customer.png",
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "text-chat-haze-400 text-sm mt-1 flex items-center gap-1" },

package/dist/test/components/ListenEvent.vue.js

@@ -0,0 +1,45 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { onMounted, onBeforeUnmount } from 'vue';
+import { useDebounce } from '../utils/debounce';
+// import { useGeneralStore } from '@/stores/general'
+// const deviceType = computed({
+//   set(value: any) {
+//     return useGeneralStore().deviceResponsive = value
+//   },
+//   get() {
+//     return useGeneralStore().deviceResponsive
+//   }
+// })
+// const getDeviceType = () => {
+//   const width = window.innerWidth
+//   if (width < 767) {
+//     return 'mobile'
+//   } else if (width < 1023) {
+//     return 'tablet'
+//   } else {
+//     return 'window'
+//   }
+// }
+const updateDeviceType = useDebounce(() => {
+    // const newType = getDeviceType()
+    // if (deviceType.value !== newType) {
+    //   deviceType.value = newType
+    // }
+}, 500);
+onMounted(() => {
+    updateDeviceType();
+    window.addEventListener('resize', updateDeviceType);
+});
+onBeforeUnmount(() => {
+    window.removeEventListener('resize', updateDeviceType);
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/{components → test/components}/chat/ScrollEvent/ScrollEvent.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { ref } from 'vue';
-import { useDebounce } from '@/utils/debounce';
+import { useDebounce } from '../../../utils/debounce';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const scrollEvent = ref(null);

package/dist/{components → test/components}/chat/call/Calling.vue.js

@@ -1,20 +1,30 @@
 /// <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 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...',
-    CONNECTED: 'Ringing...',
+    CALLING: 'calling',
+    RINGING: 'ringing',
     CONNECT_FAILED: 'Connect Error',
-    CALLING: 'Calling...',
-    CALL_START: '',
-    CALL_END: 'Call Ended'
+    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');
@@ -34,6 +44,7 @@ onUnmounted(() => {
     if (timeOut)
         clearTimeout(timeOut);
 });
+let dataWebSK = null;
 function startTimer() {
     let sec = 0;
     timer = setInterval(() => {
@@ -64,52 +75,71 @@ const startCall = async (data) => {
     try {
         callStatus.value = STATUS.CONNECTING;
         open();
-        await call(data);
-        callStatus.value = STATUS.CONNECTED;
+        await callOutBound(data);
+        // await call(data)
+        callStatus.value = STATUS.CALLING;
     }
     catch (e) {
         console.log(e);
         callStatus.value = STATUS.CONNECT_FAILED;
     }
 };
-const answer = () => {
+const answer = async () => {
+    await callClient(dataWebSK);
     callStatus.value = STATUS.CALL_START;
-    sendOfferOk();
+    // sendOfferOk()
 };
-const handleMqttMessage = async (topic, message) => {
-    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 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 */
@@ -157,13 +187,13 @@ const { default: __VLS_3 } = __VLS_2.slots;
     __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
         ...{ class: "text-gray-400 mt-1" },
     });
-    (__VLS_ctx.callStatus);
+    (__VLS_ctx.STATUS_LABEL[__VLS_ctx.callStatus]);
     // @ts-ignore
-    [callStatus,];
+    [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.CALLING) {
+    if (__VLS_ctx.callStatus == __VLS_ctx.STATUS.RINGING) {
         // @ts-ignore
         [callStatus, STATUS,];
         __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({

package/dist/{components → test/components}/chat/common/collapse/CollapseBase.vue.js

@@ -1,5 +1,5 @@
 /// <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';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../../../components/ui/collapsible';
 const isOpen = defineModel('open');
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_modelEmit = defineEmits();

package/dist/{components → test/components}/chat/common/input/InputSearch.vue.js

@@ -1,7 +1,7 @@
 /// <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';
+import IconSearch from '../../../../assets/icons/IconSearch.vue';
+import { useDebounce } from '../../../../utils/debounce';
 const props = withDefaults(defineProps(), {
     placeholder: 'Search...'
 });

package/dist/{components → test/components}/chat/common/popover/PopoverBase.vue.js

@@ -1,5 +1,5 @@
 /// <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';
+import { Popover, PopoverContent, PopoverTrigger, } from '../../../../components/ui/popover';
 const props = withDefaults(defineProps(), {
     align: "center",
     sideOffset: 4,

package/dist/{components → test/components}/chat/layout/mobile/Footer.vue.js

@@ -1,14 +1,14 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import ICon1 from '@/assets/images/layout/mobile/chat.png';
-import ICon1Active from '@/assets/images/layout/mobile/chat-active.png';
-import ICon2 from '@/assets/images/layout/mobile/review.png';
-import ICon2Active from '@/assets/images/layout/mobile/review-active.png';
-import ICon3 from '@/assets/images/layout/mobile/booking.png';
-import ICon3Active from '@/assets/images/layout/mobile/booking-active.png';
-import ICon4 from '@/assets/images/layout/mobile/admin.png';
-import ICon4Active from '@/assets/images/layout/mobile/admin-active.png';
-import { PAGE } from '@/constant/general';
-import { currentPage, routerPush } from '@/utils/chat/chat-router';
+import ICon1 from '../../../../assets/images/layout/mobile/chat.png';
+import ICon1Active from '../../../../assets/images/layout/mobile/chat-active.png';
+import ICon2 from '../../../../assets/images/layout/mobile/review.png';
+import ICon2Active from '../../../../assets/images/layout/mobile/review-active.png';
+import ICon3 from '../../../../assets/images/layout/mobile/booking.png';
+import ICon3Active from '../../../../assets/images/layout/mobile/booking-active.png';
+import ICon4 from '../../../../assets/images/layout/mobile/admin.png';
+import ICon4Active from '../../../../assets/images/layout/mobile/admin-active.png';
+import { PAGE } from '../../../../constant/general';
+import { currentPage, routerPush } from '../../../../utils/chat/chat-router';
 const LAYOUT_CONFIG = [
     {
         icon: ICon1,

package/dist/{components → test/components}/common/button/ButtonBase.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import CButton from '@/components/ui/button/CButton.vue';
+import CButton from '../../../components/ui/button/CButton.vue';
 import { computed } from 'vue';
-import CSpin from '@/components/common/spin/CSpin.vue';
+import CSpin from '../../../components/common/spin/CSpin.vue';
 const props = withDefaults(defineProps(), {
     size: 'middle',
     disabled: false,

package/dist/{components → test/components}/common/button/ButtonToggle.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed } from 'vue';
-import { CSwitch } from '@/components/ui/switch';
+import { CSwitch } from '../../../components/ui/switch';
 const props = withDefaults(defineProps(), {
     modelValue: false,
     size: 'default',

package/dist/{components → test/components}/common/checkbox/CCheckboxNumber.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed } from 'vue';
-import { Checkbox } from "@/components/ui/checkbox";
+import { Checkbox } from "../../../components/ui/checkbox";
 const props = defineProps();
 const emit = defineEmits();
 const checked = computed({

package/dist/{components → test/components}/common/drawer/DrawerBase.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 // COMPONENT
-import { Drawer, DrawerContent, DrawerHeader } from '@/components/ui/drawer';
+import { Drawer, DrawerContent, DrawerHeader } from '../../../components/ui/drawer';
 const props = withDefaults(defineProps(), {
     title: 'This is title',
     placement: 'right',

package/dist/{components → test/components}/common/dropdown/DropdownBase.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { ref } from 'vue';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '../../../components/ui/dropdown-menu';
 const props = withDefaults(defineProps(), {
     placement: 'bottomLeft'
 });

package/dist/{components → test/components}/common/input/CInputSearch.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed } from 'vue';
-import { useDebounce } from '@/utils/debounce';
+import { useDebounce } from '../../../utils/debounce';
 const props = withDefaults(defineProps(), {
     placeholder: 'Search...'
 });

package/dist/{components → test/components}/common/modal/ModalBase.vue.js

@@ -2,9 +2,9 @@
 defineOptions({
     inheritAttrs: false
 });
-import { Dialog, DialogHeader, DialogTitle, DialogScrollContent } from '@/components/ui/dialog';
+import { Dialog, DialogHeader, DialogTitle, DialogScrollContent } from '../../../components/ui/dialog';
 // COMPONENT
-// import BaseTitle from '@/components/common/base/BaseTitle.vue'
+// import BaseTitle from '../../../components/common/base/BaseTitle.vue'
 import { useAttrs } from 'vue';
 const props = withDefaults(defineProps(), {
     title: 'This is title',

package/dist/{components → test/components}/common/slider/BaseSlider.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed } from 'vue';
-import { CSlider } from "@/components/ui/slider";
+import { CSlider } from "../../../components/ui/slider";
 const props = withDefaults(defineProps(), {});
 const emits = defineEmits();
 const value = computed({

package/dist/{components → test/components}/modal/Confirm.vue.js

@@ -1,8 +1,8 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { ref, onBeforeUnmount, onMounted } from 'vue';
-import ModalBase from '@/components/common/modal/ModalBase.vue';
-import ButtonBase from '@/components/common/button/ButtonBase.vue';
-import { useModalConfirm } from '@/composable/useModalConfirm';
+import ModalBase from '../../components/common/modal/ModalBase.vue';
+import ButtonBase from '../../components/common/button/ButtonBase.vue';
+import { useModalConfirm } from '../../composable/useModalConfirm';
 const { setHandleConfirm } = useModalConfirm();
 const confirmPayload = ref(null);
 const isVisible = ref(false);

package/dist/{components → test/components}/ui/button/CButton.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { Primitive } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 import { buttonVariants } from "./c-button";
 const props = withDefaults(defineProps(), {
     as: "button",

package/dist/{components → test/components}/ui/checkbox/Checkbox.vue.js

@@ -2,7 +2,7 @@
 import { reactiveOmit } from "@vueuse/core";
 import { Check } from "lucide-vue-next";
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const emits = defineEmits();
 const delegatedProps = reactiveOmit(props, "class");

package/dist/{components → test/components}/ui/dialog/DialogContent.vue.js

@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { reactiveOmit } from "@vueuse/core";
 import { DialogContent, DialogOverlay, DialogPortal, useForwardPropsEmits, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const emits = defineEmits();
 const delegatedProps = reactiveOmit(props, "class");

package/dist/{components → test/components}/ui/dialog/DialogDescription.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DialogDescription, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 const forwardedProps = useForwardProps(delegatedProps);

package/dist/{components → test/components}/ui/dialog/DialogFooter.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_ctx = {

package/dist/{components → test/components}/ui/dialog/DialogHeader.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_ctx = {

package/dist/{components → test/components}/ui/dialog/DialogScrollContent.vue.js

@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { DialogContent, DialogOverlay, DialogPortal, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../../../lib/utils';
 defineOptions({ inheritAttrs: false });
 const props = defineProps();
 const emits = defineEmits();

package/dist/{components → test/components}/ui/dialog/DialogTitle.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DialogTitle, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 const forwardedProps = useForwardProps(delegatedProps);

package/dist/{components → test/components}/ui/drawer/DrawerContent.vue.js

@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { useForwardPropsEmits } from 'reka-ui';
 import { DrawerContent, DrawerPortal } from 'vaul-vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../../../lib/utils';
 import DrawerOverlay from './DrawerOverlay.vue';
 const props = defineProps();
 const emits = defineEmits();

package/dist/{components → test/components}/ui/drawer/DrawerDescription.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DrawerDescription } from "vaul-vue";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */

package/dist/{components → test/components}/ui/drawer/DrawerFooter.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_ctx = {

package/dist/{components → test/components}/ui/drawer/DrawerHeader.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_ctx = {

package/dist/{components → test/components}/ui/drawer/DrawerOverlay.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DrawerOverlay } from "vaul-vue";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */

package/dist/{components → test/components}/ui/drawer/DrawerTitle.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DrawerTitle } from "vaul-vue";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuCheckboxItem.vue.js

@@ -2,7 +2,7 @@
 import { reactiveOmit } from "@vueuse/core";
 import { Check } from "lucide-vue-next";
 import { DropdownMenuCheckboxItem, DropdownMenuItemIndicator, useForwardPropsEmits, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const emits = defineEmits();
 const delegatedProps = reactiveOmit(props, "class");

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuContent.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DropdownMenuContent, DropdownMenuPortal, useForwardPropsEmits, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = withDefaults(defineProps(), {
     sideOffset: 4,
 });