@phonghq/go-chat 1.0.26 → 1.0.28

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

@@ -2,7 +2,7 @@ import { computed, onMounted, onUnmounted, ref } from 'vue';
 import IconPhone from '../../../assets/icons/call/IconPhone.vue';
 import { dataProfile } from '../../../utils/chat/auth.js';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
-import { downloadRecord } from '../../../utils/chat/call';
+import { downloadRecord, getPlivoAccessToken } from '../../../utils/chat/call';
 import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
 import Avatar from '../../../components/chat/customer/Avatar.vue';
 import { getUserDetailChat } from '../../../utils/chat/user';
@@ -75,9 +75,10 @@ let timeOut = null;
 let callType = 'call';
 let uuidEnd = '';
 onMounted(async () => {
-    console.log(dataProfile.value);
     if (dataProfile.value?.tenant_phone) {
-        await plivoLogin('');
+        const token = await getPlivoAccessToken();
+        // const token = ''
+        await plivoLogin(token);
     }
 });
 onUnmounted(() => {

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

@@ -0,0 +1,260 @@
+/// <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';
+onMounted(() => {
+    addEvent();
+});
+onUnmounted(() => {
+    removeEvent();
+});
+// CREATE DATA
+const visible = ref(false);
+const props = defineProps({
+    title: {
+        type: String,
+        default: 'TITLE'
+    },
+    showFooter: {
+        type: Boolean,
+        default: true
+    },
+    showCloseButton: {
+        type: Boolean,
+        default: true
+    },
+    clickOutSide: {
+        type: Boolean,
+        default: true
+    },
+    disabledClose: {
+        type: Boolean,
+        default: false
+    },
+    phone: {
+        type: Boolean,
+        default: false
+    },
+    maxValue: {
+        type: Number,
+        default: 0
+    }
+});
+const emit = defineEmits(['changeValue', 'afterClose', 'afterCloseNumPad']);
+// CREATE FUNCTION
+const close = () => {
+    visible.value = false;
+    document.getElementsByTagName('body')[0].classList.remove('overflow-hidden');
+    emit('afterClose');
+};
+const closeOnly = () => {
+    visible.value = false;
+    document.getElementsByTagName('body')[0].classList.remove('overflow-hidden');
+};
+const open = () => {
+    document.getElementsByTagName('body')[0].className = 'overflow-hidden';
+    visible.value = true;
+};
+const __VLS_exposed = {
+    open,
+    close,
+    visible,
+    closeOnly
+};
+defineExpose(__VLS_exposed);
+const clickOutSideClose = () => {
+    close();
+};
+const addEvent = () => { };
+const removeEvent = () => { };
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['modal-title']} */ ;
+/** @type {__VLS_StyleScopedClasses['modal']} */ ;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "fixed top-0 bottom-0 right-0 left-0 over z-[1000] bg-[#00000066] custom-modal default-modal" },
+    ...{ class: (__VLS_ctx.visible ? 'show' : 'pointer-events-none opacity-0 delay-[0.15s]') },
+    id: "modal",
+});
+// @ts-ignore
+[visible,];
+if (__VLS_ctx.clickOutSide && !__VLS_ctx.disabledClose) {
+    // @ts-ignore
+    [clickOutSide, disabledClose,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ onClick: (__VLS_ctx.clickOutSideClose) },
+        ...{ class: "absolute w-full h-full" },
+    });
+    // @ts-ignore
+    [clickOutSideClose,];
+}
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "delay-100 duration-[0.15s] ease-out flex flex-col modal" },
+    ...{ class: ({ visible: __VLS_ctx.visible }) },
+});
+// @ts-ignore
+[visible,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-full modal-title bg-chat-haze-100" },
+});
+var __VLS_0 = {};
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-full min-h-[46px] lg:min-h-[52px] flex items-center relative px-6 py-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-base lg:text-xl text-white font-medium mr-[50px] custom_title_modal" },
+});
+(__VLS_ctx.title);
+// @ts-ignore
+[title,];
+if (__VLS_ctx.showCloseButton) {
+    // @ts-ignore
+    [showCloseButton,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "h-full w-[50px] flex-center absolute right-0 cursor-pointer mr-1" },
+    });
+    if (!__VLS_ctx.disabledClose) {
+        // @ts-ignore
+        [disabledClose,];
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ onClick: (__VLS_ctx.close) },
+            ...{ class: "h-full w-full flex-center" },
+        });
+        // @ts-ignore
+        [close,];
+        /** @type {[typeof IconCloseCircle, ]} */ ;
+        // @ts-ignore
+        const __VLS_2 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+        const __VLS_3 = __VLS_2({}, ...__VLS_functionalComponentArgsRest(__VLS_2));
+    }
+}
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "edit-scrollbar grow w-full min-w-full modal-content" },
+    ...{ class: (__VLS_ctx.showFooter ? '' : 'rounded-bottom') },
+});
+// @ts-ignore
+[showFooter,];
+var __VLS_6 = {};
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex p-4 content" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
+if (__VLS_ctx.showFooter) {
+    // @ts-ignore
+    [showFooter,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "modal-footer" },
+    });
+    var __VLS_8 = {};
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "h-full flex items-center p-4 footer" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
+}
+/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
+/** @type {__VLS_StyleScopedClasses['top-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['bottom-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['over']} */ ;
+/** @type {__VLS_StyleScopedClasses['z-[1000]']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#00000066]']} */ ;
+/** @type {__VLS_StyleScopedClasses['custom-modal']} */ ;
+/** @type {__VLS_StyleScopedClasses['default-modal']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['delay-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['duration-[0.15s]']} */ ;
+/** @type {__VLS_StyleScopedClasses['ease-out']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['modal']} */ ;
+/** @type {__VLS_StyleScopedClasses['visible']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['modal-title']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-[46px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['lg:min-h-[52px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['lg:text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-[50px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['custom_title_modal']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[50px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['edit-scrollbar']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['modal-content']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['content']} */ ;
+/** @type {__VLS_StyleScopedClasses['modal-footer']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['footer']} */ ;
+// @ts-ignore
+var __VLS_1 = __VLS_0, __VLS_7 = __VLS_6, __VLS_9 = __VLS_8;
+const __VLS_base = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    emits: {},
+    props: {
+        title: {
+            type: String,
+            default: 'TITLE'
+        },
+        showFooter: {
+            type: Boolean,
+            default: true
+        },
+        showCloseButton: {
+            type: Boolean,
+            default: true
+        },
+        clickOutSide: {
+            type: Boolean,
+            default: true
+        },
+        disabledClose: {
+            type: Boolean,
+            default: false
+        },
+        phone: {
+            type: Boolean,
+            default: false
+        },
+        maxValue: {
+            type: Number,
+            default: 0
+        }
+    },
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/chat/common/spin/BaseSpin.vue.js

