@phonghq/go-chat 1.0.35 → 1.0.36

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

@@ -87,9 +87,9 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 // @ts-ignore
 [shouldShowAvatar, isMyMessage, isMyMessage,];
-if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending) {
+if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyMessage) {
     // @ts-ignore
-    [message, MessageState,];
+    [isMyMessage, message, MessageState,];
     if (!__VLS_ctx.isMyMessage) {
         // @ts-ignore
         [isMyMessage,];
@@ -133,13 +133,13 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending) {
                 'rounded-bl-none': !__VLS_ctx.isEndMessage && !__VLS_ctx.isMyMessage,
                 'rounded-tr-none': !__VLS_ctx.shouldShowAvatar && __VLS_ctx.isMyMessage,
                 'rounded-br-none': !__VLS_ctx.isEndMessage && __VLS_ctx.isMyMessage,
-                '!text-[#14532D] !bg-[#d4f8d4]': __VLS_ctx.message.message_uuid && !__VLS_ctx.message.is_call,
+                '!text-[#14532D] !bg-[#d4f8d4]': (__VLS_ctx.message.message_uuid && !__VLS_ctx.message.is_call) || __VLS_ctx.message.is_sms,
                 'bg-[#D0DFEC] text-[#266699]': __VLS_ctx.isMyMessage,
                 'bg-[#E4E4E4D4]  text-chat-haze-600  w-max ': !__VLS_ctx.isMyMessage
             }) },
     });
     // @ts-ignore
