@phonghq/go-chat 1.0.1 → 1.0.2

package/dist/chat/App.vue.d.ts

@@ -1,5 +1,5 @@
-import type { GoChatProps } from '@/types/chat/global';
+import type { GoChatProps } from '../types/chat/global';
 declare const _default: import("vue").DefineComponent<GoChatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GoChatProps> & Readonly<{}>, {
-    response: import("@/types/chat/global").PAGE_RESPONSE;
+    response: import("../types/chat/global").PAGE_RESPONSE;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/chat/App.vue.js

@@ -1,20 +1,20 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import ChatList from '@/chat/page/home/ChatList.vue';
-import HomeComponent from '@/chat/page/home/Home.vue';
-import IconArrowLeft from '@/assets/icons/IconArrowLeft.vue';
+import ChatList from '../chat/page/home/ChatList.vue';
+import HomeComponent from '../chat/page/home/Home.vue';
+import IconArrowLeft from '../assets/icons/IconArrowLeft.vue';
 import { computed, nextTick, ref } from 'vue';
-import { PAGE } from '@/constant/general';
-import CustomerDetail from '@/chat/page/customer-detail/CustomerDetail.vue';
-import CustomerCheckIn from '@/chat/page/customer-check-in/CustomerCheckIn.vue';
-import CustomerApointment from '@/chat/page/customer-appointment/CustomerApointment.vue';
-import { isRouterReady, useInitData } from '@/composable/useInitData';
-import Error from '@/chat/page/error/Error.vue';
-import { currentPage, routerPush } from '@/utils/chat/chat-router';
-import BaseSpin from '@/components/chat/common/spin/BaseSpin.vue';
-import Calling from '@/components/chat/call/Calling.vue';
-import { logout } from '@/utils/chat/auth';
-import MobileFooter from '@/components/chat/layout/mobile/Footer.vue';
-import { initWebSocket } from '@/plugins/websocket';
+import { PAGE } from '../constant/general';
+import CustomerDetail from '../chat/page/customer-detail/CustomerDetail.vue';
+import CustomerCheckIn from '../chat/page/customer-check-in/CustomerCheckIn.vue';
+import CustomerAppointment from '../chat/page/customer-appointment/CustomerAppointment.vue';
+import { isRouterReady, useInitData } from '../composable/useInitData';
+import Error from '../chat/page/error/Error.vue';
+import { currentPage, routerPush } from '../utils/chat/chat-router';
+import BaseSpin from '../components/chat/common/spin/BaseSpin.vue';
+import Calling from '../components/chat/call/Calling.vue';
+import { logout } from '../utils/chat/auth';
+import MobileFooter from '../components/chat/layout/mobile/Footer.vue';
+import { initWebSocket } from '../plugins/websocket';
 const routerConfig = [
     { id: PAGE.HOME, backFunc: null, backTitle: '' },
     {
@@ -57,7 +57,7 @@ const routerMobileConfig = [
     }
 ];
 const props = withDefaults(defineProps(), {
-    response: 'mobile'
+    response: 'tablet'
 });
 const { initPage } = useInitData();
 const currentPageConfig = computed(() => {
@@ -89,7 +89,7 @@ initWebSocket('https://web-socket.dev01.dtsmart.dev');
 initPage({ id: props.id, domain: props.domain, token: props.token, response: props.response });
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {
-    response: 'mobile'
+    response: 'tablet'
 };
 const __VLS_ctx = {
     ...{},
@@ -164,35 +164,32 @@ else if (__VLS_ctx.response == 'mobile') {
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "grow overflow-hidden" },
     });
-    if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CHAT_LIST) {
-        // @ts-ignore
-        [currentPage, PAGE,];
-        /** @type {[typeof ChatList, ]} */ ;
-        // @ts-ignore
-        const __VLS_12 = __VLS_asFunctionalComponent(ChatList, new ChatList({
-            ...{ 'onSelectReceiver': {} },
-            ref: "chatListRef",
-            ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
-            response: (__VLS_ctx.response),
-            receiverId: (__VLS_ctx.receiverId),
-        }));
-        const __VLS_13 = __VLS_12({
-            ...{ 'onSelectReceiver': {} },
-            ref: "chatListRef",
-            ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
-            response: (__VLS_ctx.response),
-            receiverId: (__VLS_ctx.receiverId),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_12));
-        let __VLS_15;
-        let __VLS_16;
-        const __VLS_17 = ({ selectReceiver: {} },
-            { onSelectReceiver: (__VLS_ctx.selectReceiver) });
-        /** @type {typeof __VLS_ctx.chatListRef} */ ;
-        var __VLS_18 = {};
-        // @ts-ignore
-        [response, receiverId, selectReceiver, chatListRef,];
-        var __VLS_14;
-    }
+    /** @type {[typeof ChatList, ]} */ ;
+    // @ts-ignore
+    const __VLS_12 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        ...{ 'onSelectReceiver': {} },
+        ref: "chatListRef",
+        ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
+        response: (__VLS_ctx.response),
+        receiverId: (__VLS_ctx.receiverId),
+    }));
+    const __VLS_13 = __VLS_12({
+        ...{ 'onSelectReceiver': {} },
+        ref: "chatListRef",
+        ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
+        response: (__VLS_ctx.response),
+        receiverId: (__VLS_ctx.receiverId),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_12));
+    let __VLS_15;
+    let __VLS_16;
+    const __VLS_17 = ({ selectReceiver: {} },
+        { onSelectReceiver: (__VLS_ctx.selectReceiver) });
+    __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CHAT_LIST) }, null, null);
+    /** @type {typeof __VLS_ctx.chatListRef} */ ;
+    var __VLS_18 = {};
+    // @ts-ignore
+    [currentPage, PAGE, response, receiverId, selectReceiver, chatListRef,];
+    var __VLS_14;
     /** @type {[typeof HomeComponent, ]} */ ;
     // @ts-ignore
     const __VLS_21 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
