@phonghq/go-chat 1.0.22 → 1.0.24

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

@@ -5,16 +5,23 @@ import 'vue3-emoji-picker/css';
 import dayjs from 'dayjs';
 import { DATE_FORMATS, TIME_ZONE_UTC } from '../../../constant/datetime';
 import { dataProfile } from '../../../utils/chat/auth';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
+import SwitchBase from '../../../components/chat/common/switch/SwitchBase.vue';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
+const ChatModeOptions = [
+    { value: '0', label: 'Go Chat' },
+    { value: '1', label: 'Go sms' }
+];
+const modeLabel = computed(() => ChatModeOptions.find((v) => v.value === mode.value)?.label ?? '');
 const keyword = defineModel();
 let chatId = 1;
 const refInputImage = ref(null);
 const isLoadingImage = ref([]);
 const chatInputRef = ref(null);
 const emojiOpen = ref(false);
+const mode = ref('0');
 const handleSendMessage = async (type) => {
     const tempId = Date.now();
     let messageContent = '';
@@ -77,11 +84,30 @@ const __VLS_ctx = {
 let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "z-10" },
+    ...{ style: {} },
+});
+if (__VLS_ctx.dataProfile?.user_type == 'tenant') {
+    // @ts-ignore
+    [dataProfile,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "mb-2" },
+    });
+    /** @type {[typeof SwitchBase, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(SwitchBase, new SwitchBase({
+        label: "Active sms",
+    }));
+    const __VLS_1 = __VLS_0({
+        label: "Active sms",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+}
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex gap-2" },
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "w-full relative grow" },
+    ...{ class: "relative grow" },
 });
 __VLS_asFunctionalElement(__VLS_elements.input)({
     ...{ onKeydown: (...[$event]) => {
@@ -89,7 +115,7 @@ __VLS_asFunctionalElement(__VLS_elements.input)({
             // @ts-ignore
             [handleSendMessage,];
         } },
-    ...{ class: "w-full chat-input h-11 px-4 border border-chat-haze-200" },
+    ...{ class: "w-full chat-input !rounded-xl h-11 px-4 border border-chat-haze-200" },
     ref: "chatInputRef",
     placeholder: "Send Message",
 });
@@ -102,17 +128,17 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 /** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
 // @ts-ignore
-const __VLS_0 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
+const __VLS_4 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
     open: (__VLS_ctx.emojiOpen),
     align: "end",
     side: "top",
 }));
-const __VLS_1 = __VLS_0({
+const __VLS_5 = __VLS_4({
     open: (__VLS_ctx.emojiOpen),
     align: "end",
     side: "top",
-}, ...__VLS_functionalComponentArgsRest(__VLS_0));
-const { default: __VLS_3 } = __VLS_2.slots;
+}, ...__VLS_functionalComponentArgsRest(__VLS_4));
+const { default: __VLS_7 } = __VLS_6.slots;
 // @ts-ignore
 [emojiOpen,];
 __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
@@ -121,64 +147,64 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
             // @ts-ignore
             [emojiOpen, emojiOpen,];
         } },
-    ...{ class: "" },
+    ...{ class: "h-11 w-10" },
 });
 {
-    const { content: __VLS_4 } = __VLS_2.slots;
-    const __VLS_5 = {}.EmojiPicker;
+    const { content: __VLS_8 } = __VLS_6.slots;
+    const __VLS_9 = {}.EmojiPicker;
     /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
     // @ts-ignore
     EmojiPicker;
     // @ts-ignore
-    const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
+    const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({
         ...{ 'onSelect': {} },
         ...{ class: "!w-[300px]" },
         native: (true),
         offset: (2),
         hideSearch: true,
     }));
-    const __VLS_7 = __VLS_6({
+    const __VLS_11 = __VLS_10({
         ...{ 'onSelect': {} },
         ...{ class: "!w-[300px]" },
         native: (true),
         offset: (2),
         hideSearch: true,
-    }, ...__VLS_functionalComponentArgsRest(__VLS_6));
-    let __VLS_9;
-    let __VLS_10;
-    const __VLS_11 = ({ select: {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_10));
+    let __VLS_13;
+    let __VLS_14;
+    const __VLS_15 = ({ select: {} },
         { onSelect: (__VLS_ctx.onSelectEmoji) });
     // @ts-ignore
     [onSelectEmoji,];
-    var __VLS_8;
+    var __VLS_12;
 }
-var __VLS_2;
-const __VLS_13 = {}.EmojiPicker;
+var __VLS_6;
+const __VLS_17 = {}.EmojiPicker;
 /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
 // @ts-ignore
 EmojiPicker;
 // @ts-ignore
-const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+const __VLS_18 = __VLS_asFunctionalComponent(__VLS_17, new __VLS_17({
     ...{ 'onSelect': {} },
     ...{ class: "opacity-0 pointer-events-none absolute" },
     native: (true),
     offset: (2),
     hideSearch: true,
 }));
-const __VLS_15 = __VLS_14({
+const __VLS_19 = __VLS_18({
     ...{ 'onSelect': {} },
     ...{ class: "opacity-0 pointer-events-none absolute" },
     native: (true),
     offset: (2),
     hideSearch: true,
-}, ...__VLS_functionalComponentArgsRest(__VLS_14));
-let __VLS_17;
-let __VLS_18;
-const __VLS_19 = ({ select: {} },
+}, ...__VLS_functionalComponentArgsRest(__VLS_18));
+let __VLS_21;
+let __VLS_22;
+const __VLS_23 = ({ select: {} },
     { onSelect: (__VLS_ctx.onSelectEmoji) });
 // @ts-ignore
 [onSelectEmoji,];
-var __VLS_16;
+var __VLS_20;
 __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     ...{ onClick: (...[$event]) => {
             __VLS_ctx.handleSendMessage('message');
@@ -189,8 +215,8 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
 });
 /** @type {[typeof IconPlan, ]} */ ;
 // @ts-ignore