-    [shouldShowAvatar, shouldShowAvatar, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, message, message, isEndMessage, isEndMessage,];
+    [shouldShowAvatar, shouldShowAvatar, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, message, message, message, isEndMessage, isEndMessage,];
     if (__VLS_ctx.message.is_call == 1) {
         // @ts-ignore
         [message,];
@@ -195,7 +195,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending) {
         [message, getCallDuration,];
         __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
             ...{ onClick: (...[$event]) => {
-                    if (!(__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending))
+                    if (!(__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyMessage))
                         return;
                     if (!(__VLS_ctx.message.is_call == 1))
                         return;

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

@@ -35,6 +35,7 @@ const handleConnectMqtt = async () => {
         // console.log(topic)
         // console.log(topic_plivo_chat)
         addHandleMqttMessage('chat-home', topic, mqttMessageHandler);
+        addHandleMqttMessage('chat-home-1', topic_plivo_chat, mqttMessageHandler);
     }
     catch (error) {
         console.error(error);
@@ -44,9 +45,9 @@ const handleDisconnectMqtt = async () => {
     unsubscribeFromTopic(topic);
     unsubscribeFromTopic(topic_plivo_chat);
     removeHandleMqttMessage('chat-home');
+    removeHandleMqttMessage('chat-home-1');
 };
 const mqttMessageHandler = (topic, message) => {
-    console.log(message);
     if ((infoUser.value?.id && message?.sender_id?.toString() == infoUser.value?.id?.toString())) {
         const index = listMessage.value.findIndex((item) => item.id === message?.id);
         if (index < 0) {
@@ -132,6 +133,7 @@ const handleSendMessage = async (data) => {
     try {
         // listMessage.value.push({ ...data, state: MessageState.Sending })
         listMessage.value.unshift({ ...data, state: MessageState.Sending });
+        await nextTick();
         publishMessage(topic, {
             ...data,
             state: MessageState.Sending

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

@@ -7,8 +7,14 @@ import { user } from '../../../utils/chat/user';
 import { dataProfile } from '../../../utils/chat/auth';
 import { digibotId } from '../../../composable/useDigibot';
 import IconArrowLeft from '../../../assets/icons/IconArrowLeft.vue';
+import IconSms from '../../../assets/icons/IconSms.vue';
+import { activePlivoMode } from '../../..//utils/chat/message';
+import { ref } from 'vue';
+import ButtonBase from '../../../components/common/button/ButtonBase.vue';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
+const activePlivoSms = ref(dataProfile.value?.is_sms_active == 1);
+const loading = ref(false);
 const goToViewUser = () => {
     if (props.data?.id == digibotId.toString())
         return;
@@ -17,6 +23,21 @@ const goToViewUser = () => {
         routerPush(PAGE.CUSTOMER_DETAIL);
     }
 };
+const handleActivePlivoSmsChange = async (is_active) => {
+    return;
+    try {
+        loading.value = true;
+        await activePlivoMode({ id: dataProfile.value?.id, is_sms: is_active ? 1 : 0 });
+        if (dataProfile.value != null)
+            dataProfile.value.is_sms_active = (is_active ? 1 : 0);
+        activePlivoSms.value = is_active;
+    }
+    catch (e) {
+        activePlivoSms.value = !is_active;
+        console.log(e);
+    }
+    loading.value = false;
+};
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {};
 const __VLS_ctx = {
@@ -102,6 +123,46 @@ __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
 (__VLS_ctx.data?.username ?? 'n/a');
 // @ts-ignore
 [data,];
+if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant') {
+    // @ts-ignore
+    [dataProfile, data, data, digibotId,];
+    /** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
+    // @ts-ignore
+    const __VLS_11 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
+        ...{ 'onClick': {} },
+        type: (__VLS_ctx.activePlivoSms ? 'success' : 'danger'),
+        loading: (__VLS_ctx.loading),
+        ...{ class: "shrink-0 px-1 flex-center gap-2 text-white font-semibold w-9 md:w-[140px] h-9" },
+    }));
+    const __VLS_12 = __VLS_11({
+        ...{ 'onClick': {} },
+        type: (__VLS_ctx.activePlivoSms ? 'success' : 'danger'),
+        loading: (__VLS_ctx.loading),
+        ...{ class: "shrink-0 px-1 flex-center gap-2 text-white font-semibold w-9 md:w-[140px] h-9" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_11));
+    let __VLS_14;
+    let __VLS_15;
+    const __VLS_16 = ({ click: {} },
+        { onClick: (...[$event]) => {
+                if (!(__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant'))
+                    return;
+                __VLS_ctx.handleActivePlivoSmsChange(!__VLS_ctx.activePlivoSms);
+                // @ts-ignore
+                [activePlivoSms, activePlivoSms, loading, handleActivePlivoSmsChange,];
+            } });
+    const { default: __VLS_17 } = __VLS_13.slots;
+    /** @type {[typeof IconSms, ]} */ ;
+    // @ts-ignore
+    const __VLS_18 = __VLS_asFunctionalComponent(IconSms, new IconSms({}));
+    const __VLS_19 = __VLS_18({}, ...__VLS_functionalComponentArgsRest(__VLS_18));
+    __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+        ...{ class: "hidden md:block" },
+    });
+    (__VLS_ctx.activePlivoSms ? 'ON' : 'OFF');
+    // @ts-ignore
+    [activePlivoSms,];
+    var __VLS_13;
+}
 if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() && __VLS_ctx.dataProfile?.user_type == 'tenant') {
     // @ts-ignore
     [dataProfile, data, data, digibotId,];
@@ -117,8 +178,8 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() &
     });
     /** @type {[typeof IconPhone, ]} */ ;
     // @ts-ignore
-    const __VLS_11 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({}));
-    const __VLS_12 = __VLS_11({}, ...__VLS_functionalComponentArgsRest(__VLS_11));
+    const __VLS_22 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({}));
+    const __VLS_23 = __VLS_22({}, ...__VLS_functionalComponentArgsRest(__VLS_22));
 }
 /** @type {__VLS_StyleScopedClasses['px-8']} */ ;
 /** @type {__VLS_StyleScopedClasses['pb-4']} */ ;
@@ -147,6 +208,17 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() &
 /** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
 /** @type {__VLS_StyleScopedClasses['truncate']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-9']} */ ;
+/** @type {__VLS_StyleScopedClasses['md:w-[140px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-9']} */ ;
+/** @type {__VLS_StyleScopedClasses['hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['md:block']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-[#0051E6]']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-chat-haze-200']} */ ;

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

@@ -8,9 +8,7 @@ import { DATE_FORMATS, TIME_ZONE_UTC } from '../../../constant/datetime';
 import { dataProfile } from '../../../utils/chat/auth';
 import { computed, ref } from 'vue';
 import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
-import SwitchBase from '../../../components/chat/common/switch/SwitchBase.vue';
 import { activePlivoMode } from '../../../utils/chat/message';
-import BaseSpin from '../../../components/chat/common/spin/BaseSpin.vue';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const ChatModeOptions = [
@@ -49,14 +47,15 @@ const handleSendMessage = async (type) => {
     chatId++;
     const id = props.data?.id.toString() + '-' + chatId;
     const data = {
-        conversation_id: 135,
+        conversation_id: props.data?.conversation_id,
         created_at: dayjs().tz(TIME_ZONE_UTC).format(DATE_FORMATS['DATE_FORMAT_FULL']),
         id,
         message: messageContent,
         receiver_id: props.data?.id || 0,
         sender_id: dataProfile.value?.id,
         status: 'read',
-        attachments: attachments
+        attachments: attachments,
+        is_sms: dataProfile.value?.is_sms_active,
     };
     emit('sendMessage', data);
 };
@@ -126,46 +125,6 @@ __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: "flex gap-2 mb-2" },
-    });
-    /** @type {[typeof SwitchBase, ]} */ ;
-    // @ts-ignore
-    const __VLS_0 = __VLS_asFunctionalComponent(SwitchBase, new SwitchBase({
-        ...{ 'onChange': {} },
-        modelValue: (__VLS_ctx.activePlivoSms),
-        label: "Active sms",
-    }));
-    const __VLS_1 = __VLS_0({
-        ...{ 'onChange': {} },
-        modelValue: (__VLS_ctx.activePlivoSms),
-        label: "Active sms",
-    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
-    let __VLS_3;
-    let __VLS_4;
-    const __VLS_5 = ({ change: {} },
-        { onChange: (__VLS_ctx.handleActivePlivoSmsChange) });
-    // @ts-ignore
-    [activePlivoSms, handleActivePlivoSmsChange,];
-    var __VLS_2;
-    if (__VLS_ctx.loading) {
-        // @ts-ignore
-        [loading,];
-        /** @type {[typeof BaseSpin, ]} */ ;
-        // @ts-ignore
-        const __VLS_7 = __VLS_asFunctionalComponent(BaseSpin, new BaseSpin({
-            size: (24),
-            border: (3),
-        }));
-        const __VLS_8 = __VLS_7({
-            size: (24),
-            border: (3),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_7));
-    }
-}
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex gap-2 items-end h-max" },
 });
@@ -202,17 +161,17 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 /** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
 // @ts-ignore
-const __VLS_11 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
+const __VLS_0 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
     open: (__VLS_ctx.emojiOpen),
     align: "end",
     side: "top",
 }));
-const __VLS_12 = __VLS_11({
+const __VLS_1 = __VLS_0({
     open: (__VLS_ctx.emojiOpen),
     align: "end",
     side: "top",
-}, ...__VLS_functionalComponentArgsRest(__VLS_11));
-const { default: __VLS_14 } = __VLS_13.slots;
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+const { default: __VLS_3 } = __VLS_2.slots;
 // @ts-ignore
 [emojiOpen,];
 __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
@@ -224,35 +183,35 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     ...{ class: "h-11 w-10" },
 });
 {
-    const { content: __VLS_15 } = __VLS_13.slots;
-    const __VLS_16 = {}.EmojiPicker;
+    const { content: __VLS_4 } = __VLS_2.slots;
+    const __VLS_5 = {}.EmojiPicker;
     /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
     // @ts-ignore
     EmojiPicker;
     // @ts-ignore
-    const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({
+    const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
         ...{ 'onSelect': {} },
         ...{ class: "!w-[300px]" },
         native: (true),
         offset: (2),
         hideSearch: true,
     }));
-    const __VLS_18 = __VLS_17({
+    const __VLS_7 = __VLS_6({
         ...{ 'onSelect': {} },
         ...{ class: "!w-[300px]" },
         native: (true),
         offset: (2),
         hideSearch: true,
-    }, ...__VLS_functionalComponentArgsRest(__VLS_17));
-    let __VLS_20;
-    let __VLS_21;
-    const __VLS_22 = ({ select: {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+    let __VLS_9;
+    let __VLS_10;
+    const __VLS_11 = ({ select: {} },
         { onSelect: (__VLS_ctx.onSelectEmoji) });
     // @ts-ignore
     [onSelectEmoji,];
-    var __VLS_19;
+    var __VLS_8;
 }
-var __VLS_13;
+var __VLS_2;
 __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
     ...{ onClick: (...[$event]) => {
             __VLS_ctx.handleSendMessage('message');
@@ -263,8 +222,8 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
 });
 /** @type {[typeof IconPlan, ]} */ ;
 // @ts-ignore
-const __VLS_24 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
-const __VLS_25 = __VLS_24({}, ...__VLS_functionalComponentArgsRest(__VLS_24));
+const __VLS_13 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
+const __VLS_14 = __VLS_13({}, ...__VLS_functionalComponentArgsRest(__VLS_13));
 __VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
     ...{ class: "shrink-0 cursor-pointer relative -translate-y-1" },
 });
