@phonghq/go-chat 1.0.46 → 1.0.47

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

@@ -10,6 +10,7 @@ import { TOPIC_DETAIL_CHAT, TOPIC_PLIVO_SMS } from '../../../constant/mqtt';
 import { MessageState } from '../../../constant/message';
 import { publicTopicConversationUpdate } from '../../../utils/chat/store/conversation';
 import { getCache, removeOldestCache, setCache } from '../../../utils/chat/cache';
+import { digibotId } from '../../../composable/useDigibot';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const MESSAGE_STORAGE_KEY = 'chat-message-';
@@ -310,39 +311,45 @@ else {
         ...{ class: "grow" },
     });
 }
-/** @type {[typeof InputChat, ]} */ ;
-// @ts-ignore
-const __VLS_22 = __VLS_asFunctionalComponent(InputChat, new InputChat({
-    ...{ 'onSendMessage': {} },
-    ...{ 'onFocus': {} },
-    data: (__VLS_ctx.infoUser),
-    responsive: (__VLS_ctx.responsive),
-    ref: "inputChatRef",
-    ...{ class: "p-2 sm:p-6" },
-}));
-const __VLS_23 = __VLS_22({
-    ...{ 'onSendMessage': {} },
-    ...{ 'onFocus': {} },
-    data: (__VLS_ctx.infoUser),
-    responsive: (__VLS_ctx.responsive),
-    ref: "inputChatRef",
-    ...{ class: "p-2 sm:p-6" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_22));
-let __VLS_25;
-let __VLS_26;
-const __VLS_27 = ({ sendMessage: {} },
-    { onSendMessage: (__VLS_ctx.handleSendMessage) });
-const __VLS_28 = ({ focus: {} },
-    { onFocus: (...[$event]) => {
-            __VLS_ctx.emit('inputFocus');
-            // @ts-ignore
-            [infoUser, responsive, emit, handleSendMessage,];
-        } });
-/** @type {typeof __VLS_ctx.inputChatRef} */ ;
-var __VLS_29 = {};
-// @ts-ignore
-[inputChatRef,];
-var __VLS_24;
+if (__VLS_ctx.receiverId != __VLS_ctx.digibotId) {
+    // @ts-ignore
+    [receiverId, digibotId,];
+    /** @type {[typeof InputChat, ]} */ ;
+    // @ts-ignore
+    const __VLS_22 = __VLS_asFunctionalComponent(InputChat, new InputChat({
+        ...{ 'onSendMessage': {} },
+        ...{ 'onFocus': {} },
+        data: (__VLS_ctx.infoUser),
+        responsive: (__VLS_ctx.responsive),
+        ref: "inputChatRef",
+        ...{ class: "p-2 sm:p-6" },
+    }));
+    const __VLS_23 = __VLS_22({
+        ...{ 'onSendMessage': {} },
+        ...{ 'onFocus': {} },
+        data: (__VLS_ctx.infoUser),
+        responsive: (__VLS_ctx.responsive),
+        ref: "inputChatRef",
+        ...{ class: "p-2 sm:p-6" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_22));
+    let __VLS_25;
+    let __VLS_26;
+    const __VLS_27 = ({ sendMessage: {} },
+        { onSendMessage: (__VLS_ctx.handleSendMessage) });
+    const __VLS_28 = ({ focus: {} },
+        { onFocus: (...[$event]) => {
+                if (!(__VLS_ctx.receiverId != __VLS_ctx.digibotId))
+                    return;
+                __VLS_ctx.emit('inputFocus');
+                // @ts-ignore
+                [infoUser, responsive, emit, handleSendMessage,];
+            } });
+    /** @type {typeof __VLS_ctx.inputChatRef} */ ;
+    var __VLS_29 = {};
+    // @ts-ignore
+    [inputChatRef,];
+    var __VLS_24;
+}
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;

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

@@ -0,0 +1,127 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
+import { responsiveObserver } from '../../../composable/useListentEvent';
+import PhoneNumpad from '../../../views/home/phone-numpad/PhoneNumpad.vue';
+const emit = defineEmits();
+const drawerVisibleRef = ref();
+const phoneNumpadRef = ref();
+const openPhoneNumpad = () => {
+    phoneNumpadRef.value?.reset();
+    drawerVisibleRef.value?.open();
+};
+const handleCall = (data) => {
+    emit('call', data);
+};
+const __VLS_exposed = { openPhoneNumpad };
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+if (__VLS_ctx.responsiveObserver == 'window') {
+    // @ts-ignore
+    [responsiveObserver,];
+    /** @type {[typeof PhoneNumpad, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+        ...{ 'onCall': {} },
+        ...{ class: "bg-white shrink-0 border-l layout-border" },
+        modelValue: "",
+    }));
+    const __VLS_1 = __VLS_0({
+        ...{ 'onCall': {} },
+        ...{ class: "bg-white shrink-0 border-l layout-border" },
+        modelValue: "",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    let __VLS_3;
+    let __VLS_4;
+    const __VLS_5 = ({ call: {} },
+        { onCall: (__VLS_ctx.handleCall) });
+    // @ts-ignore
+    [handleCall,];
+    var __VLS_2;
+}
+if (__VLS_ctx.responsiveObserver != 'window') {
+    // @ts-ignore
+    [responsiveObserver,];
+    /** @type {[typeof DrawerBaseCustom, typeof DrawerBaseCustom, ]} */ ;
+    // @ts-ignore
+    const __VLS_7 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
+        ref: "drawerVisibleRef",
+        width: (500),
+    }));
+    const __VLS_8 = __VLS_7({
+        ref: "drawerVisibleRef",
+        width: (500),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+    /** @type {typeof __VLS_ctx.drawerVisibleRef} */ ;
+    var __VLS_10 = {};
+    const { default: __VLS_12 } = __VLS_9.slots;
+    // @ts-ignore
+    [drawerVisibleRef,];
+    {
+        const { content: __VLS_13 } = __VLS_9.slots;
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "h-full flex flex-col" },
+        });
+        /** @type {[typeof PhoneNumpad, ]} */ ;
+        // @ts-ignore
+        const __VLS_14 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+            ...{ 'onCall': {} },
+            ...{ 'onBack': {} },
+            ref: "phoneNumpadRef",
+            ...{ class: "bg-white grow border-l layout-border w-full" },
+        }));
+        const __VLS_15 = __VLS_14({
+            ...{ 'onCall': {} },
+            ...{ 'onBack': {} },
+            ref: "phoneNumpadRef",
+            ...{ class: "bg-white grow border-l layout-border w-full" },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_14));
+        let __VLS_17;
+        let __VLS_18;
+        const __VLS_19 = ({ call: {} },
+            { onCall: (__VLS_ctx.handleCall) });
+        const __VLS_20 = ({ back: {} },
+            { onBack: (...[$event]) => {
+                    if (!(__VLS_ctx.responsiveObserver != 'window'))
+                        return;
+                    __VLS_ctx.drawerVisibleRef?.close();
+                    // @ts-ignore
+                    [handleCall, drawerVisibleRef,];
+                } });
+        /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
+        var __VLS_21 = {};
+        // @ts-ignore
+        [phoneNumpadRef,];
+        var __VLS_16;
+    }
+    var __VLS_9;
+}
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+// @ts-ignore
+var __VLS_11 = __VLS_10, __VLS_22 = __VLS_21;
+const __VLS_export = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+});
+export default {};

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