-const __VLS_21 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
-const __VLS_22 = __VLS_21({}, ...__VLS_functionalComponentArgsRest(__VLS_21));
+const __VLS_25 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
+const __VLS_26 = __VLS_25({}, ...__VLS_functionalComponentArgsRest(__VLS_25));
 __VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
     ...{ class: "shrink-0 cursor-pointer relative" },
 });
@@ -209,20 +235,21 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 /** @type {[typeof IconPlus, ]} */ ;
 // @ts-ignore
-const __VLS_25 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
+const __VLS_29 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
     ...{ class: "text-white" },
 }));
-const __VLS_26 = __VLS_25({
+const __VLS_30 = __VLS_29({
     ...{ class: "text-white" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_25));
-/** @type {__VLS_StyleScopedClasses['']} */ ;
+}, ...__VLS_functionalComponentArgsRest(__VLS_29));
+/** @type {__VLS_StyleScopedClasses['z-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
+/** @type {__VLS_StyleScopedClasses['!rounded-xl']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-11']} */ ;
 /** @type {__VLS_StyleScopedClasses['px-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['border']} */ ;
@@ -232,6 +259,8 @@ const __VLS_26 = __VLS_25({
 /** @type {__VLS_StyleScopedClasses['absolute']} */ ;
 /** @type {__VLS_StyleScopedClasses['right-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['bottom-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['!w-[300px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['opacity-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;

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

@@ -3,7 +3,6 @@ import IconPhone from '../../../assets/icons/call/IconPhone.vue';
 import { dataProfile } from '../../../utils/chat/auth.js';
 import { useCallHelper } from '../../../composable/useCallHelper';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
-import { removeHandleWebSK } from '../../../plugins/websocket';
 import { downloadRecord } from '../../../utils/chat/call';
 import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
 import Avatar from '../../../components/chat/customer/Avatar.vue';
@@ -14,7 +13,9 @@ import IconClose from '../../../assets/icons/call/IconClose.vue';
 import { usePlivo } from '../../../composable/usePlivo';
 import { PLIVO_CALL_STATUS } from '../../../types/chat/call';
 import IconMic from '../../../assets/icons/call/IconMic.vue';
-const { call, end, handleMedia, startIncomingCall, handleCallAnswer, callAnswer, uuid, startPeerConnection } = useCallHelper();
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+const {} = useCallHelper();
 const handlePlivoCallBack = (status, data) => {
     if (status == PLIVO_CALL_STATUS.RINGING) {
         getUserOffer(data?.phone ?? '');
@@ -27,7 +28,9 @@ const handlePlivoCallBack = (status, data) => {
     }
     else if (status == PLIVO_CALL_STATUS.CALL_END) {
         errorMessage.value = data?.message ?? '';
-        endCall();
+        const closeModal = data?.reason == 'ORIGINATOR_CANCEL';
+        emit('endCall', userRemoter.value);
+        endCall({ closeModal });
         callStatus.value = status;
     }
     else if (status == PLIVO_CALL_STATUS.CALL_START) {
@@ -36,8 +39,6 @@ const handlePlivoCallBack = (status, data) => {
     }
 };
 const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute } = usePlivo(handlePlivoCallBack);
-const props = withDefaults(defineProps(), {});
-const emit = defineEmits();
 const STATUS_LABEL = computed(() => {
     return {
         [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
@@ -46,7 +47,8 @@ const STATUS_LABEL = computed(() => {
         [PLIVO_CALL_STATUS.CONNECT_FAILED]: errorMessage.value || 'Connect Error',
         [PLIVO_CALL_STATUS.CALL_START]: '',
         [PLIVO_CALL_STATUS.CALL_END]: errorMessage.value || 'Call Ended',
-        [PLIVO_CALL_STATUS.NO_ANSWER]: 'No Answer'
+        [PLIVO_CALL_STATUS.NO_ANSWER]: 'No Answer',
+        [PLIVO_CALL_STATUS.CANCEL]: ''
     };
 });
 const label = computed(() => STATUS_LABEL.value[callStatus.value] ?? '');
@@ -67,7 +69,7 @@ onMounted(async () => {
     await plivoLogin('');
 });
 onUnmounted(() => {
-    removeHandleWebSK('call-message');
+    // removeHandleWebSK('call-message')
     if (timer)
         clearInterval(timer);
     if (timeOut)
@@ -85,15 +87,14 @@ function startTimer() {
     }, 1000);
 }
 function endCall(option) {
+    if (option?.closeModal || true) {
+        drawerVisible.value = false;
+        drawerVisibleRef.value?.close();
+    }
     plivoEndCall(callStatus.value);
     callStatus.value = PLIVO_CALL_STATUS.CALL_END;
-    uuidEnd = uuid.value;
     clearInterval(timer);
     disable.value = false;
-    if (option?.closeModal) {
-        drawerVisible.value = false;
-        drawerVisibleRef.value?.close();
-    }
     isMute.value = false;
     duration.value = '00:00';
     if (timer)
@@ -282,9 +283,9 @@ const { default: __VLS_8 } = __VLS_2.slots;
     __VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
         ...{ class: "text-2xl font-semibold" },
     });
-    (__VLS_ctx.userRemoter?.username);
+    (__VLS_ctx.userRemoter?.username || __VLS_ctx.formatPhone10number(__VLS_ctx.userRemoter?.phone ?? ''));
     // @ts-ignore
-    [userRemoter,];
+    [userRemoter, userRemoter, formatPhone10number,];
     __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
         ...{ class: "text-gray-400 mt-1" },
     });
@@ -299,7 +300,7 @@ const { default: __VLS_8 } = __VLS_2.slots;
         [callStatus, PLIVO_CALL_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" },
+            ...{ class: "w-16 h-16 bg-chat-success hover:bg-green-600 text-white rounded-full flex items-center justify-center shadow-lg transition" },
         });
         // @ts-ignore
         [answer,];
@@ -377,7 +378,7 @@ const { default: __VLS_8 } = __VLS_2.slots;
                     // @ts-ignore
                     [endCall,];
                 } },
-            ...{ class: "w-16 h-16 rounded-full bg-[#EF4444] hover:bg-red-700 flex items-center justify-center" },
+            ...{ class: "w-16 h-16 rounded-full bg-chat-error hover:bg-red-700 flex items-center justify-center" },
         });
         /** @type {[typeof IconPhoneCancel, ]} */ ;
         // @ts-ignore
@@ -392,10 +393,6 @@ const { default: __VLS_8 } = __VLS_2.slots;
     [duration,];
 }
 var __VLS_2;
-__VLS_asFunctionalElement(__VLS_elements.audio, __VLS_elements.audio)({
-    id: "go-chat-remote-audio",
-    autoplay: true,
-});
 /** @type {__VLS_StyleScopedClasses['']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
@@ -425,7 +422,7 @@ __VLS_asFunctionalElement(__VLS_elements.audio, __VLS_elements.audio)({
 /** @type {__VLS_StyleScopedClasses['mt-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-16']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-16']} */ ;
-/** @type {__VLS_StyleScopedClasses['bg-[#22C55E]']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-success']} */ ;
 /** @type {__VLS_StyleScopedClasses['hover:bg-green-600']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
@@ -470,7 +467,7 @@ __VLS_asFunctionalElement(__VLS_elements.audio, __VLS_elements.audio)({
 /** @type {__VLS_StyleScopedClasses['w-16']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-16']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['bg-[#EF4444]']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-error']} */ ;
 /** @type {__VLS_StyleScopedClasses['hover:bg-red-700']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;

package/dist/test/components/chat/common/switch/SwitchBase.vue.js

@@ -0,0 +1,70 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+const props = withDefaults(defineProps(), {});
+const result = defineModel();
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.result = !__VLS_ctx.result;
+            // @ts-ignore
+            [result, result,];
+        } },
+    ...{ class: "flex items-center gap-2 cursor-pointer w-max" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-10 h-5 flex items-center bg-chat-haze-300 rounded-full p-1 cursor-pointer transition" },
+    ...{ class: (__VLS_ctx.result ? 'bg-chat-primary' : 'bg-chat-haze-300') },
+});
+// @ts-ignore
+[result,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "bg-white w-4 h-4 rounded-full shadow transform transition" },
+    ...{ class: (__VLS_ctx.result ? 'translate-x-4' : '') },
+});
+// @ts-ignore
+[result,];
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+    ...{ class: "font-semibold" },
+});
+(__VLS_ctx.label ?? '');
+// @ts-ignore
+[label,];
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-300']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow']} */ ;
+/** @type {__VLS_StyleScopedClasses['transform']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/test/components/chat/common/tab/TabBase.vue.js

@@ -0,0 +1,85 @@
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+const active = defineModel('active');
+const handleTabClick = (tab) => {
+    active.value = tab.value;
+    emit('change', tab.value);
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-full" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex p-1 bg-chat-haze-200 w-max rounded-xl" },
+});
+for (const [tab] of __VLS_getVForSourceType((__VLS_ctx.tabs))) {
+    // @ts-ignore
+    [tabs,];
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                __VLS_ctx.handleTabClick(tab);
+                // @ts-ignore
+                [handleTabClick,];
+            } },
+        key: (tab.value),
+        ...{ class: "px-4 py-2 rounded-xl text-sm font-medium relative" },
+        ...{ class: (__VLS_ctx.active === tab.value ? 'bg-white' : '') },
+    });
+    // @ts-ignore
+    [active,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "w-5 h-5 bg-chat-error rounded-full absolute -top-[8px] -right-2 text-white" },
+    });
+    __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (tab.badge) }, null, null);
+    (tab.badge);
+    (tab.label);
+}
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "mt-4" },
+});
+var __VLS_0 = {};
+var __VLS_1 = __VLS_tryAsConstant(__VLS_ctx.active);
+// @ts-ignore
+[active,];
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-error']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['-top-[8px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['-right-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-4']} */ ;
+// @ts-ignore
+var __VLS_2 = __VLS_1, __VLS_3 = __VLS_0;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

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

@@ -37,12 +37,8 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 // @ts-ignore
 [toggle,];
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "cursor-pointer pointer-events-none" },
-});
-var __VLS_0 = {};
 __VLS_asFunctionalElement(__VLS_elements.ul, __VLS_elements.ul)({
-    ...{ class: "w-max absolute right-0  z-10 mt-1 max-h-48 overflow-auto rounded-md border border-gray-200 bg-white shadow-lg" },
+    ...{ class: "w-max absolute -top-4 -translate-y-full left-0  z-10 mt-1 max-h-48 overflow-auto rounded-md shadow-custom bg-white shadow-lg" },
 });
 __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.open) }, null, null);
 // @ts-ignore