@@ -257,9 +254,9 @@ else if (__VLS_ctx.response == 'mobile') {
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
         // @ts-ignore
         [currentPage, PAGE,];
-        /** @type {[typeof CustomerApointment, ]} */ ;
+        /** @type {[typeof CustomerAppointment, ]} */ ;
         // @ts-ignore
-        const __VLS_40 = __VLS_asFunctionalComponent(CustomerApointment, new CustomerApointment({
+        const __VLS_40 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
             ...{ class: "h-full" },
         }));
         const __VLS_41 = __VLS_40({
@@ -411,29 +408,29 @@ else {
     if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
         // @ts-ignore
         [currentPage, PAGE,];
-        /** @type {[typeof CustomerApointment, ]} */ ;
+        /** @type {[typeof CustomerAppointment, ]} */ ;
         // @ts-ignore
-        const __VLS_80 = __VLS_asFunctionalComponent(CustomerApointment, new CustomerApointment({
+        const __VLS_80 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
             ...{ class: "h-full" },
         }));
         const __VLS_81 = __VLS_80({
             ...{ class: "h-full" },
         }, ...__VLS_functionalComponentArgsRest(__VLS_80));
     }
-    /** @type {[typeof Calling, ]} */ ;
-    // @ts-ignore
-    const __VLS_84 = __VLS_asFunctionalComponent(Calling, new Calling({
-        ref: "callingRef",
-    }));
-    const __VLS_85 = __VLS_84({
-        ref: "callingRef",
-    }, ...__VLS_functionalComponentArgsRest(__VLS_84));
-    /** @type {typeof __VLS_ctx.callingRef} */ ;
-    var __VLS_87 = {};
-    // @ts-ignore
-    [callingRef,];
-    var __VLS_86;
 }
+/** @type {[typeof Calling, ]} */ ;
+// @ts-ignore
+const __VLS_84 = __VLS_asFunctionalComponent(Calling, new Calling({
+    ref: "callingRef",
+}));
+const __VLS_85 = __VLS_84({
+    ref: "callingRef",
+}, ...__VLS_functionalComponentArgsRest(__VLS_84));
+/** @type {typeof __VLS_ctx.callingRef} */ ;
+var __VLS_87 = {};
+// @ts-ignore
+[callingRef,];
+var __VLS_86;
 /** @type {__VLS_StyleScopedClasses['go-chat-main']} */ ;
 /** @type {__VLS_StyleScopedClasses['p-8']} */ ;
 /** @type {__VLS_StyleScopedClasses['m-auto']} */ ;

package/dist/chat/page/customer-appointment/{CustomerApointment.vue.js → CustomerAppointment.vue.js}

@@ -1,12 +1,12 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import CardCustomerDetail from '@/components/chat/card/CardCustomerDetail.vue';
-import IconFilter from '@/assets/icons/customer-appointment/IconFilter.vue';
+import CardCustomerDetail from '../../../components/chat/card/CardCustomerDetail.vue';
+import IconFilter from '../../../assets/icons/customer-appointment/IconFilter.vue';
 import { computed } from 'vue';
-import { getItemsByYear, userHistory } from '@/utils/chat/user';
-import { CalendarStatus } from '@/constant/user';
+import { getItemsByYear, userHistory } from '../../../utils/chat/user';
+import { CalendarStatus } from '../../../constant/user';
 import dayjs from 'dayjs';
 import { DATE_FORMATS } from '../../../constant/datetime';
-import CollapseCheckIn from '@/chat/page/customer-check-in/CollapseCheckIn.vue';
+import CollapseCheckIn from '../../../chat/page/customer-check-in/CollapseCheckIn.vue';
 const appointment = computed(() => {
     return getItemsByYear(userHistory.value?.appointment ?? [], 'start_time');
 });

package/dist/chat/page/customer-check-in/CollapseCheckIn.vue.js

@@ -1,6 +1,6 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import IconArrow from '@/assets/icons/customer-detail/IconArrow.vue';
-import CollapseBase from '@/components/chat/common/collapse/CollapseBase.vue';
+import IconArrow from '../../../assets/icons/customer-detail/IconArrow.vue';
+import CollapseBase from '../../../components/chat/common/collapse/CollapseBase.vue';
 import { ref } from 'vue';
 const props = withDefaults(defineProps(), {});
 const open = ref(true);

package/dist/chat/page/customer-check-in/CustomerCheckIn.vue.js

@@ -1,9 +1,9 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import CardCustomerDetail from '@/components/chat/card/CardCustomerDetail.vue';
-import { Status_Color } from '@/constant/color';
+import CardCustomerDetail from '../../../components/chat/card/CardCustomerDetail.vue';
+import { Status_Color } from '../../../constant/color';
 import { computed, ref } from 'vue';
-import CollapseCheckIn from '@/chat/page/customer-check-in/CollapseCheckIn.vue';
-import { getItemsByYear, userHistory } from '@/utils/chat/user';
+import CollapseCheckIn from '../../../chat/page/customer-check-in/CollapseCheckIn.vue';
+import { getItemsByYear, userHistory } from '../../../utils/chat/user';
 import dayjs from 'dayjs';
 import { DATE_FORMATS } from '../../../constant/datetime';
 const checkin = computed(() => {

package/dist/chat/page/customer-detail/CustomerDetail.vue.d.ts

@@ -1,4 +1,4 @@
-import type { PAGE_RESPONSE } from '@/types/chat/global';
+import type { PAGE_RESPONSE } from '../../../types/chat/global';
 type Props = {
     receiverId: any;
     response: PAGE_RESPONSE;

package/dist/chat/page/customer-detail/CustomerDetail.vue.js

@@ -1,19 +1,19 @@
 /// <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 { PAGE } from '@/constant/general';
-import SubInformation from '@/chat/page/customer-detail/SubInformation.vue';
-import IconMessage from '@/assets/icons/customer-detail/IconMessage.vue';
-import IconPhone from '@/assets/icons/customer-detail/IconPhone.vue';
-import IconCheck from '@/assets/icons/customer-detail/IconCheck.vue';
-import IconDate from '@/assets/icons/customer-detail/IconDate.vue';
-import IconGroup from '@/assets/icons/customer-detail/IconGroup.vue';
-import IconNote from '@/assets/icons/customer-detail/IconNote.vue';
-import IconSearch from '@/assets/icons/customer-detail/IconSearch.vue';
-import IconPin from '@/assets/icons/customer-detail/IconPin.vue';
+import Avatar from '../../../components/chat/customer/Avatar.vue';
+import { PAGE } from '../../../constant/general';
+import SubInformation from '../../../chat/page/customer-detail/SubInformation.vue';
+import IconMessage from '../../../assets/icons/customer-detail/IconMessage.vue';
+import IconPhone from '../../../assets/icons/customer-detail/IconPhone.vue';
+import IconCheck from '../../../assets/icons/customer-detail/IconCheck.vue';
+import IconDate from '../../../assets/icons/customer-detail/IconDate.vue';
+import IconGroup from '../../../assets/icons/customer-detail/IconGroup.vue';
+import IconNote from '../../../assets/icons/customer-detail/IconNote.vue';
+import IconSearch from '../../../assets/icons/customer-detail/IconSearch.vue';
+import IconPin from '../../../assets/icons/customer-detail/IconPin.vue';
 import { getUserHistory, user, userHistory } from '../../../utils/chat/user';
 import { computed } from 'vue';
-import { phoneNumberFormat } from '@/utils/string-helper';
-import { routerPush } from '@/utils/chat/chat-router';
+import { phoneNumberFormat } from '../../../utils/string-helper';
+import { routerPush } from '../../../utils/chat/chat-router';
 const props = withDefaults(defineProps(), {});
 const customerTotalDetail = computed(() => {
     return [
@@ -76,7 +76,7 @@ let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "chat-padding-page" },
+    ...{ class: "chat-padding-page overflow-auto" },
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex flex-col items-center mx-auto" },
@@ -107,7 +107,7 @@ __VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
 // @ts-ignore
 [user,];
 __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: " mt-5 text-center mx-auto" },
@@ -189,6 +189,7 @@ const __VLS_13 = __VLS_12({
 [otherActions,];
 /** @type {__VLS_StyleScopedClasses['']} */ ;
 /** @type {__VLS_StyleScopedClasses['chat-padding-page']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;

package/dist/chat/page/customer-detail/SubInformation.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import IconArrow from '@/assets/icons/customer-detail/IconArrow.vue';
+import IconArrow from '../../../assets/icons/customer-detail/IconArrow.vue';
 const props = withDefaults(defineProps(), {
     information: [],
     title: ''

package/dist/chat/page/error/Error.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { logout } from '@/utils/chat/auth.js';
+import { logout } from '../../../utils/chat/auth.js';
 const reload = () => window.location.reload();
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_ctx = {

package/dist/chat/page/home/ChatList.vue.d.ts

@@ -1,4 +1,4 @@
-import { PAGE_RESPONSE } from '@/types/chat/global';
+import type { PAGE_RESPONSE } from '../../../types/chat/global';
 type Props = {
     response: PAGE_RESPONSE;
 };

package/dist/chat/page/home/ChatList.vue.js

@@ -1,15 +1,15 @@
-import InputSearch from '@/components/chat/common/input/InputSearch.vue';
-import IconPlus from '@/assets/icons/IconPlus.vue';
+import InputSearch from '../../../components/chat/common/input/InputSearch.vue';
+import IconPlus from '../../../assets/icons/IconPlus.vue';
 import { nextTick, onMounted, onUnmounted, ref } from 'vue';
-import Avatar from '@/components/chat/customer/Avatar.vue';
-import { getConversation } from '@/utils/chat/conversation';
-import BaseSpin from '@/components/chat/common/spin/BaseSpin.vue';
-import ScrollEvent from '@/components/chat/ScrollEvent/ScrollEvent.vue';
-import { useDebounce } from '@/utils/debounce';
-import { addHandleMqttMessage, connectMqtt, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '@/plugins/mqtt';
-import { TOPIC_HOME, TOPIC_STATUS_USER } from '@/constant/mqtt';
-import { dataProfile } from '@/utils/chat/auth';
-import { readMessages } from '@/utils/chat/message';
+import Avatar from '../../../components/chat/customer/Avatar.vue';
+import { getConversation } from '../../../utils/chat/conversation';
+import BaseSpin from '../../../components/chat/common/spin/BaseSpin.vue';
+import ScrollEvent from '../../../components/chat/ScrollEvent/ScrollEvent.vue';
+import { useDebounce } from '../../../utils/debounce';
+import { addHandleMqttMessage, connectMqtt, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../../../plugins/mqtt';
+import { TOPIC_HOME, TOPIC_STATUS_USER } from '../../../constant/mqtt';
+import { dataProfile } from '../../../utils/chat/auth';
+import { readMessages } from '../../../utils/chat/message';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 dayjs.extend(relativeTime);
@@ -214,14 +214,12 @@ const __VLS_15 = __VLS_asFunctionalComponent(ScrollEvent, new ScrollEvent({
     ref: "scrollEventRef",
     ...{ class: "h-full overflow-auto" },
     bottom: true,
-    top: true,
 }));
 const __VLS_16 = __VLS_15({
     ...{ 'onGetDataBottom': {} },
     ref: "scrollEventRef",
     ...{ class: "h-full overflow-auto" },
     bottom: true,
-    top: true,
 }, ...__VLS_functionalComponentArgsRest(__VLS_15));
 let __VLS_18;
 let __VLS_19;

package/dist/chat/page/home/ChatMessage.vue.d.ts

@@ -1,5 +1,5 @@
-import type { IResMessage, IResUser } from '@/types/message';
-import type { PAGE_RESPONSE } from '@/types/chat/global';
+import type { IResMessage, IResUser } from '../../../types/message';
+import type { PAGE_RESPONSE } from '../../../types/chat/global';
 type Props = {
     data: IResUser | null;
     message: IResMessage[];

package/dist/chat/page/home/ChatMessage.vue.js

@@ -1,9 +1,9 @@
 /// <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 { dataProfile } from '@/utils/chat/auth';
+import Avatar from '../../../components/chat/customer/Avatar.vue';
+import { dataProfile } from '../../../utils/chat/auth';
 import { nextTick, ref } from 'vue';
-import ScrollEvent from '@/components/chat/ScrollEvent/ScrollEvent.vue';
-import { MessageState } from '@/constant/message';
+import ScrollEvent from '../../../components/chat/ScrollEvent/ScrollEvent.vue';
+import { MessageState } from '../../../constant/message';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const scrollEventRef = ref(null);

package/dist/chat/page/home/Home.vue.d.ts

@@ -1,5 +1,5 @@
-import type { IResUser } from '@/types/message';
-import type { PAGE_RESPONSE } from '@/types/chat/global';
+import type { IResUser } from '../../../types/message';
+import type { PAGE_RESPONSE } from '../../../types/chat/global';
 type Props = {
     receiverId: any;
     response: PAGE_RESPONSE;

package/dist/chat/page/home/Home.vue.js

@@ -1,16 +1,16 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import HomeHeader from '@/chat/page/home/HomeHeader.vue';
-import NewCustomer from '@/chat/page/home/NewCustomer.vue';
-import InputChat from '@/chat/page/home/InputChat.vue';
-import { getCountUnread, getDetailReceiver, getMessage, sendMessage, upLoadImage } from '@/utils/chat/message';
+import HomeHeader from '../../../chat/page/home/HomeHeader.vue';
+import NewCustomer from '../../../chat/page/home/NewCustomer.vue';
+import InputChat from '../../../chat/page/home/InputChat.vue';
+import { getCountUnread, getDetailReceiver, getMessage, sendMessage, upLoadImage } from '../../../utils/chat/message';
 import { nextTick, onMounted, onUnmounted, ref, shallowRef } from 'vue';
-import ChatMessage from '@/chat/page/home/ChatMessage.vue';
-import { addHandleMqttMessage, connectMqtt, publishMessage, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '@/plugins/mqtt';
-import { TOPIC_DETAIL_CHAT, TOPIC_HOME } from '@/constant/mqtt';
-import { dataProfile } from '@/utils/chat/auth';
+import ChatMessage from '../../../chat/page/home/ChatMessage.vue';
+import { addHandleMqttMessage, connectMqtt, publishMessage, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../../../plugins/mqtt';
+import { TOPIC_DETAIL_CHAT, TOPIC_HOME } from '../../../constant/mqtt';
+import { dataProfile } from '../../../utils/chat/auth';
 import dayjs from 'dayjs';
-import { DATE_FORMATS } from '@/constant/datetime';
-import { MessageState } from '@/constant/message';
+import { DATE_FORMATS } from '../../../constant/datetime';
+import { MessageState } from '../../../constant/message';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 let page = 1;

package/dist/chat/page/home/HomeHeader.vue.d.ts

@@ -1,4 +1,4 @@
-import type { IResUser } from '@/types/message';
+import type { IResUser } from '../../../types/message';
 type Props = {
     data: IResUser | null;
 };

package/dist/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/page/home/InputChat.vue.d.ts

@@ -1,4 +1,4 @@
-import type { IResMessage, IResUser } from '@/types/message';
+import type { IResMessage, IResUser } from '../../../types/message';
 import 'vue3-emoji-picker/css';
 type Props = {
     data: IResUser | null;

package/dist/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/page/home/NewCustomer.vue.d.ts

@@ -1,4 +1,4 @@
-import type { IResUser } from '@/types/message';
+import type { IResUser } from '../../../types/message';
 type Props = {
     data: IResUser | null;
 };

package/dist/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/components/ListenEvent.vue.js

@@ -1,32 +1,30 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { onMounted, onBeforeUnmount, computed } from 'vue';
-import { useDebounce } from '@/utils/debounce';
-import { useGeneralStore } from '@/stores/general';
-const deviceType = computed({
-    set(value) {
-        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';
-    }
-};
+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;
-    }
+    // const newType = getDeviceType()
+    // if (deviceType.value !== newType) {
+    //   deviceType.value = newType
+    // }
 }, 500);
 onMounted(() => {
     updateDeviceType();

package/dist/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/chat/call/Calling.vue.d.ts

@@ -1,4 +1,4 @@
-import type { IResUser } from '@/types/message';
+import type { IResUser } from '../../../types/message';
 declare function endCall(): void;
 declare const _default: import("vue").DefineComponent<{}, {
     startCall: (data: IResUser) => Promise<void>;