@@ -93,6 +93,7 @@ onUnmounted(() => {
         clearInterval(timer);
     if (timeOut)
         clearTimeout(timeOut);
+    endCall();
     errorMessage.value = '';
 });
 let dataWebSK = null;

package/dist/test/components/layout/PageError.vue.js

@@ -0,0 +1,91 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { goChatError, handleMedialPermissionError, mediaPermissionState } from '../../utils/chat/page-error';
+const reload = () => {
+    ;
+    window.location.reload();
+};
+const askMedialPermission = async () => {
+    try {
+        await navigator.mediaDevices.getUserMedia({ audio: true });
+        window.location.reload();
+    }
+    catch (e) {
+        console.log(e);
+    }
+    handleMedialPermissionError();
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+if (__VLS_ctx.goChatError) {
+    // @ts-ignore
+    [goChatError,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "w-full bg-chat-error text-white text-sm px-4 py-2 flex items-center justify-between gap-2" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
+    (__VLS_ctx.goChatError);
+    // @ts-ignore
+    [goChatError,];
+    if (__VLS_ctx.mediaPermissionState == 'prompt') {
+        // @ts-ignore
+        [mediaPermissionState,];
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (__VLS_ctx.askMedialPermission) },
+            ...{ class: "bg-white min-h-10 text-chat-haze-600 font-bold w-[250px] rounded-lg" },
+        });
+        // @ts-ignore
+        [askMedialPermission,];
+    }
+    else if (__VLS_ctx.mediaPermissionState == 'denied') {
+        // @ts-ignore
+        [mediaPermissionState,];
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+    }
+    else {
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.goChatError))
+                        return;
+                    if (!!(__VLS_ctx.mediaPermissionState == 'prompt'))
+                        return;
+                    if (!!(__VLS_ctx.mediaPermissionState == 'denied'))
+                        return;
+                    __VLS_ctx.reload();
+                    // @ts-ignore
+                    [reload,];
+                } },
+            ...{ class: "bg-white min-h-10 text-chat-haze-600 font-bold text-base w-[200px] rounded-lg" },
+        });
+    }
+}
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-error']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[250px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[200px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/test/utils/chat/store/message.js