@@ -1,12 +1,39 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { computed } from 'vue';
+const props = withDefaults(defineProps(), {
+    size: 48,
+    border: 5,
+});
+const style = computed(() => {
+    let result = {};
+    result.width = props.size + 'px';
+    result.height = props.size + 'px';
+    result.borderWidth = props.border + 'px';
+    return result;
+});
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_ctx = {};
+const __VLS_defaults = {
+    size: 48,
+    border: 5,
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
 let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
     ...{ class: "loader" },
+    ...{ style: (__VLS_ctx.style) },
 });
+// @ts-ignore
+[style,];
 /** @type {__VLS_StyleScopedClasses['loader']} */ ;
-const __VLS_export = (await import('vue')).defineComponent({});
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
 export default {};

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

@@ -1,6 +1,12 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
 const result = defineModel();
+const handleClick = () => {
+    const value = !result.value;
+    result.value = value;
+    emit('change', value);
+};
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_modelEmit = defineEmits();
 const __VLS_defaults = {};
@@ -16,9 +22,9 @@ let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ onClick: (...[$event]) => {
-            __VLS_ctx.result = !__VLS_ctx.result;
+            __VLS_ctx.handleClick();
             // @ts-ignore
-            [result, result,];
+            [handleClick,];
         } },
     ...{ class: "flex items-center gap-2 cursor-pointer w-max" },
 });

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

@@ -1,4 +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';
 defineOptions({
     inheritAttrs: false
 });
@@ -123,37 +124,59 @@ DialogTitle;
 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;
