@phonghq/go-chat 1.0.13 → 1.0.15

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

@@ -1,9 +1,9 @@
-import { ref, onMounted, onUnmounted, computed } from 'vue';
+import { computed, onMounted, onUnmounted, ref } from 'vue';
 import IconPhone from '../../../assets/icons/call/IconPhone.vue';
 import { dataProfile } from '../../../utils/chat/auth.js';
 import { useCallHelper } from '../../../composable/useCallHelper';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
-import { addHandleWebSK, initWebSocket, removeHandleWebSK } from '../../../plugins/websocket';
+import { removeHandleWebSK } from '../../../plugins/websocket';
 import { downloadRecord } from '../../../utils/chat/call';
 import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
 import Avatar from '../../../components/chat/customer/Avatar.vue';
@@ -11,42 +11,59 @@ import { getUserDetailChat } from '../../../utils/chat/user';
 import { formatPhone10number } from '../../../utils/chat/phone-string';
 import IconSoundDownload from '../../../assets/icons/call/IconSoundDownload.vue';
 import IconClose from '../../../assets/icons/call/IconClose.vue';
-const { call, end, userRemoter, handleMedia, startIncomingCall, handleCallAnswer, callAnswer, uuid } = useCallHelper();
+import { usePlivo } from '../../../composable/usePlivo';
+import { PLIVO_CALL_STATUS } from '../../../types/call';
+import IconMic from '../../../assets/icons/call/IconMic.vue';
+const { call, end, handleMedia, startIncomingCall, handleCallAnswer, callAnswer, uuid, startPeerConnection } = useCallHelper();
+const handlePlivoCallBack = (status, data) => {
+    if (status == PLIVO_CALL_STATUS.RINGING) {
+        getUserOffer(data?.phone ?? '');
+        callStatus.value = PLIVO_CALL_STATUS.RINGING;
+        open();
+    }
+    else if (status == PLIVO_CALL_STATUS.CONNECT_FAILED || status == PLIVO_CALL_STATUS.NO_ANSWER) {
+        endCall();
+        callStatus.value = status;
+    }
+    else if (status == PLIVO_CALL_STATUS.CALL_END) {
+        errorMessage.value = data?.message ?? '';
+        endCall();
+        callStatus.value = status;
+    }
+    else if (status == PLIVO_CALL_STATUS.CALL_START) {
+        callStatus.value = status;
+        startTimer();
+    }
+};
+const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute } = usePlivo(handlePlivoCallBack);
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
-const STATUS = {
-    CONNECTING: 'Connecting...',
-    CALLING: 'calling',
-    RINGING: 'ringing',
-    CONNECT_FAILED: 'failed',
-    CALL_START: 'in-progress',
-    CALL_END: 'completed',
-    NO_ANSWER: 'no-answer'
-};
 const STATUS_LABEL = computed(() => {
     return {
-        [STATUS.CONNECTING]: 'Connecting...',
-        [STATUS.CALLING]: 'Calling...',
-        [STATUS.RINGING]: 'Ringing...',
-        [STATUS.CONNECT_FAILED]: errorMessage.value || 'Connect Error',
-        [STATUS.CALL_START]: '',
-        [STATUS.CALL_END]: 'Call Ended',
-        [STATUS.NO_ANSWER]: 'No Answer'
+        [PLIVO_CALL_STATUS.CONNECTING]: 'Connecting...',
+        [PLIVO_CALL_STATUS.CALLING]: 'Calling...',
+        [PLIVO_CALL_STATUS.RINGING]: 'Ringing...',
+        [PLIVO_CALL_STATUS.CONNECT_FAILED]: errorMessage.value || 'Connect Error',
+        [PLIVO_CALL_STATUS.CALL_START]: '',
+        [PLIVO_CALL_STATUS.CALL_END]: errorMessage.value || 'Call Ended',
+        [PLIVO_CALL_STATUS.NO_ANSWER]: 'No Answer'
     };
 });