@@ -283,18 +242,15 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 });
 /** @type {[typeof IconPlus, ]} */ ;
 // @ts-ignore
-const __VLS_28 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
+const __VLS_17 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
     ...{ class: "text-white" },
 }));
-const __VLS_29 = __VLS_28({
+const __VLS_18 = __VLS_17({
     ...{ class: "text-white" },
-}, ...__VLS_functionalComponentArgsRest(__VLS_28));
+}, ...__VLS_functionalComponentArgsRest(__VLS_17));
 /** @type {__VLS_StyleScopedClasses['z-10']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-end']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-max']} */ ;
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;

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

@@ -107,6 +107,8 @@ const hideLoading = () => {
     loadingTop.value = false;
 };
 const handleScroll = (event, el) => {
+    if (props.disabled)
+        return;
     const scrollTop = el.scrollTop;
     const scrollHeight = el.scrollHeight;
     const clientHeight = el.clientHeight;

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

@@ -12,6 +12,7 @@ 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';
+import { useError } from '../../../composable/useError';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 // const {
@@ -49,6 +50,7 @@ const handlePlivoCallBack = (status, data) => {
     }
 };
 const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute } = usePlivo(handlePlivoCallBack);
+const { showError } = useError();
 const STATUS_LABEL = computed(() => {
     return {
         [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
@@ -76,13 +78,20 @@ const userRemoter = ref(null);
 const isMute = ref(false);
 let timer = null;
 let timeOut = null;
+let refreshTokenTimeOut = null;
+let refreshTokenCount = null;
 let callType = 'call';
 let uuidEnd = '';
 onMounted(async () => {
-    if (dataProfile.value?.tenant_phone) {
-        const token = await getPlivoAccessToken();
-        // const token = ''
-        await plivoLogin(token);
+    try {
+        if (dataProfile.value?.tenant_phone) {
+            const token = await getPlivoAccessToken();
+            await plivoLogin({ token });
+            setTimeout(refreshToken, 1000);
+        }
+    }
+    catch {
+        showError('We’re having trouble connecting the call. Please try again in a moment');
     }
 });
 onUnmounted(() => {
@@ -121,6 +130,31 @@ function endCall(option) {
     emit('endCall', userRemoter.value, callType);
     callType = '';
 }
+const refreshToken = async () => {
+    try {
+        console.log('refreshToken: ');
+        if (refreshTokenTimeOut) {
+            clearTimeout(refreshTokenTimeOut);
+            refreshTokenTimeOut = null;
+        }
+        const token = await getPlivoAccessToken();
+        await plivoLogin({ token, isRefresh: true });
+        setTimeout(() => refreshToken(), 15 * 60 * 1000);
+        refreshTokenCount = 0;
+    }
+    catch (e) {
+        console.log(e);
+        refreshTokenCount = refreshTokenCount + 1;
+        console.log(refreshTokenCount);
+        if (refreshTokenCount < 3) {
+            setTimeout(() => refreshToken(), 2 * 60 * 1000);
+        }
+        else {
+            showError('We’re having trouble connecting the call. Please try again in a moment');
+        }
+        console.log(e);
+    }
+};
 const open = () => {
     drawerVisible.value = true;
     disable.value = true;
@@ -159,7 +193,7 @@ const answer = async () => {
 const getUserOffer = async (phone) => {
     let res = null;
     try {
-        userRemoter.value = null;
+        userRemoter.value = { phone, username: '' };
         let data = {
             phone: formatPhone10number(phone, '1'),
             client_id: dataProfile.value?.tenant_id ?? ''

package/dist/test/composable/useError.js

@@ -0,0 +1,10 @@
+import { ref } from 'vue';
+export const goChatError = ref('');
+export function useError() {
+    const showError = (error) => {
+        goChatError.value = error;
+    };
+    return {
+        showError
+    };
+}

package/dist/test/composable/useListConversations.js

@@ -51,7 +51,7 @@ export const useListConversations = (is_unknown) => {
         if ((data.is_unknown ?? 0) != is_unknown)
             return;
         getDataMqtt();
-        if (topic === TOPIC_HOME[0] + dataProfile.value?.id) {
+        if (topic === TOPIC_HOME[0] + dataProfile.value?.id || topic === TOPIC_HOME[3] + dataProfile.value?.id) {
             const index = listConversations.value.findIndex((item) => item.id === data.id);
             const hasChatBox = listConversations.value.findIndex((item) => item.id === digibotId);
             if (index != -1) {

package/dist/test/composable/usePlivo.js

@@ -1,4 +1,6 @@
 import { PLIVO_CALL_STATUS } from '../types/chat/call';
+import { createSipAccount } from '../utils/chat/call';
+import { dataProfile } from '../utils/chat/auth';
 export function usePlivo(callback) {
     var options = {
         debug: 'ALL',
@@ -12,36 +14,41 @@ export function usePlivo(callback) {
     let CallUuid = '';
     let custom_resolve = null;
     let custom_reject = null;
-    const plivoLogin = async (token) => {
+    const plivoLogin = async (data) => {
         // token =
         //   'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImN0eSI6InBsaXZvO3Y9MSJ9.eyJqdGkiOiJ0ZXN0MSIsImlzcyI6IlNBTjJZMFpERTRNSkFUTVpZNU5DIiwic3ViIjoid2ViY2FsbDAwMzA3OTY3MzQ1NDg5MTgyNyIsIm5iZiI6MTc2MzY5MzUyNSwiZXhwIjoxNzYzNzc5OTI1LCJncmFudHMiOnsidm9pY2UiOnsiaW5jb21pbmdfYWxsb3ciOnRydWUsIm91dGdvaW5nX2FsbG93Ijp0cnVlfX19.9p4O_xTb4kNhKyDVfK3EemSKBQiHtbKNUZ5iwnSdX1I'
         try {
-            if (!plivoBrowserSdk)
+            if (!plivoBrowserSdk) {
                 plivoBrowserSdk = new window.Plivo(options);
-            plivoBrowserSdk?.client?.on?.('onCallAnswered', (callInfo) => {
-                handleCallAnswered(callInfo);
-            });
-            plivoBrowserSdk?.client?.on?.('onCallTerminated', (hangupInfo, callInfo) => handleCallTerminated(hangupInfo, callInfo));
-            plivoBrowserSdk.client.on('onCallFailed', (data, callInfo) => {
-                handleCallFailed(data, callInfo);
-            });
-            plivoBrowserSdk.client.on('onIncomingCallCanceled', (callInfo) => {
-                handleIncomingCallCanceled(callInfo);
-            });
-            // plivoBrowserSdk.client.on('onCalling', (data: any) => console.log('onCallFailed', data))
-            plivoBrowserSdk?.client?.on?.('onIncomingCall', (callerID, extraHeaders, callInfo) => {
-                handleIncomingCall(callInfo);
-            });
-            plivoBrowserSdk.client.on('onCallRemoteRinging', (data) => handleCallRemoteRinging(data));
-            plivoBrowserSdk.client.on('onMediaPermission', (e) => handleMediaPermission(e));
-            plivoBrowserSdk?.client?.on?.('onLoginFailed', (e) => handleLoginFailed(e));
-            // plivoBrowserSdk?.client?.on?.('remoteAudioStatus', () => console.log('remoteAudioStatus'))
-            const payload = JSON.parse(atob(token.split('.')[1]));
-            // console.log(payload)
+                plivoBrowserSdk?.client?.on?.('onCallAnswered', (callInfo) => {
+                    handleCallAnswered(callInfo);
+                });
+                plivoBrowserSdk?.client?.on?.('onCallTerminated', (hangupInfo, callInfo) => handleCallTerminated(hangupInfo, callInfo));
+                plivoBrowserSdk.client.on('onCallFailed', (data, callInfo) => {
+                    handleCallFailed(data, callInfo);
+                });
+                plivoBrowserSdk.client.on('onIncomingCallCanceled', (callInfo) => {
+                    handleIncomingCallCanceled(callInfo);
+                });
+                // plivoBrowserSdk.client.on('onCalling', (data: any) => console.log('onCallFailed', data))
+                plivoBrowserSdk?.client?.on?.('onIncomingCall', (callerID, extraHeaders, callInfo) => {
+                    handleIncomingCall(callInfo);
+                });
+                plivoBrowserSdk.client.on('onCallRemoteRinging', (data) => handleCallRemoteRinging(data));
+                plivoBrowserSdk.client.on('onMediaPermission', (e) => handleMediaPermission(e));
+                plivoBrowserSdk?.client?.on?.('onLoginFailed', (e) => handleLoginFailed(e));
+            }
+            if (!data.isRefresh) {
+                const payload = JSON.parse(atob(data.token.split('.')[1]));
+                await createSipAccount({
+                    sip_username: `${payload.sub}_${payload.iss}`,
+                    did_number: dataProfile.value?.tenant_phone ?? ''
+                });
+            }
             // await plivoBrowserSdk?.client?.tokenLogin(payload.sub ?? '', token)
             // await plivoBrowserSdk?.client?.login('webcall003079673454891827', '123456abcA!')
             // await plivoBrowserSdk?.client?.login(payload.sub , null, token)
-            await plivoBrowserSdk?.client?.loginWithAccessToken(token);
+            await plivoBrowserSdk?.client?.loginWithAccessToken(data.token);
             // await plivoBrowserSdk?.client?.on?.(payload)
             // console.log('Registered with token')
         }

package/dist/test/constant/mqtt.js

@@ -3,9 +3,10 @@ export const TOPIC_DETAIL_CALL = 'call/message/';
 export const TOPIC_HOME = [
     'chat/conversation/update/',
     'chat/conversation/read_message/',
-    'chat/conversation/update_list/'
+    'chat/conversation/update_list/',
+    'chat/conversation/update_list/sms-inbound'
 ];
-export const TOPIC_PLIVO_SMS = 'sms-outbound/';
+export const TOPIC_PLIVO_SMS = 'sms-inbound/';
 export const TOPIC_STATUS_USER = 'user/status/';
 // export CALL_STATE = {
 //   Offer: 'offer',

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

@@ -137,3 +137,19 @@ export const getPlivoAccessToken = async () => {
     const result = await response.json();
     return result?.accessToken;
 };
+export const createSipAccount = async (data) => {
+    const url = BARE_WEBSOCKET_URL + '/ws/create-sip-account';
+    const response = await fetch(url, {
+        method: 'POST',
+        body: JSON.stringify(data),
+        headers: {
+            ['Content-Type']: 'application/json'
+        }
+    });
+    if (!response.ok) {
+        throw new Error(`Response status: ${response.status}`);
+    }
+    const result = await response.json();
+    console.log(result);
+    return result;
+};

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

@@ -30,7 +30,7 @@ export const publicTopicConversationUpdate = async (data) => {
     const current = dayjs().tz(TIME_ZONE_UTC).format(DATE_FORMATS['DATE_FORMAT_FULL']);
     const dataMessageForReceiver = {
         id: data.infoUser?.conversation_id ?? 0,
-        receiver_id: Number(dataProfile.value?.id ?? 0),
+        receiver_id: Number(data.infoUser?.id ?? 0),
         username: dataProfile.value?.username ?? '',
         phone: dataProfile.value?.phone ?? '',
         avatar: dataProfile.value?.avatar ?? '',
@@ -42,12 +42,12 @@ export const publicTopicConversationUpdate = async (data) => {
         status: 1,
         color: dataProfile.value?.color ?? '',
         is_call: dataProfile.value?.color ?? '',
-        is_unknown: 0
+        is_unknown: 0,
     };
     publishMessage(`${TOPIC_HOME[0] + Number(data.infoUser?.id)}`, JSON.stringify(dataMessageForReceiver));
     const dataMessageMyself = {
         id: data.infoUser?.conversation_id ?? 0,
-        receiver_id: Number(dataProfile.value?.id ?? 0),
+        receiver_id: Number(data.infoUser?.id ?? 0),
         username: data.infoUser?.username ?? '',
         phone: data.infoUser?.phone ?? '',
         avatar: data.infoUser?.avatar ?? '',

package/dist/test/utils/string-helper.js

@@ -4,7 +4,7 @@ export const phoneNumberFormat = (phone, halfShowType = 1) => {
         number = number.substring(number.length - 10);
     }
     if (number.length == 10) {
-        if (true) {
+        if (false) {
             if (halfShowType == 4) {
                 number = (number || '').replace(/(\d{3})(\d{3})(\d{4})/, "*** $3");
             }

package/dist/types/chat/auth.d.ts

@@ -26,6 +26,7 @@ interface IResProfile {
     user_type: 'customer' | 'tenant';
     has_business_tenant_phone?: boolean;
     color: string;
+    is_sms_active: number;
 }
 interface IPramsLoginLink {
     tenant_id: string;

package/dist/types/message.d.ts

@@ -20,6 +20,7 @@ export type IResMessage = {
     message_uuid?: string | null;
     is_call?: number | null;
     duration?: number | null;
+    is_sms: number;
     record_url?: string | null;
     call_status?: string | null;
     created_at: string;

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

@@ -20,6 +20,7 @@ export declare const dataProfile: import("vue").Ref<{
     user_type: "customer" | "tenant";
     has_business_tenant_phone?: boolean | undefined;
     color: string;
+    is_sms_active: number;
 } | null, IResProfile | {
     id: number;
     username: string;
@@ -31,6 +32,7 @@ export declare const dataProfile: import("vue").Ref<{
     user_type: "customer" | "tenant";
     has_business_tenant_phone?: boolean | undefined;
     color: string;
+    is_sms_active: number;
 } | null>;
 export declare const dataLoginLink: import("vue").Ref<{
     token: string;

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

@@ -9,3 +9,7 @@ export declare const plivoCall: (user: IResUser) => Promise<any>;
 export declare const plivoEndCall: (uuid: string) => Promise<void>;
 export declare const downloadRecord: (url_pub: string) => Promise<void>;
 export declare const getPlivoAccessToken: () => Promise<any>;
+export declare const createSipAccount: (data: {
+    did_number: string;
+    sip_username: string;
+}) => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.35",
+  "version": "1.0.36",
   "private": false,
   "files": [
     "dist"