-if (props.showTitle) {
-    const __VLS_26 = {}.BaseTitle;
-    /** @type {[typeof __VLS_components.BaseTitle, typeof __VLS_components.baseTitle, ]} */ ;
-    // @ts-ignore
-    BaseTitle;
-    // @ts-ignore
-    const __VLS_27 = __VLS_asFunctionalComponent(__VLS_26, new __VLS_26({
-        ...{ 'onClose': {} },
-        title: (props.title),
-        showButtonClose: (props.showButtonClose && !props.nonClosable),
-    }));
-    const __VLS_28 = __VLS_27({
-        ...{ 'onClose': {} },
-        title: (props.title),
-        showButtonClose: (props.showButtonClose && !props.nonClosable),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_27));
-    let __VLS_30;
-    let __VLS_31;
-    const __VLS_32 = ({ close: {} },
-        { onClose: (__VLS_ctx.hide) });
-    // @ts-ignore
-    [hide,];
-    var __VLS_29;
-}
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-full min-h-[46px] lg:min-h-[52px] flex items-center relative bg-chat-haze-100 sm:rounded-t-lg px-6 py-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-base lg:text-xl  font-medium mr-[50px] " },
+});
+(__VLS_ctx.title);
+// @ts-ignore
+[title,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-full w-[50px] flex-center absolute right-0 cursor-pointer mr-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (__VLS_ctx.hide) },
+    ...{ class: "h-full w-full flex-center" },
+});
+// @ts-ignore
+[hide,];
+/** @type {[typeof IconCloseCircle, ]} */ ;
+// @ts-ignore
+const __VLS_26 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+const __VLS_27 = __VLS_26({}, ...__VLS_functionalComponentArgsRest(__VLS_26));
 var __VLS_24;