-const callStatus = ref(STATUS.CONNECTING);
+const callStatus = ref(PLIVO_CALL_STATUS.CONNECTING);
 const duration = ref('00:00');
 const drawerVisible = ref(false);
 const disable = ref(false);
 const errorMessage = ref('');
 const record_link = ref('');
 const drawerVisibleRef = ref(null);
+const userRemoter = ref(null);
+const isMute = ref(false);
 let timer = null;
 let timeOut = null;
 let callType = 'call';
 let uuidEnd = '';
-onMounted(() => {
-    addHandleWebSK('call-message', handleMqttMessage);
+onMounted(async () => {
+    await plivoLogin('');
 });
 onUnmounted(() => {
     removeHandleWebSK('call-message');
@@ -66,22 +83,17 @@ function startTimer() {
         duration.value = `${m}:${s}`;
     }, 1000);
 }
-function toggleMute() {
-    alert('Mic toggled');
-}
-function toggleSpeaker() {
-    alert('Speaker toggled');
-}
 function endCall(option) {
-    callStatus.value = STATUS.CALL_END;
+    plivoEndCall(callStatus.value);
+    callStatus.value = PLIVO_CALL_STATUS.CALL_END;
     uuidEnd = uuid.value;
-    end();
     clearInterval(timer);
     disable.value = false;
     if (option?.closeModal) {
         drawerVisible.value = false;
         drawerVisibleRef.value?.close();
     }
+    isMute.value = false;
     duration.value = '00:00';
     if (timer)
         clearInterval(timer);
@@ -93,36 +105,40 @@ const open = () => {
     disable.value = true;
     drawerVisibleRef.value?.open();
 };
+const handleMute = () => {
+    plivoCallSwishMute(!isMute.value);
+    isMute.value = !isMute.value;
+};
 const startCall = async (data) => {
     try {
-        callStatus.value = STATUS.CONNECTING;
-        initWebSocket();
+        callStatus.value = PLIVO_CALL_STATUS.CONNECTING;
+        userRemoter.value = data;
         open();
         callType = 'call';
-        await call(data);
-        callStatus.value = STATUS.CALLING;
+        await plivoCall(data.phone);
+        callStatus.value = PLIVO_CALL_STATUS.CALLING;
     }
     catch (e) {
+        endCall();
         console.log(e);
         errorMessage.value = e?.message || JSON.stringify(e);
-        callStatus.value = STATUS.CONNECT_FAILED;
+        callStatus.value = PLIVO_CALL_STATUS.CONNECT_FAILED;
     }
 };
 const answer = async (message) => {
     try {
-        await callAnswer(message?.data?.call_uuid);
-        await startIncomingCall(message?.data?.call_uuid);
-        callStatus.value = STATUS.CALL_START;
+        await plivoCallAnswer();
     }
     catch (e) {
         endCall();
-        callStatus.value = STATUS.CONNECT_FAILED;
+        callStatus.value = PLIVO_CALL_STATUS.CONNECT_FAILED;
         errorMessage.value = e?.message || JSON.stringify(e);
     }
 };
 const getUserOffer = async (phone) => {
     let res = null;
     try {
+        userRemoter.value = null;
         let data = {
             phone: formatPhone10number(phone, '1'),
             client_id: dataProfile.value?.tenant_id ?? ''
@@ -139,55 +155,52 @@ const getUserOffer = async (phone) => {
     userRemoter.value = user;
     emit('userCalling', userRemoter.value);
 };
-const handleMqttMessage = async (message) => {
-    console.log(message);
-    let da = true;
-    if (message.event == 'call_update') {
-        if (message?.data?.status == STATUS.RINGING) {
-            if (message?.data?.to_number == dataProfile.value?.phone) {
-                callStatus.value = STATUS.RINGING;
-                dataWebSK = {
-                    from: message.data.from_number,
-                    to: message.data.to_number
-                };
-                getUserOffer(message.data.from_number);
-                handleCallAnswer(message);
-                open();
-            }
-        }
-        else if (message?.data?.status == STATUS.CALL_START) {
-            try {
-                await startIncomingCall(message?.data?.call_uuid);
-                startTimer();
-                callStatus.value = STATUS.CALL_START;
-            }
-            catch (e) {
-                console.log(e);
-                endCall();
-            }
-        }
-        else if (message?.data?.status == STATUS.CALL_END) {
-            endCall();
-        }
-        else if (message?.data?.status == STATUS.CONNECT_FAILED ||
-            message?.data?.status == STATUS.NO_ANSWER) {
-            endCall();
-            callStatus.value = message?.data?.status;
-        }
-        else {
-            // console.log(message)
-            da = false;
-            // handleMedia(message)
-        }
-    }
-    else if (message?.event == 'record_uploaded') {
-        if (uuidEnd == message?.data?.call_uuid) {
-            record_link.value = message?.data?.recording_url;
-        }
-    }
-    // if (da){
-    // } else console.log('-----------------', message)
-};
+// const handleMqttMessage = async (message: any) => {
+//   console.log(message)
+//   let da = true
+//   if (message.event == 'call_update') {
+//     if (message?.data?.status == PLIVO_CALL_STATUS.RINGING) {
+//       if (message?.data?.to_number == dataProfile.value?.phone) {
+//         callStatus.value = PLIVO_CALL_STATUS.RINGING
+//         dataWebSK = {
+//           from: message.data.from_number,
+//           to: message.data.to_number
+//         }
+//         getUserOffer(message.data.from_number)
+//         handleCallAnswer(message)
+//         open()
+//       }
+//     } else if (message?.data?.status == PLIVO_CALL_STATUS.CALL_START) {
+//       try {
+//         await startIncomingCall(message?.data?.call_uuid)
+//         startTimer()
+//         callStatus.value = PLIVO_CALL_STATUS.CALL_START
+//       } catch (e) {
+//         console.log(e)
+//         endCall()
+//       }
+//     } else if (message?.data?.status == PLIVO_CALL_STATUS.CALL_END) {
+//       endCall()
+//     } else if (
+//       message?.data?.status == PLIVO_CALL_STATUS.CONNECT_FAILED ||
+//       message?.data?.status == PLIVO_CALL_STATUS.NO_ANSWER
+//     ) {
+//       endCall()
+//       callStatus.value = message?.data?.status
+//     } else {
+//       // console.log(message)
+//       da = false
+//       // handleMedia(message)
+//     }
+//   } else if (message?.event == 'record_uploaded') {
+//     if (uuidEnd == message?.data?.call_uuid) {
+//       record_link.value = message?.data?.recording_url
+//     }
+//   }
+//
+//   // if (da){
+//   // } else console.log('-----------------', message)
+// }
 const exportRecordFile = async () => {
     downloadRecord(record_link.value);
 };
@@ -280,9 +293,9 @@ const { default: __VLS_8 } = __VLS_2.slots;
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
         ...{ class: "flex items-center justify-center gap-8 mt-10" },
     });
-    if (__VLS_ctx.callStatus == __VLS_ctx.STATUS.RINGING) {
+    if (__VLS_ctx.callStatus == __VLS_ctx.PLIVO_CALL_STATUS.RINGING) {
         // @ts-ignore
-        [callStatus, STATUS,];
+        [callStatus, PLIVO_CALL_STATUS,];
         __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
             ...{ onClick: (__VLS_ctx.answer) },
             ...{ class: "w-16 h-16 bg-[#22C55E] hover:bg-green-600 text-white rounded-full flex items-center justify-center shadow-lg transition" },
@@ -294,9 +307,9 @@ const { default: __VLS_8 } = __VLS_2.slots;
         const __VLS_14 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({}));
         const __VLS_15 = __VLS_14({}, ...__VLS_functionalComponentArgsRest(__VLS_14));
     }
-    if (__VLS_ctx.record_link && __VLS_ctx.callStatus == __VLS_ctx.STATUS.CALL_END) {
+    if (__VLS_ctx.record_link && __VLS_ctx.callStatus == __VLS_ctx.PLIVO_CALL_STATUS.CALL_END) {
         // @ts-ignore
-        [callStatus, STATUS, record_link,];
+        [callStatus, PLIVO_CALL_STATUS, record_link,];
         __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
             ...{ onClick: (__VLS_ctx.exportRecordFile) },
             href: (__VLS_ctx.record_link),
@@ -310,12 +323,36 @@ const { default: __VLS_8 } = __VLS_2.slots;
         const __VLS_18 = __VLS_asFunctionalComponent(IconSoundDownload, new IconSoundDownload({}));
         const __VLS_19 = __VLS_18({}, ...__VLS_functionalComponentArgsRest(__VLS_18));
     }
-    if (__VLS_ctx.callStatus == __VLS_ctx.STATUS.CALL_END) {
+    if (__VLS_ctx.callStatus == __VLS_ctx.PLIVO_CALL_STATUS.CALL_START) {
         // @ts-ignore
-        [callStatus, STATUS,];
+        [callStatus, PLIVO_CALL_STATUS,];
         __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
             ...{ onClick: (...[$event]) => {
-                    if (!(__VLS_ctx.callStatus == __VLS_ctx.STATUS.CALL_END))
+                    if (!(__VLS_ctx.callStatus == __VLS_ctx.PLIVO_CALL_STATUS.CALL_START))
+                        return;
+                    __VLS_ctx.handleMute();
+                    // @ts-ignore
+                    [handleMute,];
+                } },
+            ...{ class: "w-16 h-16 bg-white hover:bg-green-600 text-black rounded-full flex items-center justify-center shadow-lg transition" },
+        });
+        /** @type {[typeof IconMic, ]} */ ;
+        // @ts-ignore
+        const __VLS_22 = __VLS_asFunctionalComponent(IconMic, new IconMic({
+            mute: (__VLS_ctx.isMute),
+        }));
+        const __VLS_23 = __VLS_22({
+            mute: (__VLS_ctx.isMute),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_22));
+        // @ts-ignore
+        [isMute,];
+    }
+    if (__VLS_ctx.callStatus == __VLS_ctx.PLIVO_CALL_STATUS.CALL_END) {
+        // @ts-ignore
+        [callStatus, PLIVO_CALL_STATUS,];
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.callStatus == __VLS_ctx.PLIVO_CALL_STATUS.CALL_END))
                         return;
                     __VLS_ctx.endCall({ closeModal: true });
                     // @ts-ignore
@@ -325,15 +362,15 @@ const { default: __VLS_8 } = __VLS_2.slots;
         });
         /** @type {[typeof IconClose, ]} */ ;
         // @ts-ignore
-        const __VLS_22 = __VLS_asFunctionalComponent(IconClose, new IconClose({}));
-        const __VLS_23 = __VLS_22({}, ...__VLS_functionalComponentArgsRest(__VLS_22));
+        const __VLS_26 = __VLS_asFunctionalComponent(IconClose, new IconClose({}));
+        const __VLS_27 = __VLS_26({}, ...__VLS_functionalComponentArgsRest(__VLS_26));
     }