@@ -28,6 +28,30 @@ export const sendMessage = async (body) => {
     });
     return res;
 };
+export const sendMessageSmsTest = async (body) => {
+    const time = Date.now().toString(16); // timestamp hex
+    // const random = crypto.randomUUID().replace(/-/g, '').slice(0, 16)
+    const uuid = `${'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+        const r = (Math.random() * 16) | 0;
+        const v = c === 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    })}-${time}`;
+    for (let i = 1; i <= 7; i++) {
+        try {
+            const res = await axios.post('http://192.168.1.116:8081/api/v1/public/message/site/webhook-sms', { ...body, message_uuid: uuid, message_time: '2025-11-18 10:11:45.404027' }, {
+                headers: {
+                    'Content-Type': 'multipart/form-data',
+                    token: '7z62dhqbhfPIsw7hom1vZTOhmGiRz',
+                    Authorization: ''
+                }
+            });
+            return res;
+        }
+        catch (err) {
+            console.log(err);
+        }
+    }
+};
 export const getCountUnread = async (params) => {
     const res = await axios.get('/api/v1/message/message/unread-count', { params });
     return res;

package/dist/test/views/home/phone-numpad/ConvercationList.vue.js

@@ -0,0 +1,174 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { phoneNumberFormat } from '../../../utils/string-helper';
+import ScrollEvent from '../../../components/chat/ScrollEvent/ScrollEvent.vue';
+import Avatar from '../../../components/chat/customer/Avatar.vue';
+import { ref } from 'vue';
+import { getConversation } from '../../../utils/chat/store/conversation';
+import { useDebounce } from '../../../utils/debounce';
+const emit = defineEmits();
+const userList = ref([]);
+let pageCount = 0;
+const params = ref({
+    page: 1,
+    search: ''
+});
+const active = defineModel('active');
+const scrollEventRef = ref(null);
+const handleScroll = useDebounce(async () => {
+    if (params.value.page >= pageCount) {
+        scrollEventRef.value?.hideLoading();
+        return;
+    }
+    params.value.page = params.value.page + 1;
+    await getUserList();
+}, 200);
+const getUserList = async (phone, option) => {
+    try {
+        if (phone != undefined)
+            params.value.search = phone;
+        if ((params.value.search?.length ?? 0) < 4)
+            return (userList.value = []);
+        if (option?.reset) {
+            active.value = null;
+            params.value.page = 1;
+        }
+        const res = await getConversation(params.value);
+        if (option?.reset) {
+            userList.value = [];
+        }
+        userList.value.push(...(res?.items ?? []));
+        params.value.page = res?._meta?.currentPage || 1;
+        pageCount = res?._meta?.pageCount || 1;
+        checkActiveUserList();
+        if (option?.reset) {
+            getAllList();
+        }
+    }
+    catch (e) {
+        console.log(e);
+    }
+};
+const getAllList = async () => {
+    while (params.value.page < pageCount && !scrollEventRef.value?.canScroll()) {
+        params.value.page = params.value.page + 1;
+        await getUserList();
+    }
+};
+const handleSelectConversation = (item) => {
+    active.value = item;
+    emit('selectConversation', item);
+};
+const checkActiveUserList = () => {
+    if (params.value.search.length == 10) {
+        active.value = userList.value.find(item => item.phone === ('1' + params.value.search)) ?? null;
+    }
+};
+const __VLS_exposed = { getUserList, checkActiveUserList };
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {[typeof ScrollEvent, typeof ScrollEvent, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(ScrollEvent, new ScrollEvent({
+    ...{ 'onGetDataBottom': {} },
+    ref: "scrollEventRef",
+    ...{ class: "h-full overflow-auto flex flex-col gap-y-2" },
+    bottom: true,
+}));
+const __VLS_1 = __VLS_0({
+    ...{ 'onGetDataBottom': {} },
+    ref: "scrollEventRef",
+    ...{ class: "h-full overflow-auto flex flex-col gap-y-2" },
+    bottom: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+let __VLS_3;
+let __VLS_4;
+const __VLS_5 = ({ getDataBottom: {} },
+    { onGetDataBottom: (__VLS_ctx.handleScroll) });
+/** @type {typeof __VLS_ctx.scrollEventRef} */ ;
+var __VLS_6 = {};
+const { default: __VLS_8 } = __VLS_2.slots;
+// @ts-ignore
+[handleScroll, scrollEventRef,];
+for (const [user] of __VLS_getVForSourceType((__VLS_ctx.userList))) {
+    // @ts-ignore
+    [userList,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ onClick: (...[$event]) => {
+                __VLS_ctx.handleSelectConversation(user);
+                // @ts-ignore
+                [handleSelectConversation,];
+            } },
+        ...{ class: "shrink-0 w-full overflow-hidden flex items-center gap-2 hover:bg-[#EDF5FF] cursor-pointer px-6 py-2" },
+        ...{ class: ({ 'bg-[#EDF5FF]': __VLS_ctx.active && __VLS_ctx.active?.id == user.id }) },
+        key: (user.id),
+    });
+    // @ts-ignore
+    [active, active,];
+    /** @type {[typeof Avatar, ]} */ ;
+    // @ts-ignore
+    const __VLS_9 = __VLS_asFunctionalComponent(Avatar, new Avatar({
+        id: (user.id),
+        ...{ class: "shrink-0" },
+        src: (''),
+        color: (user.color ?? ''),
+        name: (user.username ?? ''),
+    }));
+    const __VLS_10 = __VLS_9({
+        id: (user.id),
+        ...{ class: "shrink-0" },
+        src: (''),
+        color: (user.color ?? ''),
+        name: (user.username ?? ''),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_9));
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+        ...{ class: "truncate font-semibold" },
+    });
+    (user.username);
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+        ...{ class: "truncate" },
+    });
+    (__VLS_ctx.phoneNumberFormat(user.phone ?? ''));
+    // @ts-ignore
+    [phoneNumberFormat,];
+}
+var __VLS_2;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-y-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-[#EDF5FF]']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#EDF5FF]']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['truncate']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['truncate']} */ ;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_export = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+});
+export default {};