@@ -57,37 +53,39 @@ for (const [option, idx] of __VLS_getVForSourceType((__VLS_ctx.options))) {
                 [select,];
             } },
         key: (idx),
-        ...{ class: "cursor-pointer text-black px-3 py-2 hover:bg-chat-haze-200" },
-        ...{ class: ({ 'bg-primary !text-white': option.value === __VLS_ctx.modelValue }) },
+        ...{ class: "cursor-pointer text-black px-6 py-2 hover:bg-chat-haze-200 border-b border-chat-haze-200" },
     });
-    // @ts-ignore
-    [modelValue,];
     (option.label);
 }
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "cursor-pointer pointer-events-none" },
+});
+var __VLS_0 = {};
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
 /** @type {__VLS_StyleScopedClasses['inline-block']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
-/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-max']} */ ;
 /** @type {__VLS_StyleScopedClasses['absolute']} */ ;
-/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['-top-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['-translate-y-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['z-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-h-48']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-md']} */ ;
-/** @type {__VLS_StyleScopedClasses['border']} */ ;
-/** @type {__VLS_StyleScopedClasses['border-gray-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow-custom']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['shadow-lg']} */ ;
 /** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-black']} */ ;
-/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['hover:bg-chat-haze-200']} */ ;
-/** @type {__VLS_StyleScopedClasses['bg-primary']} */ ;
-/** @type {__VLS_StyleScopedClasses['!text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-b']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
 // @ts-ignore
 var __VLS_1 = __VLS_0;
 const __VLS_base = (await import('vue')).defineComponent({

package/dist/test/composable/useInitData.js

@@ -1,11 +1,10 @@
 import { ref } from 'vue';
 import { sdkInit } from '../plugins/sdk';
-import { dataProfile, getProfile, loginLink } from '../utils/chat/auth';
+import { checkTenantPhone, dataProfile, getProfile, loginLink } from '../utils/chat/auth';
 import { routerPush } from '../utils/chat/chat-router';
 import { PAGE } from '../constant/general';
 import { subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
 import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
-import { getWebSocket, initWebSocket } from '../plugins/websocket';
 // import router from '../router'
 //PINIA
 export const isRouterReady = ref(false);
@@ -34,8 +33,12 @@ export function useInitData() {
     };
     const initData = async (props, response) => {
         const res = await getProfile();
-        await getWebSocket();
-        initWebSocket();
+        if (dataProfile.value?.user_type == 'tenant') {
+            await checkTenantPhone();
+        }
+        // await Promise.all([ getProfile(), checkTenantPhone()])
+        // await getWebSocket()
+        // initWebSocket()
         unsubscribeFromTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
         subscribeToTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
         // if((!res?.phone && res.tenant_id && !props.isLib)) {