-    if (__VLS_ctx.callStatus != __VLS_ctx.STATUS.CALL_END) {
+    if (__VLS_ctx.callStatus != __VLS_ctx.PLIVO_CALL_STATUS.CALL_END) {
         // @ts-ignore
-        [callStatus, STATUS,];
+        [callStatus, PLIVO_CALL_STATUS,];
         __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
             ...{ onClick: (...[$event]) => {
-                    if (!(__VLS_ctx.callStatus != __VLS_ctx.STATUS.CALL_END))
+                    if (!(__VLS_ctx.callStatus != __VLS_ctx.PLIVO_CALL_STATUS.CALL_END))
                         return;
                     __VLS_ctx.endCall();
                     // @ts-ignore
@@ -343,8 +380,8 @@ const { default: __VLS_8 } = __VLS_2.slots;
         });
         /** @type {[typeof IconPhoneCancel, ]} */ ;
         // @ts-ignore
-        const __VLS_26 = __VLS_asFunctionalComponent(IconPhoneCancel, new IconPhoneCancel({}));
-        const __VLS_27 = __VLS_26({}, ...__VLS_functionalComponentArgsRest(__VLS_26));
+        const __VLS_30 = __VLS_asFunctionalComponent(IconPhoneCancel, new IconPhoneCancel({}));
+        const __VLS_31 = __VLS_30({}, ...__VLS_functionalComponentArgsRest(__VLS_30));
     }
     __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
         ...{ class: "absolute bottom-6 text-gray-500 text-sm" },
@@ -354,10 +391,6 @@ const { default: __VLS_8 } = __VLS_2.slots;
     [duration,];
 }
 var __VLS_2;
