@vgroup/dialbox 0.7.91 → 0.7.93

package/fesm2020/vgroup-dialbox.mjs

@@ -62,23 +62,23 @@ const keypad = [
 ];
 
 const environment = {
-    abb: "t",
+    abb: "u",
     production: false,
     secureCookies: true,
-    feUrl: 'https://test.vgroupinc.com:91/',
-    apiUrl: 'https://apis.vgroupinc.com/test_softphone',
-    websocketUrl: 'wss://apis.vgroupinc.com/test_softphone/',
+    feUrl: 'https://c2c-uat.contexttocall.com:85/',
+    apiUrl: 'https://c2c-uatapi-t10.contexttocall.com/uat_softphone',
+    websocketUrl: 'wss://c2c-uatapi-t10.contexttocall.com/uat_softphone/',
     captchaKey: "6LfpOmEaAAAAAGsI6JXlMzOl3b7rW4YmYXFDjldD",
-    stripePublishableKey: "pk_test_51NbMVaA3guus6fhlTuCV5ycFTIJmwgN38dDUf9pNPfM319x5CkLbV6EbTQaZiNOrRsfR16RWLE8hQmR0eZFTBqTy00Wlsug4qS",
+    stripePublishableKey: "pk_live_51NbMVaA3guus6fhl85gdcvAWHzfHba5LdGlsnV7DxBT9spHghn4IHT9rDCjSRgFh2ijTiZn9qeazdciY1PbreOuB00t1GdQAZJ",
     sessionTimeout: 15,
     deviceType: "web",
-    appVersion: "2.3",
-    channelId: '61481b12e138eb7dc3007579',
+    appVersion: "2.9",
+    channelId: '6511738039ee10367cbde2e9',
     c2c_support_point_id: '60424735f74ac306c1bfa900',
-    c2c_support_channel_id: '677f6726be93ab507fbbfdf0',
-    c2c_point_url: 'https://app.contexttocall.com/assets/cdn/c2c.js',
-    c2c_call_label_id: '6NU5fKE2mGTyXDC3yhmK',
-    c2c_email_label_id: 'YPMamj8RvsGORVvqXWyc',
+    c2c_support_channel_id: '677f68fcbe93ab507fbbfe0b',
+    c2c_point_url: 'https://bit.ly/3blWnPv',
+    c2c_call_label_id: '5M4taT8xzAg9pPIUADOW',
+    c2c_email_label_id: 'MUUC4NV5bLqHixXyhmok',
     radarAPIKey: 'prj_live_sk_569b6f639edde6120a26f703511c61aaecd3f7ef',
     firebase: {
         apiKey: "AIzaSyCA8LSPrqlDq_thk26LhBQexAQeY6pkU5Y",
@@ -1650,6 +1650,11 @@ class TwilioService {
         };
         this.currentDeviceErrorHandler = onDeviceError;
         device.on('error', onDeviceError);
+        device.on('disconnect', () => {
+            console.log('Twilio Device disconnected');
+            this.isShowIncomingCall = false;
+            this.scheduleDeviceRecovery();
+        });
         const onDeviceUnregistered = () => {
             // Stale event from a device we've already intentionally replaced — ignore.
             if (this.device !== device)
@@ -2342,7 +2347,6 @@ class CallProgressComponent {
                 if (!this.deviceNumberList?.length) {
                     this.deviceNumberList = this.callerIdList.map((res) => res.number);
                 }
-                console.log('newIncomingCallsList', this.newIncomingCallsList);
                 this.newIncomingCallsList.forEach((callInfo, i) => {
                     this.conferenceId = i == 0 ? this.newIncomingCallsList[i].conferenceId : this.conferenceId;
                     let ourNumberInfo = this.newIncomingCallsList[i]?.participants.find((resData) => ((this.deviceNumberList.includes(resData?.from) && resData?.direction == 'outgoing-call' && resData?.client) || (this.deviceNumberList.includes(resData?.to) && resData?.direction == 'incoming-call' && (!resData?.businessNumber || (resData?.businessNumber && callInfo?.participants?.length == 1)))) && !resData?.isLeft);
@@ -2424,7 +2428,6 @@ class CallProgressComponent {
                                     this.startTimer(this.currentCall?.joinedAt);
                                 }
                                 else if (index != -1 && !res?.isLeft) {
-                                    //console.log(res);
                                     const participantId = res.id;
                                     // Check if a mute update is pending for this participant
                                     const isMutePending = this.pendingMuteParticipants.has(participantId);
@@ -2635,7 +2638,7 @@ class CallProgressComponent {
                 if (!this.currentConferenceCall?.conferenceId && this.currentCall?.conferenceId) {
                     this.timer = this.getTimeDifference(this.currentCall?.joinedAt);
                 }
-                if (this.selectedUserInfo?.participantId) {
+                if (this.selectedUserInfo?.id) {
                     let selectedUser = this.currentCallList.find((item) => item?.id == this.selectedUserInfo?.id);
                     if (selectedUser && (selectedUser?.conferenceId == this.currentConferenceCall?.conferenceId || this.isClickExpand)) {
                         selectedUser.IsUserInfoShow = true;
@@ -2977,7 +2980,7 @@ class CallProgressComponent {
                 await this.pollCallStatus(callAuthId);
                 setTimeout(async () => {
                     try {
-                        let addClientParticipantRes = this.addClientParticipant({
+                        let addClientParticipantRes = await this.addClientParticipant({
                             from: callData?.from,
                             route: "OUTGOING",
                             participantNumber: callData?.phone,
@@ -2988,9 +2991,9 @@ class CallProgressComponent {
                             deviceId: this.deviceId,
                             clientSid: this.call?.parameters['CallSid']
                         });
-                        // if(addClientParticipantRes?.status != 200) {
-                        //   swal("Error", addClientParticipantRes?.message.join("<br/>"), "error");
-                        // }
+                        if (addClientParticipantRes?.status != 200) {
+                            swal("Error", addClientParticipantRes?.message, "error");
+                        }
                         this.addRes = await this.addParticipantToCall({
                             from: callData?.from,
                             route: "OUTGOING",
@@ -3028,14 +3031,34 @@ class CallProgressComponent {
                     this.unholdPendingConference();
                 }
                 else {
+                    console.log(896);
+                    this.endCallEvent.emit();
                     this.endCall(); // regular call failure – disconnect everything
                 }
             }
         }
         catch (error) {
             this.showRingAnimation = false;
-            this.handleError(error);
-            this.endCall();
+            // Whatever failed above (backend call, Twilio connect, etc.), the "Connecting..."
+            // loader must always come down — previously this was left to endCall()/the socket
+            // feed, and if either of those didn't run (or threw), the loader stayed on screen
+            // forever with no way back to the dialpad.
+            this.extensionService.isLoadershow.next(false);
+            this.isLoadershown.emit(false);
+            if (isNewConference) {
+                this.unholdPendingConference();
+            }
+            else {
+                console.log(896);
+                this.endCallEvent.emit();
+                try {
+                    this.endCall(); // regular call failure – disconnect everything
+                }
+                catch (cleanupError) {
+                    console.error('Error during call failure cleanup:', cleanupError);
+                }
+            }
+            this.handleError('Call not initiating due to a technical issue. Please try again.');
             return false;
         }
     }
@@ -3130,9 +3153,19 @@ class CallProgressComponent {
         // await this.getAllParticipants(c?.conferenceId);
     }
     async onEndCall(c, isAllCallEnd, isContect) {
-        let participantId = isAllCallEnd ? 'all' : c.participantId || c?.id;
+        let participantId = isAllCallEnd ? 'all' : c?.participantId || c?.id;
         const currentConferenceCallInfo = this.getCurrentCallInfo();
-        const participantList = this.newIncomingCallsList.find((callInfo) => callInfo?.conferenceId == c?.conferenceId).participants.filter((resData) => !resData?.isLeft);
+        // A call that failed/aborted before the backend ever created a conference for it
+        // (e.g. initiateCall()/connectToDevice() threw) has no `c` and no matching entry
+        // here — there is nothing to remove server-side, so just fall through to the
+        // local cleanup below instead of throwing on `undefined.participants`.
+        if (!c?.conferenceId && !isAllCallEnd) {
+            this.conferenceCallIDForParticipantList = currentConferenceCallInfo?.conferenceId;
+            this.incomeingCallSocketService.pause();
+            this.cdr.detectChanges();
+            return false;
+        }
+        const participantList = this.newIncomingCallsList.find((callInfo) => callInfo?.conferenceId == c?.conferenceId)?.participants.filter((resData) => !resData?.isLeft) || [];
         if (participantList?.length <= 2 && !isContect) {
             participantId = 'all';
         }
@@ -3418,7 +3451,7 @@ class CallProgressComponent {
         if (!this.C2ConfoList[userInfo?.participantId] && !this.C2ConfoList[userInfo?.businessParticipantId]) {
             this.extensionService.getUserInformation(participantID).subscribe({
                 next: (resInfo) => {
-                    let index = this.currentCallList.findIndex((item) => item?.participantId == userInfo?.id);
+                    let index = this.currentCallList.findIndex((item) => item?.participantId == participantID);
                     this.currentCallList[index] = this.mapUserInfo(this.currentCallList[index], resInfo?.c2cInformation);
                     this.selectedUserInfo = this.currentCallList[index];
                     this.C2ConfoList[participantID] = this.currentCallList[index];
@@ -3601,7 +3634,7 @@ class CallProgressComponent {
             else if (this.missCallInfo?.data?.data?.recordId == data?.id && !callToAccept.parameters?.CallSid) {
                 clearInterval(intervalId);
                 const sid = callToAccept.parameters?.CallSid;
-                this.isConnectingIncomingCallId = '';
+                this.twilioService.isConnectingIncomingCallId.next('');
                 this.isConnectingIncomingCallId = '';
                 this.acceptedCallList = this.acceptedCallList.filter(c => c.callSid !== sid);
                 this.twilioService.acceptedCallList = this.twilioService.acceptedCallList.filter((c) => c.parameters?.CallSid !== sid);
@@ -3742,7 +3775,7 @@ class CallProgressComponent {
         catch (error) {
             console.error('Error adding participant:', error);
             this.showRingAnimation = false;
-            this.handleError(error);
+            this.handleError('Failed to add participant. Please try again.');
         }
     }
     async CallToUnsavedNumber(number, isNewConference, options, participantInfo) {
@@ -4084,9 +4117,7 @@ class CallProgressComponent {
         console.log(ev);
         try {
             let selfCall = this.newIncomingCallsList.find((res) => res?.conferenceId == this.currentCall?.conferenceId)?.participants.find((resData) => ((this.deviceNumberList.includes(resData?.from) && resData?.client) || (this.deviceNumberList.includes(resData?.to) && resData?.direction == 'incoming-call' && resData?.host)) && !resData?.isLeft);
-            console.log(selfCall);
             let device = this.twilioService.getIncomingCallById(selfCall?.callSid || selfCall?.clientSid);
-            console.log(device);
             if (device && device?._status == 'open') {
                 device.sendDigits(String(ev.key));
             }
@@ -4903,7 +4934,7 @@ class DialboxComponent {
                 });
                 // Remove active-call entries whose conferenceId is no longer in the socket
                 // but keep incoming-call notifications (they are managed by notificationCallList expiry)
-                this.incomingCallsList = this.incomingCallsList.filter((res) => socketConferenceIds.includes(res.conferenceId) || res.direction === 'incoming-call');
+                this.incomingCallsList = this.incomingCallsList.filter((res) => socketConferenceIds.includes(res.conferenceId) || res.callDirection === 'incoming-call');
                 // Remove expired notification entries
                 this.notificationCallList = this.notificationCallList.filter((res) => res.endTime >= new Date().getTime());
                 // Merge notificationCallList ONCE (not inside forEach). A pending incoming-call
@@ -4941,7 +4972,7 @@ class DialboxComponent {
                     this.cdk.detectChanges();
                 }
                 else {
-                    const hasPendingNotifications = this.incomingCallsList.some((res) => res?._isNotification || res?.direction === 'incoming-call');
+                    const hasPendingNotifications = this.incomingCallsList.some((res) => res?._isNotification || res?.callDirection === 'incoming-call');
                     const hasAcceptedCalls = this.twilioService.acceptedCallList?.length > 0;
                     if ((hasAcceptedCalls || hasPendingNotifications) && this.incomingCallsList?.length) {
                         this.isCallInProgress = true;
@@ -4959,9 +4990,9 @@ class DialboxComponent {
                         }, 2000);
                     }
                 }
-                if (!this.incomingCallsList?.length && !this.twilioService.acceptedCallList?.length) {
+                if (!this.incomingCallsList?.length) {
                     setTimeout(() => {
-                        if (!this.incomingCallsList?.length && !this.twilioService.acceptedCallList?.length) {
+                        if (!this.incomingCallsList?.length) {
                             this.isCallInProgress = false;
                             this.twilioService.device?.disconnectAll();
                             this.twilioService.spareDevice?.disconnectAll();
@@ -4984,12 +5015,12 @@ class DialboxComponent {
                 if (acceptedParticipantId != null) {
                     this.notificationCallList = this.notificationCallList.filter((call) => call?.participantId != acceptedParticipantId);
                     this.incomingCallsList = this.incomingCallsList.filter((call) => !((call?.participantId == acceptedParticipantId || call?.id == acceptedParticipantId) &&
-                        call?.direction == 'incoming-call'));
+                        call?.callDirection == 'incoming-call'));
                 }
                 else {
                     // Legacy fallback: remove by conferenceId.
                     this.notificationCallList = this.notificationCallList.filter((call) => call?.conferenceId != acceptedConferenceId);
-                    this.incomingCallsList = this.incomingCallsList.filter((call) => call?.conferenceId != acceptedConferenceId || call?.direction != 'incoming-call');
+                    this.incomingCallsList = this.incomingCallsList.filter((call) => call?.conferenceId != acceptedConferenceId || call?.callDirection != 'incoming-call');
                 }
             });
             this.getUserCallSetting();
@@ -5160,16 +5191,16 @@ class DialboxComponent {
             else if (snapshot?.data?.content == "Missed Call" || snapshot?.data?.data?.status == "rejected" || snapshot?.data?.data?.status == "accepted") {
                 this.notificationCallList = this.notificationCallList.filter((call) => call?.participantId != snapshot?.data?.data?.recordId && call?.participantId != snapshot?.data?.data?.participantId);
                 this.missCallInfo = snapshot;
-                let incomingCallIndex = this.incomingCallsList.findIndex((call) => (call?.participantId == snapshot?.data?.data?.recordId || call.participantId == snapshot?.data?.data?.participantId) && call?.direction == 'incoming-call');
+                let incomingCallIndex = this.incomingCallsList.findIndex((call) => (call?.participantId == snapshot?.data?.data?.recordId || call.participantId == snapshot?.data?.data?.participantId) && call?.callDirection == 'incoming-call');
                 if (incomingCallIndex > -1) {
                     console.log('incomingCallIndex', incomingCallIndex, snapshot);
                     this.incomingCallsList.splice(incomingCallIndex, 1);
                     this.incomeingCallSocketService.pause();
                     this.cdk.detectChanges();
-                    if (!this.incomingCallsList?.length) {
-                        console.log('407');
-                        this.isCallInProgress = false;
-                    }
+                    // if (!this.incomingCallsList?.length) {
+                    //   console.log('407');
+                    //   this.isCallInProgress = false;
+                    // }
                 }
                 if (this.connectingIncomingCallId == snapshot?.data?.data?.recordId || this.connectingIncomingCallId == snapshot?.data?.data?.participantId && snapshot?.data?.data?.status != "accepted") {
                     // swal("Error", 'Internal Server Error', "error");
@@ -5192,7 +5223,7 @@ class DialboxComponent {
                 this.notificationCallList = this.notificationCallList.filter((res) => res.endTime >= (new Date().getTime()));
                 this.notificationCallList.forEach((call) => {
                     this.incomingCallsList.forEach((item) => {
-                        let info = item.participants.find((resInfo) => resInfo?.id === call?.participantId && call?.direction !== 'incoming');
+                        let info = item.participants.find((resInfo) => resInfo?.id === call?.participantId && call?.callDirection !== 'incoming');
                         if (info) {
                             parentCall.push(info.id);
                         }
@@ -5219,7 +5250,7 @@ class DialboxComponent {
             if (this.twilioService.incomingCallToken != this.updatedTwilioToken) {
                 this.twilioService.incomingCallToken = this.updatedTwilioToken;
                 this.twilioService.tokenInitialized = true;
-                this.twilioService.initializeTwilioDevice(this.deviceId || localStorage.getItem('deviceId'));
+                this.twilioService.initializeTwilioDevice(localStorage.getItem('deviceId'));
             }
         }
         if (changes['userId']?.currentValue && this.userId) {
@@ -5385,7 +5416,7 @@ class DialboxComponent {
             // so a notification can coexist with an active conference that shares its conferenceId.
             _isNotification: true,
             participantId: notification?.participantId,
-            direction: "incoming-call",
+            callDirection: "incoming-call",
             participants: [
                 {
                     direction: "incoming-call", businessNumber: notification.c2cBusiness, img: notification.fromImage || notification.image || 'assets/images/user.jpg', isIncomingCall: true, isHold: false, isConference: false, isAcceptCall: false, dial: true, phone: notification.fromNumber, to: notification.toNumber,
@@ -5955,6 +5986,7 @@ class DialboxComponent {
             this.incomingCallsList = [];
             // Clean up Twilio device when component is destroyed
             if (this.twilioService['device']) {
+                console.log('Destroying Twilio device...');
                 this.twilioService['device'].disconnectAll();
                 this.twilioService['device'].destroy();
             }