-var __VLS_34 = {};
+var __VLS_30 = {};
 var __VLS_19;
 var __VLS_11;
 var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-[46px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['lg:min-h-[52px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:rounded-t-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['lg:text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-[50px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[50px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 // @ts-ignore
-var __VLS_35 = __VLS_34;
+var __VLS_31 = __VLS_30;
 const __VLS_base = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

package/dist/test/components/ui/button/c-button.js

@@ -3,14 +3,14 @@ export { default as CButton } from './CButton.vue';
 export const buttonVariants = cva('inline-flex flex-center gap-2 whitespace-nowrap rounded-[8px] text-base font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50  hover:duration-100', {
     variants: {
         variant: {
-            default: 'bg-primary text-white hover:bg-primary-hover [&_.loader::before]:border-white',
-            primary: 'bg-primary text-white hover:bg-primary-hover [&_.loader::before]:border-white',
-            ['danger-outline']: 'bg-white border border-danger border-[1.5px] text-danger hover:bg-danger hover:text-white [&_.loader::before]:border-danger',
-            success: 'bg-success text-white hover:bg-success-hover [&_.loader::before]:border-white',
-            danger: 'bg-danger text-white hover:bg-danger-hover [&_.loader::before]:border-white',
-            ['primary-outline']: 'bg-white text-primary hover:bg-primary border hover:text-white border-primary border-[1.5px] [&_.loader::before]:border-primary',
+            default: 'bg-chat-primary text-white hover:bg-chat-primary-hover [&_.loader::before]:border-white',
+            primary: 'bg-chat-primary text-white hover:bg-chat-primary-hover [&_.loader::before]:border-white',
+            ['danger-outline']: 'bg-white border border-chat-error border-[1.5px] text-chat-error hover:bg-chat-error hover:text-white [&_.loader::before]:border-chat-error',
+            success: 'bg-chat-success text-white hover:bg-chat-success-hover [&_.loader::before]:border-white',
+            danger: 'bg-chat-error text-white hover:bg-chat-error-hover [&_.loader::before]:border-white',
+            ['primary-outline']: 'bg-white text-chat-primary hover:bg-chat-primary border hover:text-white border-primary border-[1.5px] [&_.loader::before]:border-primary',
             ghost: 'hover:bg-accent hover:text-accent-foreground',
-            link: 'text-primary underline-offset-4 hover:underline'
+            link: 'text-chat-primary underline-offset-4 hover:underline'
         },
         size: {
             default: 'h-10 px-4 py-2',

package/dist/test/composable/useInitData.js

@@ -3,7 +3,7 @@ import { sdkInit } from '../plugins/sdk';
 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 { connectMqtt, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
 import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
 // import router from '../router'
 //PINIA
@@ -22,6 +22,7 @@ export function useInitData() {
                 // }
             }
             // connectMqtt()
+            await connectMqtt();
             await initData(data.props, data.response);
         }
         catch (error) {

package/dist/test/composable/useListConversations.js

@@ -90,7 +90,7 @@ export const useListConversations = (is_unknown) => {
             const res = await getConversation({ ...params.value, is_unknown });
             if (option?.reset) {
                 listConversations.value = [];
-                if (is_unknown == 0)
+                if (is_unknown == 0 && dataProfile.value?.user_type == 'tenant')
                     listConversations.value.push(digibotData);
                 await nextTick();
             }

package/dist/test/composable/usePlivo.js

@@ -12,8 +12,8 @@ export function usePlivo(callback) {
     let custom_resolve = null;
     let custom_reject = null;
     const plivoLogin = async (token) => {
-        token =
-            'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImN0eSI6InBsaXZvO3Y9MSJ9.eyJqdGkiOiJ0ZXN0MSIsImlzcyI6IlNBTjJZMFpERTRNSkFUTVpZNU5DIiwic3ViIjoid2ViY2FsbDAwMzA3OTY3MzQ1NDg5MTgyNyIsIm5iZiI6MTc2MzY5MzUyNSwiZXhwIjoxNzYzNzc5OTI1LCJncmFudHMiOnsidm9pY2UiOnsiaW5jb21pbmdfYWxsb3ciOnRydWUsIm91dGdvaW5nX2FsbG93Ijp0cnVlfX19.9p4O_xTb4kNhKyDVfK3EemSKBQiHtbKNUZ5iwnSdX1I';
+        // token =
+        //   'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImN0eSI6InBsaXZvO3Y9MSJ9.eyJqdGkiOiJ0ZXN0MSIsImlzcyI6IlNBTjJZMFpERTRNSkFUTVpZNU5DIiwic3ViIjoid2ViY2FsbDAwMzA3OTY3MzQ1NDg5MTgyNyIsIm5iZiI6MTc2MzY5MzUyNSwiZXhwIjoxNzYzNzc5OTI1LCJncmFudHMiOnsidm9pY2UiOnsiaW5jb21pbmdfYWxsb3ciOnRydWUsIm91dGdvaW5nX2FsbG93Ijp0cnVlfX19.9p4O_xTb4kNhKyDVfK3EemSKBQiHtbKNUZ5iwnSdX1I'
         try {
             if (!plivoBrowserSdk)
                 plivoBrowserSdk = new window.Plivo(options);
@@ -33,19 +33,23 @@ export function usePlivo(callback) {
             });
             plivoBrowserSdk.client.on('onCallRemoteRinging', (data) => handleCallRemoteRinging(data));
             plivoBrowserSdk.client.on('onMediaPermission', (e) => handleMediaPermission(e));
-            // plivoBrowserSdk?.client?.on?.('onReady', () => console.log('Ready'))
-            // plivoBrowserSdk?.client?.on?.('onLoginFailed', () => console.log('Login failed'))
+            plivoBrowserSdk?.client?.on?.('onLoginFailed', (e) => handleLoginFailed(e));
             // plivoBrowserSdk?.client?.on?.('remoteAudioStatus', () => console.log('remoteAudioStatus'))
+            const payload = JSON.parse(atob(token.split('.')[1]));
+            // await plivoBrowserSdk?.client?.tokenLogin(username, token)
             await plivoBrowserSdk?.client?.login('webcall003079673454891827', '123456abcA!');
-            // const speaker = document.getElementById('go-chat-remote-audio')
-            // if (speaker) plivoBrowserSdk?.client?.setAudioElement(speaker)
-            console.log('Registered with token');
+            // await plivoBrowserSdk?.client?.loginWithAccessToken(token)
+            // console.log('Registered with token')
         }
         catch (err) {
             console.log('Login error: ' + err);
         }
     };
+    const handleLoginFailed = (e) => {
+        console.log('Login failed', e);
+    };
     const handleIncomingCall = (call) => {
+        console.log(call);
         const data = {
             phone: _getPhone(call.src)
         };

package/dist/test/constant/mqtt.js

@@ -5,6 +5,7 @@ export const TOPIC_HOME = [
     'chat/conversation/read_message/',
     'chat/conversation/update_list/'
 ];
+export const TOPIC_PLIVO_SMS = 'sms-outbound/';
 export const TOPIC_STATUS_USER = 'user/status/';
 // export CALL_STATE = {
 //   Offer: 'offer',

package/dist/test/utils/chat/call.js

@@ -1,7 +1,7 @@
 import axios from '../../plugins/axios';
 import { dataProfile } from '../../utils/chat/auth';
-// const BARE_WEBSOCKET_URL = 'https://web-socket.dev01.dtsmart.dev'
-const BARE_WEBSOCKET_URL = 'https://web-socket-test.dev01.dtsmart.dev';
+const BARE_WEBSOCKET_URL = 'https://web-socket.dev01.dtsmart.dev';
+// const BARE_WEBSOCKET_URL = 'https://web-socket-test.dev01.dtsmart.dev'
 // const BARE_WEBSOCKET_URL = 'http://192.168.1.173:3000'
 export const getIceService = async () => {
     const res = await axios.post('/api/v1/message/call/ice-servers', {
@@ -124,7 +124,8 @@ export const getPlivoAccessToken = async () => {
     const response = await fetch(url, {
         method: 'POST',
         body: JSON.stringify({
-            clientId: dataProfile.value?.tenant_id,
+            // clientId: dataProfile.value?.tenant_id,
+            username: dataProfile.value?.id?.toString()
         }),
         headers: {
             ['Content-Type']: 'application/json'

package/dist/test/utils/chat/conversation.js

@@ -38,7 +38,7 @@ export const publicTopicConversationUpdate = async (data) => {
         last_message_time: current,
         created_at: current,
         updated_at: current,
-        unread_count: (res?.unread_count ?? 0) + 1,
+        unread_count: (res?.unread_count ?? 0),
         status: 1,
         color: dataProfile.value?.color ?? '',
         is_call: dataProfile.value?.color ?? '',

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

@@ -40,3 +40,7 @@ export const upLoadImage = async (body) => {
     });
     return res;
 };
+export const activePlivoMode = async (body) => {
+    const res = await axios.post('/api/v1/message/message/active-sms', body, {});
+    return res;
+};

package/dist/utils/chat/message.d.ts

@@ -14,4 +14,8 @@ export declare const getCountUnread: (params: {
     receiver_id: number;
 }) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const upLoadImage: (body: FormData) => Promise<IUploadFile[]>;
+export declare const activePlivoMode: (body: {
+    id: any;
+    is_sms: number;
+}) => Promise<any>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "private": false,
   "files": [
     "dist"
@@ -47,7 +47,7 @@
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",
     "@tsconfig/node20": "^20.1.4",
-    "@types/node": "^20.14.5",
+    "@types/node": "^24.10.1",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "@vue/eslint-config-prettier": "^9.0.0",

package/dist/assets/icons/IconSetting.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/test/assets/icons/IconSetting.vue.js

@@ -1,33 +0,0 @@
-/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_ctx = {};
-let __VLS_elements;
-let __VLS_components;
-let __VLS_directives;
-__VLS_asFunctionalElement(__VLS_elements.svg, __VLS_elements.svg)({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-});
-__VLS_asFunctionalElement(__VLS_elements.g, __VLS_elements.g)({
-    id: "style=stroke",
-});
-__VLS_asFunctionalElement(__VLS_elements.g, __VLS_elements.g)({
-    id: "setting",
-});
-__VLS_asFunctionalElement(__VLS_elements.path)({
-    id: "vector (Stroke)",
-    'fill-rule': "evenodd",
-    'clip-rule': "evenodd",
-    d: "M12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75ZM8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12Z",
-    fill: "#000000",
-});
-__VLS_asFunctionalElement(__VLS_elements.path)({
-    id: "vector (Stroke)_2",
-    'fill-rule': "evenodd",
-    'clip-rule': "evenodd",
-    d: "M9.60347 3.77018C9.3358 3.32423 8.77209 3.18551 8.35347 3.43457L8.34256 3.44105L6.61251 4.43096C6.06514 4.74375 5.8763 5.45289 6.1894 5.9948L5.54 6.37001L6.18888 5.99391C6.72395 6.91704 6.86779 7.92882 6.38982 8.75823C5.91192 9.58753 4.96479 9.97001 3.9 9.97001C3.26678 9.97001 2.75 10.4917 2.75 11.12V12.88C2.75 13.5084 3.26678 14.03 3.9 14.03C4.96479 14.03 5.91192 14.4125 6.38982 15.2418C6.86773 16.0711 6.72398 17.0827 6.18909 18.0058C5.87642 18.5476 6.06491 19.2561 6.6121 19.5688L8.35352 20.5654C8.77214 20.8144 9.33577 20.6758 9.60345 20.2299L9.71093 20.0442C10.2458 19.1214 11.052 18.4925 12.0087 18.4925C12.9662 18.4925 13.77 19.1219 14.3 20.0458C14.3002 20.0462 14.3004 20.0466 14.3007 20.047L14.4065 20.2298C14.6742 20.6758 15.2379 20.8145 15.6565 20.5655L15.6674 20.559L17.3975 19.5691C17.9434 19.2571 18.1351 18.5578 17.8198 18.0038C17.2858 17.0813 17.1426 16.0705 17.6202 15.2418C18.0981 14.4125 19.0452 14.03 20.11 14.03C20.7432 14.03 21.26 13.5084 21.26 12.88V11.12C21.26 10.4868 20.7384 9.97001 20.11 9.97001C19.0452 9.97001 18.0981 9.58753 17.6202 8.75824C17.1423 7.92899 17.286 6.91744 17.8208 5.99445C18.1336 5.45258 17.9451 4.74391 17.3979 4.43119L15.6565 3.43466C15.2379 3.1856 14.6742 3.32423 14.4065 3.77019L14.2991 3.95579C13.7642 4.8786 12.958 5.50751 12.0012 5.50751C11.0439 5.50751 10.2402 4.87825 9.71021 3.95455C9.70992 3.95403 9.70962 3.95352 9.70933 3.95301L9.60347 3.77018ZM7.59248 2.14193C8.75191 1.45656 10.2226 1.87704 10.8946 3.00654L10.8991 3.01421L11.0091 3.20423L11.0107 3.20701C11.3807 3.85247 11.7666 4.00751 12.0012 4.00751C12.237 4.00751 12.6259 3.85115 13.0009 3.20423C13.001 3.20412 13.0009 3.20434 13.0009 3.20423L13.1154 3.00651C13.7874 1.877 15.2581 1.45656 16.4175 2.14193L18.1421 3.12883C19.4147 3.85604 19.8463 5.48713 19.1194 6.74522L19.1189 6.74611C18.7439 7.39298 18.8028 7.8062 18.9198 8.00929C19.0369 8.21249 19.3648 8.47001 20.11 8.47001C21.5616 8.47001 22.76 9.65323 22.76 11.12V12.88C22.76 14.3317 21.5768 15.53 20.11 15.53C19.3648 15.53 19.0369 15.7875 18.9198 15.9907C18.8028 16.1938 18.7439 16.607 19.1189 17.2539L19.1212 17.2579C19.8444 18.5235 19.4157 20.1431 18.1425 20.871C18.1424 20.871 18.1426 20.8709 18.1425 20.871L16.4174 21.8581C15.258 22.5434 13.7874 22.123 13.1154 20.9935L13.1109 20.9858L13.0009 20.7958L12.9993 20.793C12.6293 20.1476 12.2434 19.9925 12.0087 19.9925C11.773 19.9925 11.3841 20.1489 11.0091 20.7958C11.009 20.7959 11.0091 20.7957 11.0091 20.7958L10.8946 20.9935C10.2226 22.123 8.75199 22.5434 7.59257 21.8581L5.8679 20.8712C5.86776 20.8711 5.86803 20.8713 5.8679 20.8712C4.59558 20.1439 4.16378 18.5128 4.8906 17.2548L4.89112 17.2539C5.26605 16.607 5.20721 16.1938 5.09018 15.9907C4.97308 15.7875 4.64521 15.53 3.9 15.53C2.43322 15.53 1.25 14.3317 1.25 12.88V11.12C1.25 9.66837 2.43322 8.47001 3.9 8.47001C4.64521 8.47001 4.97308 8.21249 5.09018 8.00929C5.20721 7.8062 5.26605 7.39298 4.89112 6.74611L4.8906 6.74522C4.16378 5.48726 4.59518 3.85639 5.86749 3.12906L7.59248 2.14193Z",
-    fill: "#000000",
-});
-const __VLS_export = (await import('vue')).defineComponent({});
-export default {};