@phonghq/go-chat 1.0.34 → 1.0.36

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 {
@@ -44,8 +45,12 @@ const handlePlivoCallBack = (status, data) => {
         callStatus.value = status;
         startTimer();
     }
+    else if (status == PLIVO_CALL_STATUS.MEDIA_PERMISSION_FAIL) {
+        emit('error:mediaPermissionFail');
+    }
 };
 const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute } = usePlivo(handlePlivoCallBack);
+const { showError } = useError();
 const STATUS_LABEL = computed(() => {
     return {
         [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
@@ -57,7 +62,8 @@ const STATUS_LABEL = computed(() => {
         [PLIVO_CALL_STATUS.NO_ANSWER]: 'No Answer',
         [PLIVO_CALL_STATUS.CANCEL]: '',
         [PLIVO_CALL_STATUS.TIME_OUT]: '',
-        [PLIVO_CALL_STATUS.BUSY]: ''
+        [PLIVO_CALL_STATUS.BUSY]: '',
+        [PLIVO_CALL_STATUS.MEDIA_PERMISSION_FAIL]: ''
     };
 });
 const label = computed(() => STATUS_LABEL.value[callStatus.value] ?? '');
@@ -72,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(() => {
@@ -117,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;
@@ -155,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')
         }
@@ -146,6 +153,9 @@ export function usePlivo(callback) {
     };
     const handleMediaPermission = (e) => {
         console.log('MediaPermission', e);
+        if (e?.status == 'failure') {
+            callback(PLIVO_CALL_STATUS.MEDIA_PERMISSION_FAIL);
+        }
     };
     return {
         plivoLogin,

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/types/chat/call.js

@@ -17,5 +17,6 @@ export const PLIVO_CALL_STATUS = {
     NO_ANSWER: 'no-answer',
     CANCEL: 'cancel',
     TIME_OUT: 'timeout',
-    BUSY: 'busy'
+    BUSY: 'busy',
+    MEDIA_PERMISSION_FAIL: 'media-permission-fail',
 };

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/chat/call.d.ts

@@ -13,5 +13,6 @@ export declare const PLIVO_CALL_STATUS: {
     readonly CANCEL: "cancel";
     readonly TIME_OUT: "timeout";
     readonly BUSY: "busy";
+    readonly MEDIA_PERMISSION_FAIL: "media-permission-fail";
 };
 export type PlivoCallStatusType = (typeof PLIVO_CALL_STATUS)[keyof typeof PLIVO_CALL_STATUS];

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.34",
+  "version": "1.0.36",
   "private": false,
   "files": [
     "dist"