@phonghq/go-chat 1.0.44 → 1.0.46

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

@@ -1,14 +1,14 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import IconPlan from '../../../assets/icons/IconPlan.vue';
+import IconPlan from '../../../assets/icons/global/IconPlan.vue';
 import EmojiPicker from 'vue3-emoji-picker';
 import 'vue3-emoji-picker/css';
 import { useDebounce } from '../../../utils/debounce';
 import dayjs from 'dayjs';
 import { DATE_FORMATS, TIME_ZONE_UTC } from '../../../constant/datetime';
-import { dataProfile } from '../../../utils/chat/auth';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import { computed, ref } from 'vue';
 import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
-import { activePlivoMode } from '../../../utils/chat/message';
+import { activePlivoMode } from '../../../utils/chat/store/message';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const ChatModeOptions = [
@@ -184,9 +184,6 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
         } },
     ...{ class: "h-11 w-8" },
 });
-__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (!(__VLS_ctx.keyword != '' && __VLS_ctx.responsive == 'mobile')) }, null, null);
-// @ts-ignore
-[keyword, responsive,];
 {
     const { content: __VLS_4 } = __VLS_2.slots;
     const __VLS_5 = {}.EmojiPicker;

package/dist/test/chat/page/setting/Setting.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { ref } from 'vue';
 import SelectBase from '../../../components/chat/select/SelectBase.vue';
-import { dataProfile } from '../../../utils/chat/auth';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import { createBusinessTenantPhone } from '../../../plugins/pocketbase';
 import { routerPush } from '../../../utils/chat/chat-router';
 import { PAGE } from '../../../constant/general';

package/dist/test/components/chat/ScrollEvent/ScrollEvent.vue.js

@@ -26,6 +26,8 @@ const handleTouchMoveDebounce = useDebounce((event, el) => {
     handleTouchMove(event, el);
 }, 10);
 const handleTouchMove = async (event, el) => {
+    if (props.disabled)
+        return;
     scrollTopCurrent = el.scrollTop;
     if (el && el.scrollHeight <= el.clientHeight) {
         let position = event.touches[0].clientY;

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

@@ -1,12 +1,12 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 import IconPhone from '../../../assets/icons/call/IconPhone.vue';
-import { dataProfile } from '../../../utils/chat/auth.js';
+import { dataProfile } from '../../../utils/chat/store/auth';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
-import { downloadRecord, getPlivoAccessToken } from '../../../utils/chat/call';
+import { downloadRecord, getPlivoAccessToken } from '../../../utils/chat/store/call';
 import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
 import Avatar from '../../../components/chat/customer/Avatar.vue';
-import { getUserDetailChat } from '../../../utils/chat/user';
+import { getUserDetailChat } from '../../../utils/chat/store/user';
 import { formatPhone10number } from '../../../utils/chat/phone-string';
 import IconSoundDownload from '../../../assets/icons/call/IconSoundDownload.vue';
 import IconClose from '../../../assets/icons/call/IconClose.vue';
@@ -20,16 +20,6 @@ const props = withDefaults(defineProps(), {
     responsive: 'window'
 });
 const emit = defineEmits();
-// const {
-//   // call,
-//   // end,
-//   // handleMedia,
-//   // startIncomingCall,
-//   // handleCallAnswer,
-//   // callAnswer,
-//   // uuid,
-//   // startPeerConnection
-// } = useCallHelper()
 const handlePlivoCallBack = (status, data) => {
     if (status == PLIVO_CALL_STATUS.RINGING) {
         getUserOffer(data?.phone ?? '');
@@ -55,7 +45,6 @@ const handlePlivoCallBack = (status, data) => {
     }
 };
 const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute, plivoCallSwishSpeaker } = usePlivo(handlePlivoCallBack);
-// const { showError } = useError()
 const STATUS_LABEL = computed(() => {
     return {
         [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
@@ -100,7 +89,6 @@ onMounted(async () => {
     }
 });
 onUnmounted(() => {
-    // removeHandleWebSK('call-message')
     if (timer)
         clearInterval(timer);
     if (timeOut)
@@ -299,7 +287,6 @@ let __VLS_directives;
 /** @type {__VLS_StyleScopedClasses['call-avatar']} */ ;
 /** @type {__VLS_StyleScopedClasses['call-avatar']} */ ;
 /** @type {__VLS_StyleScopedClasses['call-avatar']} */ ;
-/** @type {__VLS_StyleScopedClasses['call-avatar']} */ ;
 /** @type {[typeof DrawerBaseCustom, typeof DrawerBaseCustom, ]} */ ;
 // @ts-ignore
 const __VLS_0 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
@@ -334,7 +321,7 @@ const { default: __VLS_8 } = __VLS_2.slots;
         ...{ style: {} },
     });
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-        ...{ class: "h-40 w-40 call-avatar  mb-8" },
+        ...{ class: "h-40 w-40 call-avatar mb-8" },
     });
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "h-40 w-40 rounded-full overflow-hidden mb-4 border-4 border-white flex-center" },

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

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

package/dist/test/components/chat/common/modal/Modal.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { ref, onMounted, onUnmounted } from 'vue';
-import IconCloseCircle from '../../../../assets/icons/IconCloseCircle.vue';
+import IconCloseCircle from '../../../../assets/icons/global/IconCloseCircle.vue';
 onMounted(() => {
     addEvent();
 });

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

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { computed } from 'vue';
 import { digibotId } from '../../../composable/useDigibot';
-import IconUser from '../../../assets/icons/IconUser.vue';
+import IconUser from '../../../assets/icons/global/IconUser.vue';
 const props = withDefaults(defineProps(), {
     size: 'md',
     src: ''

package/dist/test/components/common/modal/ModalBase.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import IconCloseCircle from '@/assets/icons/IconCloseCircle.vue';
+import IconCloseCircle from '@/assets/icons/global/IconCloseCircle.vue';
 defineOptions({
     inheritAttrs: false
 });

package/dist/test/components/common/select/SelectBase.vue.js

@@ -1,9 +1,17 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from '../../ui/select';
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, } from '../../ui/select';
+import { useSlots } from 'vue';
+const props = defineProps();
+const open = defineModel('open');
+const slots = useSlots();
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
 const __VLS_ctx = {
     ...{},
     ...{},
+    ...{},
+    ...{},
+    ...{},
 };
 let __VLS_elements;
 let __VLS_components;
@@ -13,127 +21,82 @@ const __VLS_0 = {}.Select;
 // @ts-ignore
 Select;
 // @ts-ignore
-const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
-const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    open: (__VLS_ctx.open),
+}));
+const __VLS_2 = __VLS_1({
+    open: (__VLS_ctx.open),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
 var __VLS_4 = {};
 const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[open,];
 const __VLS_6 = {}.SelectTrigger;
 /** @type {[typeof __VLS_components.SelectTrigger, typeof __VLS_components.SelectTrigger, ]} */ ;
 // @ts-ignore
 SelectTrigger;
 // @ts-ignore
 const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({
-    ...{ class: "w-[180px]" },
+    ...{ class: "" },
 }));
 const __VLS_8 = __VLS_7({
-    ...{ class: "w-[180px]" },
+    ...{ class: "" },
 }, ...__VLS_functionalComponentArgsRest(__VLS_7));
 const { default: __VLS_10 } = __VLS_9.slots;
-const __VLS_11 = {}.SelectValue;
-/** @type {[typeof __VLS_components.SelectValue, ]} */ ;
-// @ts-ignore
-SelectValue;
-// @ts-ignore
-const __VLS_12 = __VLS_asFunctionalComponent(__VLS_11, new __VLS_11({
-    placeholder: "Select a fruit",
-}));
-const __VLS_13 = __VLS_12({
-    placeholder: "Select a fruit",
-}, ...__VLS_functionalComponentArgsRest(__VLS_12));
+var __VLS_11 = {};
 var __VLS_9;
-const __VLS_16 = {}.SelectContent;
+const __VLS_13 = {}.SelectContent;
 /** @type {[typeof __VLS_components.SelectContent, typeof __VLS_components.SelectContent, ]} */ ;
 // @ts-ignore
 SelectContent;
 // @ts-ignore
-const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({}));
-const __VLS_18 = __VLS_17({}, ...__VLS_functionalComponentArgsRest(__VLS_17));
-const { default: __VLS_20 } = __VLS_19.slots;
-const __VLS_21 = {}.SelectGroup;
-/** @type {[typeof __VLS_components.SelectGroup, typeof __VLS_components.SelectGroup, ]} */ ;
-// @ts-ignore
-SelectGroup;
-// @ts-ignore
-const __VLS_22 = __VLS_asFunctionalComponent(__VLS_21, new __VLS_21({}));
-const __VLS_23 = __VLS_22({}, ...__VLS_functionalComponentArgsRest(__VLS_22));
-const { default: __VLS_25 } = __VLS_24.slots;
-const __VLS_26 = {}.SelectLabel;
-/** @type {[typeof __VLS_components.SelectLabel, typeof __VLS_components.SelectLabel, ]} */ ;
-// @ts-ignore
-SelectLabel;
-// @ts-ignore
-const __VLS_27 = __VLS_asFunctionalComponent(__VLS_26, new __VLS_26({}));
-const __VLS_28 = __VLS_27({}, ...__VLS_functionalComponentArgsRest(__VLS_27));
-const { default: __VLS_30 } = __VLS_29.slots;
-var __VLS_29;
-const __VLS_31 = {}.SelectItem;
-/** @type {[typeof __VLS_components.SelectItem, typeof __VLS_components.SelectItem, ]} */ ;
-// @ts-ignore
-SelectItem;
-// @ts-ignore
-const __VLS_32 = __VLS_asFunctionalComponent(__VLS_31, new __VLS_31({
-    value: "apple",
-}));
-const __VLS_33 = __VLS_32({
-    value: "apple",
-}, ...__VLS_functionalComponentArgsRest(__VLS_32));
-const { default: __VLS_35 } = __VLS_34.slots;
-var __VLS_34;
-const __VLS_36 = {}.SelectItem;
-/** @type {[typeof __VLS_components.SelectItem, typeof __VLS_components.SelectItem, ]} */ ;
-// @ts-ignore
-SelectItem;
-// @ts-ignore
-const __VLS_37 = __VLS_asFunctionalComponent(__VLS_36, new __VLS_36({
-    value: "banana",
-}));
-const __VLS_38 = __VLS_37({
-    value: "banana",
-}, ...__VLS_functionalComponentArgsRest(__VLS_37));
-const { default: __VLS_40 } = __VLS_39.slots;
-var __VLS_39;
-const __VLS_41 = {}.SelectItem;
-/** @type {[typeof __VLS_components.SelectItem, typeof __VLS_components.SelectItem, ]} */ ;
-// @ts-ignore
-SelectItem;
-// @ts-ignore
-const __VLS_42 = __VLS_asFunctionalComponent(__VLS_41, new __VLS_41({
-    value: "blueberry",
-}));
-const __VLS_43 = __VLS_42({
-    value: "blueberry",
-}, ...__VLS_functionalComponentArgsRest(__VLS_42));
-const { default: __VLS_45 } = __VLS_44.slots;
-var __VLS_44;
-const __VLS_46 = {}.SelectItem;
-/** @type {[typeof __VLS_components.SelectItem, typeof __VLS_components.SelectItem, ]} */ ;
-// @ts-ignore
-SelectItem;
-// @ts-ignore
-const __VLS_47 = __VLS_asFunctionalComponent(__VLS_46, new __VLS_46({
-    value: "grapes",
-}));
-const __VLS_48 = __VLS_47({
-    value: "grapes",
-}, ...__VLS_functionalComponentArgsRest(__VLS_47));
-const { default: __VLS_50 } = __VLS_49.slots;
-var __VLS_49;
-const __VLS_51 = {}.SelectItem;
-/** @type {[typeof __VLS_components.SelectItem, typeof __VLS_components.SelectItem, ]} */ ;
-// @ts-ignore
-SelectItem;
-// @ts-ignore
-const __VLS_52 = __VLS_asFunctionalComponent(__VLS_51, new __VLS_51({
-    value: "pineapple",
-}));
-const __VLS_53 = __VLS_52({
-    value: "pineapple",
-}, ...__VLS_functionalComponentArgsRest(__VLS_52));
-const { default: __VLS_55 } = __VLS_54.slots;
-var __VLS_54;
-var __VLS_24;
-var __VLS_19;
+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;
+if (__VLS_ctx.slots.content) {
+    // @ts-ignore
+    [slots,];
+    var __VLS_18 = {};
+}
+else {
+    const __VLS_20 = {}.SelectGroup;
+    /** @type {[typeof __VLS_components.SelectGroup, typeof __VLS_components.SelectGroup, ]} */ ;
+    // @ts-ignore
+    SelectGroup;
+    // @ts-ignore
+    const __VLS_21 = __VLS_asFunctionalComponent(__VLS_20, new __VLS_20({}));
+    const __VLS_22 = __VLS_21({}, ...__VLS_functionalComponentArgsRest(__VLS_21));
+    const { default: __VLS_24 } = __VLS_23.slots;
+    for (const [item] of __VLS_getVForSourceType((__VLS_ctx.options))) {
+        // @ts-ignore
+        [options,];
+        const __VLS_25 = {}.SelectItem;
+        /** @type {[typeof __VLS_components.SelectItem, typeof __VLS_components.SelectItem, ]} */ ;
+        // @ts-ignore
+        SelectItem;
+        // @ts-ignore
+        const __VLS_26 = __VLS_asFunctionalComponent(__VLS_25, new __VLS_25({
+            key: (item.value),
+            value: (item.value),
+        }));
+        const __VLS_27 = __VLS_26({
+            key: (item.value),
+            value: (item.value),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_26));
+        const { default: __VLS_29 } = __VLS_28.slots;
+        (item.label);
+        var __VLS_28;
+    }
+    var __VLS_23;
+}
+var __VLS_16;
 var __VLS_3;
-/** @type {__VLS_StyleScopedClasses['w-[180px]']} */ ;
-const __VLS_export = (await import('vue')).defineComponent({});
+/** @type {__VLS_StyleScopedClasses['']} */ ;
+// @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/ui/select/SelectContent.vue.js

@@ -43,13 +43,13 @@ SelectContent;
 const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({
     dataSlot: "select-content",
     ...({ ...__VLS_ctx.$attrs, ...__VLS_ctx.forwarded }),
-    ...{ class: (__VLS_ctx.cn('bg-popover text-popover-foreground 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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md', __VLS_ctx.position === 'popper'
+    ...{ class: (__VLS_ctx.cn('bg-white text-popover-foreground 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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-chat-haze-400 shadow-md', __VLS_ctx.position === 'popper'
             && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', props.class)) },
 }));
 const __VLS_8 = __VLS_7({
     dataSlot: "select-content",
     ...({ ...__VLS_ctx.$attrs, ...__VLS_ctx.forwarded }),
-    ...{ class: (__VLS_ctx.cn('bg-popover text-popover-foreground 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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md', __VLS_ctx.position === 'popper'
+    ...{ class: (__VLS_ctx.cn('bg-white text-popover-foreground 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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-chat-haze-400 shadow-md', __VLS_ctx.position === 'popper'
             && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', props.class)) },
 }, ...__VLS_functionalComponentArgsRest(__VLS_7));
 const { default: __VLS_10 } = __VLS_9.slots;

package/dist/test/components/ui/select/SelectItem.vue.js

@@ -1,6 +1,5 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
-import { Check } from "lucide-vue-next";
 import { SelectItem, SelectItemIndicator, SelectItemText, useForwardProps, } from "reka-ui";
 import { cn } from "../../../lib/utils";
 const props = defineProps();
@@ -24,12 +23,12 @@ SelectItem;
 const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
     dataSlot: "select-item",
     ...(__VLS_ctx.forwardedProps),
-    ...{ class: (__VLS_ctx.cn('focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', props.class)) },
+    ...{ class: (__VLS_ctx.cn('focus:bg-chat-haze-200 focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm !outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', props.class)) },
 }));
 const __VLS_2 = __VLS_1({
     dataSlot: "select-item",
     ...(__VLS_ctx.forwardedProps),
-    ...{ class: (__VLS_ctx.cn('focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', props.class)) },
+    ...{ class: (__VLS_ctx.cn('focus:bg-chat-haze-200 focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm !outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2', props.class)) },
 }, ...__VLS_functionalComponentArgsRest(__VLS_1));
 var __VLS_4 = {};
 const { default: __VLS_5 } = __VLS_3.slots;
@@ -47,28 +46,17 @@ 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 = {};
-const __VLS_13 = {}.Check;
-/** @type {[typeof __VLS_components.Check, ]} */ ;
-// @ts-ignore
-Check;
-// @ts-ignore
-const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
-    ...{ class: "size-4" },
-}));
-const __VLS_15 = __VLS_14({
-    ...{ class: "size-4" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_14));
 var __VLS_9;
-const __VLS_18 = {}.SelectItemText;
+const __VLS_13 = {}.SelectItemText;
 /** @type {[typeof __VLS_components.SelectItemText, typeof __VLS_components.SelectItemText, ]} */ ;
 // @ts-ignore
 SelectItemText;
 // @ts-ignore
-const __VLS_19 = __VLS_asFunctionalComponent(__VLS_18, new __VLS_18({}));
-const __VLS_20 = __VLS_19({}, ...__VLS_functionalComponentArgsRest(__VLS_19));
-const { default: __VLS_22 } = __VLS_21.slots;
-var __VLS_23 = {};
-var __VLS_21;
+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;
 /** @type {__VLS_StyleScopedClasses['absolute']} */ ;
 /** @type {__VLS_StyleScopedClasses['right-2']} */ ;
@@ -76,9 +64,8 @@ var __VLS_3;
 /** @type {__VLS_StyleScopedClasses['size-3.5']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['size-4']} */ ;
 // @ts-ignore
-var __VLS_12 = __VLS_11, __VLS_24 = __VLS_23;
+var __VLS_12 = __VLS_11, __VLS_19 = __VLS_18;
 const __VLS_base = (await import('vue')).defineComponent({
     __typeProps: {},
 });

package/dist/test/components/ui/select/SelectTrigger.vue.js

@@ -1,7 +1,6 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
-import { ChevronDown } from "lucide-vue-next";
-import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui";
+import { SelectTrigger, useForwardProps } from "reka-ui";
 import { cn } from "../../../lib/utils";
 const props = withDefaults(defineProps(), { size: "default" });
 const delegatedProps = reactiveOmit(props, "class", "size");
@@ -26,46 +25,20 @@ const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
     dataSlot: "select-trigger",
     dataSize: (__VLS_ctx.size),
     ...(__VLS_ctx.forwardedProps),
-    ...{ class: (__VLS_ctx.cn('border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)) },
+    ...{ class: (__VLS_ctx.cn('outline-none', props.class)) },
 }));
 const __VLS_2 = __VLS_1({
     dataSlot: "select-trigger",
     dataSize: (__VLS_ctx.size),
     ...(__VLS_ctx.forwardedProps),
-    ...{ class: (__VLS_ctx.cn('border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)) },
+    ...{ class: (__VLS_ctx.cn('outline-none', props.class)) },
 }, ...__VLS_functionalComponentArgsRest(__VLS_1));
 var __VLS_4 = {};
 const { default: __VLS_5 } = __VLS_3.slots;
 // @ts-ignore
 [size, forwardedProps, cn,];
 var __VLS_6 = {};
-const __VLS_8 = {}.SelectIcon;
-/** @type {[typeof __VLS_components.SelectIcon, typeof __VLS_components.SelectIcon, ]} */ ;
-// @ts-ignore
-SelectIcon;
-// @ts-ignore
-const __VLS_9 = __VLS_asFunctionalComponent(__VLS_8, new __VLS_8({
-    asChild: true,
-}));
-const __VLS_10 = __VLS_9({
-    asChild: true,
-}, ...__VLS_functionalComponentArgsRest(__VLS_9));
-const { default: __VLS_12 } = __VLS_11.slots;
-const __VLS_13 = {}.ChevronDown;
-/** @type {[typeof __VLS_components.ChevronDown, ]} */ ;
-// @ts-ignore
-ChevronDown;
-// @ts-ignore
-const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
-    ...{ class: "size-4 opacity-50" },
-}));
-const __VLS_15 = __VLS_14({
-    ...{ class: "size-4 opacity-50" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_14));
-var __VLS_11;
 var __VLS_3;
-/** @type {__VLS_StyleScopedClasses['size-4']} */ ;
-/** @type {__VLS_StyleScopedClasses['opacity-50']} */ ;
 // @ts-ignore
 var __VLS_7 = __VLS_6;
 const __VLS_base = (await import('vue')).defineComponent({

package/dist/test/composable/useInitData.js

@@ -1,6 +1,6 @@
 import { ref } from 'vue';
 import { sdkInit } from '../plugins/sdk';
-import { checkTenantPhoneOnGapInsight, dataProfile, getProfile, loginLink } from '../utils/chat/auth';
+import { checkTenantPhoneOnGapInsight, dataProfile, getProfile, loginLink } from '../utils/chat/store/auth';
 import { routerPush } from '../utils/chat/chat-router';
 import { PAGE } from '../constant/general';
 import { connectMqtt, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
@@ -48,7 +48,7 @@ export function useInitData() {
         }
     };
     const checkNotificationParams = () => {
-        // return {conversation_id: '316', is_unknown: '0'}
+        // return {conversation_id: '339', is_unknown: '1'}
         const queryString = window.location.search;
         const urlParams = new URLSearchParams(queryString);
         const conversation_id = urlParams.get('conversation_id') || '';

package/dist/test/composable/useListConversations.js

@@ -1,16 +1,16 @@
 import { nextTick, onMounted, onUnmounted, ref } from 'vue';
 import { TOPIC_HOME, TOPIC_STATUS_USER } from '../constant/mqtt';
 import { addHandleMqttMessage, connectMqtt, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
-import { dataProfile } from '../utils/chat/auth';
+import { dataProfile } from '../utils/chat/store/auth';
 import { useDebounce } from '../utils/debounce';
-import { getConversation } from '../utils/chat/conversation';
-import { readMessages } from '../utils/chat/message';
+import { getConversation } from '../utils/chat/store/conversation';
+import { readMessages } from '../utils/chat/store/message';
 import { useDigibot } from '../composable/useDigibot';
 import { getCache, setCache } from '../utils/chat/cache';
 const { digibotData, digibotId } = useDigibot();
 export const useListConversations = (is_unknown, is_tenant) => {
     const STORAGE_KEY = 'chat-conversation-';
-    let pageCount = 0;
+    const pageCount = ref(0);
     const listConversations = ref([]);
     const params = ref({
         page: 1,
@@ -105,7 +105,7 @@ export const useListConversations = (is_unknown, is_tenant) => {
             }
             listConversations.value.push(...(res?.items ?? []));
             params.value.page = res?._meta?.currentPage || 1;
-            pageCount = res?._meta?.pageCount || 1;
+            pageCount.value = res?._meta?.pageCount || 1;
             if (params.value.page <= 1) {
                 setCache(STORAGE_KEY + is_unknown, listConversations.value);
             }

package/dist/test/composable/useListentEvent.js

@@ -5,30 +5,36 @@ import { useDebounce } from '../utils/debounce';
 // import router from '../router'
 //PINIA
 export const responsiveObserver = ref('tablet');
-export function useListenEvent() {
+export function useListenEvent(callBackResizeChange) {
     onMounted(() => {
         window.addEventListener('resize', getResponsiveObserverDebounce);
     });
     onUnmounted(() => {
         window.removeEventListener('resize', getResponsiveObserverDebounce);
     });
-    const getResponsiveObserver = () => {
+    const getResponsiveObserver = (is_init) => {
         const appChatRef = document.getElementById('appChatMain');
         if (!appChatRef)
             return;
         const width = appChatRef?.offsetWidth ?? 0;
         if (width >= 1180) {
             if (responsiveObserver.value != 'window') {
+                if (!is_init)
+                    callBackResizeChange?.();
                 responsiveObserver.value = 'window';
             }
         }
         else if (width >= 640) {
             if (responsiveObserver.value != 'tablet') {
+                if (!is_init)
+                    callBackResizeChange?.();
                 responsiveObserver.value = 'tablet';
             }
         }
         else {
             if (responsiveObserver.value != 'mobile') {
+                if (!is_init)
+                    callBackResizeChange?.();
                 if (currentPage.value == PAGE.HOME) {
                     currentPage.value = PAGE.CHAT_LIST;
                 }

package/dist/test/composable/usePlivo.js

@@ -1,6 +1,6 @@
 import { PLIVO_CALL_STATUS } from '../types/chat/call';
-import { createSipAccount } from '../utils/chat/call';
-import { dataProfile } from '../utils/chat/auth';
+import { createSipAccount } from '../utils/chat/store/call';
+import { dataProfile } from '../utils/chat/store/auth';
 export function usePlivo(callback) {
     var options = {
         debug: 'ALL',
@@ -15,8 +15,6 @@ export function usePlivo(callback) {
     let custom_resolve = null;
     let custom_reject = null;
     const plivoLogin = async (data) => {
-        // token =
-        //   'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImN0eSI6InBsaXZvO3Y9MSJ9.eyJqdGkiOiJ0ZXN0MSIsImlzcyI6IlNBTjJZMFpERTRNSkFUTVpZNU5DIiwic3ViIjoid2ViY2FsbDAwMzA3OTY3MzQ1NDg5MTgyNyIsIm5iZiI6MTc2MzY5MzUyNSwiZXhwIjoxNzYzNzc5OTI1LCJncmFudHMiOnsidm9pY2UiOnsiaW5jb21pbmdfYWxsb3ciOnRydWUsIm91dGdvaW5nX2FsbG93Ijp0cnVlfX19.9p4O_xTb4kNhKyDVfK3EemSKBQiHtbKNUZ5iwnSdX1I'
         try {
             if (!plivoBrowserSdk) {
                 plivoBrowserSdk = new window.Plivo(options);
@@ -79,7 +77,6 @@ export function usePlivo(callback) {
         }
     };
     const handleCallTerminated = (data, callInfo) => {
-        console.log(data, callInfo);
         if (CallUuid === callInfo.callUUID) {
             callback(PLIVO_CALL_STATUS.CALL_END, { message: data?.reason });
             CallUuid = '';

package/dist/test/plugins/axios.js

@@ -1,7 +1,6 @@
 import axios from 'axios';
 const baseURL = 'https://go-chat.dev01.dtsmart.dev/';
 // const baseURL = 'https://go-chat-test.dev01.dtsmart.dev'
-// const baseURL = '192.168.1.162:3000'
 const instance = axios.create({
     baseURL,
     timeout: 20000,
@@ -69,7 +68,6 @@ instance.interceptors.response.use((response) => {
             const newToken = res.data.token;
             localStorage.setItem('chat_token', newToken);
             instance.defaults.headers.common['Authorization'] = 'Bearer ' + newToken;
-            console.log(newToken, 'asgfasf');
             processQueue(null, newToken);
             return instance(originalRequest);
         }