-__VLS_asFunctionalElement(__VLS_elements.audio, __VLS_elements.audio)({
-    id: "go-chat-local-audio",
-    autoplay: true,
-});
 __VLS_asFunctionalElement(__VLS_elements.audio, __VLS_elements.audio)({
     id: "go-chat-remote-audio",
     autoplay: true,
@@ -415,6 +448,17 @@ __VLS_asFunctionalElement(__VLS_elements.audio, __VLS_elements.audio)({
 /** @type {__VLS_StyleScopedClasses['h-16']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['hover:bg-green-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-black']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-16']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-16']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-green-600']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;

package/dist/test/composable/useCallHelper.js

@@ -140,7 +140,7 @@ export function useCallHelper() {
         sourceCall?.disconnect?.(processorCall);
         stopQueue();
         websocket?.disconnect();
-        stream?.getTracks?.()?.forEach((track) => track?.stop?.());
+        stream?.getAudioTracks?.()?.forEach((track) => track?.stop());
         if (!uuid)
             return;
         await plivoEndCall(uuid.value);
@@ -148,6 +148,11 @@ export function useCallHelper() {
     };
     const startPeerConnection = async () => {
         try {
+            if (!audioCtxCall) {
+                audioCtxCall = _getAudioContext();
+            }
+            if (audioCtxCall.state === 'suspended')
+                await audioCtxCall.resume();
             stream = await navigator.mediaDevices.getUserMedia({ audio: true });
             sourceCall = audioCtxCall.createMediaStreamSource(stream);
             processorCall = audioCtxCall.createScriptProcessor(256, 1, 1);
@@ -168,7 +173,7 @@ export function useCallHelper() {
                     // socketSend(binaryChunk)
                     // websocket.binaryType = "arraybuffer";
                     // console.log(binaryChunk)
-                    websocket.sendDefault(binaryChunk);
+                    // websocket.sendDefault(binaryChunk)
                 }
             };
             sourceCall.connect(processorCall);
@@ -187,6 +192,9 @@ export function useCallHelper() {
         // const float32Data = int16ToFloat32(int16View)
         const floatData = _muLawToFloat32(ulawBytes);
         prebuffer.push(floatData);
+        if (prebuffer.length > 3) {
+            prebuffer.shift(); // bỏ gói cũ
+        }
     };
     async function scheduleNext() {
         try {
@@ -278,12 +286,6 @@ export function useCallHelper() {
             }
             websocket = new WebSocketClient(uuid_request, handleMqttMessage);
             await websocket?.init();
-            if (!audioCtxCall) {
-                audioCtxCall = _getAudioContext();
-            }
-            if (audioCtxCall.state === 'suspended')
-                await audioCtxCall.resume();
-            await startPeerConnection();
             if (running)
                 return;
             running = true;
@@ -330,6 +332,7 @@ export function useCallHelper() {
         testPlay,
         handleCallAnswer,
         callAnswer,
+        startPeerConnection,
         startIncomingCall,
         uuid
     };

package/dist/test/composable/useInitData.js

@@ -6,7 +6,7 @@ import { PAGE } from '../constant/general';
 import { subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
 import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
 import { getWebSocket, initWebSocket } from '../plugins/websocket';
-import router from '../router';
+// import router from '../router'
 //PINIA
 export const isRouterReady = ref(false);
 export function useInitData() {
@@ -38,10 +38,10 @@ export function useInitData() {
         initWebSocket();
         unsubscribeFromTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
         subscribeToTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
-        if ((!res?.phone && res.tenant_id && !props.isLib)) {
-            router.push({ name: 'tenant-phone' });
-        }
-        else if (response == 'mobile') {
+        // if((!res?.phone && res.tenant_id && !props.isLib)) {
+        //   router.push({name: 'tenant-phone'})
+        // }
+        if (response == 'mobile') {
             routerPush(PAGE.CHAT_LIST);
         }
         else {

package/dist/test/composable/usePlivo.js

@@ -0,0 +1,138 @@
+import { PLIVO_CALL_STATUS } from '../types/call';
+export function usePlivo(callback) {
+    var options = {
+        debug: 'ALL',
+        permOnClick: true,
+        deviceParams: {
+            micEnabled: true,
+            audioConstraints: { audio: true, video: false }
+        }
+    };
+    var plivoBrowserSdk = null;
+    let CallUuid = '';
+    let custom_resolve = null;
+    let custom_reject = null;
+    const plivoLogin = async (token) => {
+        token =
+            'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImN0eSI6InBsaXZvO3Y9MSJ9.eyJqdGkiOiJ0ZXN0MSIsImlzcyI6IlNBTjJZMFpERTRNSkFUTVpZNU5DIiwic3ViIjoid2ViY2FsbDAwMzA3OTY3MzQ1NDg5MTgyNyIsIm5iZiI6MTc2MzY5MzUyNSwiZXhwIjoxNzYzNzc5OTI1LCJncmFudHMiOnsidm9pY2UiOnsiaW5jb21pbmdfYWxsb3ciOnRydWUsIm91dGdvaW5nX2FsbG93Ijp0cnVlfX19.9p4O_xTb4kNhKyDVfK3EemSKBQiHtbKNUZ5iwnSdX1I';
+        try {
+            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('onCalling', (data) => console.log('onCallFailed', data));
+            plivoBrowserSdk?.client?.on?.('onIncomingCall', (callerID, extraHeaders, callInfo) => {
+                handleIncomingCall(callInfo);
+            });
+            plivoBrowserSdk.client.on('onCallRemoteRinging', (data) => handleCallRemoteRinging(data));
+            // plivoBrowserSdk?.client?.on?.('onReady', () => console.log('Ready'))
+            // plivoBrowserSdk?.client?.on?.('onLoginFailed', () => console.log('Login failed'))
+            // plivoBrowserSdk?.client?.on?.('remoteAudioStatus', () => console.log('remoteAudioStatus'))
+            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');
+        }
+        catch (err) {
+            console.log('Login error: ' + err);
+        }
+    };
+    const handleIncomingCall = (call) => {
+        const data = {
+            phone: _getPhone(call.src)
+        };
+        console.log(call);
+        callback(PLIVO_CALL_STATUS.RINGING, data);
+        CallUuid = call?.callUUID;
+    };
+    const handleCallRemoteRinging = (callInfo) => {
+        CallUuid = callInfo.callUUID;
+        callback(PLIVO_CALL_STATUS.CALLING);
+        custom_resolve?.();
+    };
+    const handleCallAnswered = (call) => {
+        if (call.callUUID == CallUuid) {
+            custom_resolve?.();
+            callback(PLIVO_CALL_STATUS.CALL_START);
+        }
+    };
+    const handleCallTerminated = (data, callInfo) => {
+        if (CallUuid === callInfo.callUUID) {
+            callback(PLIVO_CALL_STATUS.CALL_END, { message: data?.reason });
+            CallUuid = '';
+        }
+    };
+    const _getPhone = (text, dial = '1') => {
+        let result = text.replace(/[^0-9]/g, '');
+        return result?.startsWith(dial) ? result.slice(dial.toString().length) : result;
+    };
+    const _waitEventOrTimeout = (timeoutMs = 3000) => {
+        return new Promise((resolve, reject) => {
+            custom_resolve = null;
+            const timer = setTimeout(() => {
+                reject('Time out error!');
+                custom_resolve = null;
+                custom_reject = null;
+            }, timeoutMs);
+            custom_resolve = () => {
+                resolve(true);
+                custom_resolve = null;
+                clearTimeout(timer);
+            };
+            custom_reject = (data) => {
+                reject(data);
+                custom_reject = null;
+                clearTimeout(timer);
+            };
+        });
+    };
+    const plivoCallAnswer = async () => {
+        plivoBrowserSdk?.client?.answer?.(CallUuid);
+        await _waitEventOrTimeout(3000);
+    };
+    const plivoCallReject = () => {
+        plivoBrowserSdk?.client?.reject?.(CallUuid);
+    };
+    const plivoCallIgnore = () => {
+        if (CallUuid)
+            plivoBrowserSdk?.client?.ignore?.(CallUuid);
+    };
+    const plivoCallSwishMute = (isMute) => {
+        plivoBrowserSdk?.client?.mute();
+        if (isMute)
+            plivoBrowserSdk?.client?.mute?.();
+        else
+            plivoBrowserSdk?.client?.unmute?.();
+    };
+    const plivoCall = async (phone) => {
+        plivoBrowserSdk.client.call('+' + phone, { number_phone: phone });
+        await _waitEventOrTimeout(5000);
+    };
+    const plivoEndCall = (status) => {
+        if (status == PLIVO_CALL_STATUS.RINGING) {
+            plivoBrowserSdk?.client?.reject?.(CallUuid);
+        }
+        else if (status == PLIVO_CALL_STATUS.CALL_START || status == PLIVO_CALL_STATUS.CALLING) {
+            plivoBrowserSdk?.client?.hangup?.();
+        }
+    };
+    const handleCallFailed = (data, callInfo) => {
+        if (custom_reject)
+            custom_reject?.(data);
+        callback(PLIVO_CALL_STATUS.CALL_END, { message: data });
+    };
+    return {
+        plivoLogin,
+        plivoCallAnswer,
+        plivoCallReject,
+        plivoCall,
+        plivoEndCall,
+        plivoCallSwishMute
+    };
+}

package/dist/test/plugins/mqtt.js

@@ -10,7 +10,6 @@ export const connectMqtt = () => {
     return new Promise((resolve, reject) => {
         reconnectCount = 0;
         if (mqttClient && mqttClient?.connected) {
-            console.log('MQTT already connected');
             return resolve();
         }
         const userInfo = JSON.parse(localStorage.getItem('user') || '{}');
@@ -30,7 +29,6 @@ export const connectMqtt = () => {
         const connectUrl = `wss://${host}:${port}${path}`;
         mqttClient = mqtt.connect(connectUrl, options);
         mqttClient?.on('connect', () => {
-            console.log('MQTT Connected Successfully');
             subscribedTopics.forEach((topic) => mqttClient?.subscribe(topic));
             mqttClient?.on('message', (topic, message) => {
                 try {
@@ -75,7 +73,6 @@ export const disconnectMqtt = () => {
 };
 export const subscribeToTopic = (topic) => {
     if (subscribedTopics.has(topic)) {
-        console.log(`Already subscribed to ${topic}`);
         return;
     }
     if (mqttClient?.connected || true) {