@vgroup/dialbox 0.8.6 → 0.8.8

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",
@@ -2293,6 +2293,7 @@ class CallProgressComponent {
         this.isParticipantPanelLoading = false;
         this.pendingNewCallHeldParticipant = null;
         this.isCallCancelled = false;
+        this.isNewCallLoader = false;
         this.isMinimised = false;
         this.showDisconnectModal = false;
         this.call = this.twilioService.call;
@@ -2338,6 +2339,7 @@ class CallProgressComponent {
                     name: changes['callData'].currentValue?.name || changes['callData'].currentValue?.fromName || changes['callData'].currentValue?.toName || '',
                     time: this.timer,
                 };
+                this.isNewCallLoader = true;
                 this.onAddNewCall(changes['callData'].currentValue);
             }
         }
@@ -2704,6 +2706,7 @@ class CallProgressComponent {
                     this.isRinging = false;
                     this.isConcurrentIncoming = false;
                     if (this.call) {
+                        console.log('call disconnect 566');
                         this.call.disconnect();
                     }
                     this.currentCallList = [];
@@ -2734,6 +2737,7 @@ class CallProgressComponent {
             this.deviceNumberList = this.callerIdList.map((res) => res.number);
             let data = this.newIncomingCallsList.find((item) => item?.conferenceId == this.callAction?.conferenceId)?.participants.find((resData) => resData?.host);
             if (data?.isLeft || !data) {
+                this.isNewCallLoader = true;
                 this.rejoinHost(this.callAction);
             }
         }
@@ -2803,9 +2807,11 @@ class CallProgressComponent {
                         clientSid: this.call?.parameters?.['CallSid'],
                         recordId: rejoinParticipentInfo?.id
                     });
+                    this.isNewCallLoader = false;
                     this.conferenceCallIDForParticipantList = rejoinParticipentInfo?.conferenceId;
                 }
                 catch (error) {
+                    this.isNewCallLoader = false;
                     console.error('Error in addClientParticipant:', error);
                 }
             };
@@ -3002,15 +3008,16 @@ class CallProgressComponent {
             }
             this.conferenceId = response?.callauth?.id;
             this.isCallCancelled = false;
-            if (response.status == 200) {
+            if (response?.status == 200) {
                 this.pendingNewCallHeldParticipant = null;
                 const { id: callAuthId, recordCall, tokenData } = await this.getCallAuthId(response);
                 this.recordCall = recordCall; // Store the recordCall value
                 await this.connectToDevice(callAuthId, callData, tokenData);
                 await this.pollCallStatus(callAuthId);
+                console.log('Call initiated successfully:', response);
                 setTimeout(async () => {
                     try {
-                        let addClientParticipantRes = this.addClientParticipant({
+                        let addClientParticipantRes = await this.addClientParticipant({
                             from: callData?.from,
                             route: "OUTGOING",
                             participantNumber: callData?.phone,
@@ -3021,9 +3028,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",
@@ -3034,6 +3041,7 @@ class CallProgressComponent {
                             countrycode: '',
                             deviceId: this.deviceId,
                         });
+                        this.isNewCallLoader = false;
                         if (isNewConference) {
                             this.conferenceCallIDForParticipantList = response?.callauth?.id;
                         }
@@ -3042,6 +3050,7 @@ class CallProgressComponent {
                             this.extensionService.isLoadershow.next(false);
                             this.isLoadershown.emit(false);
                         }
+                        this.showRingAnimation = false;
                         // this.conferenceCallIDForParticipantList = response?.callauth?.id;
                         // await this.getAllParticipants(response?.callauth?.id);
                     }
@@ -3061,14 +3070,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;
         }
     }
@@ -3165,7 +3194,17 @@ class CallProgressComponent {
     async onEndCall(c, isAllCallEnd, isContect, isSetTimer) {
         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';
         }
@@ -3639,7 +3678,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);
@@ -3780,7 +3819,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) {
@@ -4122,9 +4161,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));
             }
@@ -4586,13 +4623,14 @@ class CallProgressComponent {
     }
     ngOnDestroy() {
         this.callData.dial = false;
-        setTimeout(() => {
-            if (!this.newIncomingCallsList?.length) {
-                this.twilioService.device?.disconnectAll();
-                this.call.disconnect();
-                this.device?.destroy();
-            }
-        }, 1500);
+        // setTimeout(() => {
+        if (!this.newIncomingCallsList?.length && !this.isNewCallLoader) {
+            console.log('Destroying device and disconnecting all calls 2572');
+            this.twilioService.device?.disconnectAll();
+            this.call.disconnect();
+            this.device?.destroy();
+        }
+        // }, 1500);
         if (this.timerSubscription) {
             this.timerSubscription.unsubscribe();
         }
@@ -4998,6 +5036,7 @@ class DialboxComponent {
                         this.incomingCallsList = [];
                         this.isCallInProgress = false;
                         setTimeout(() => {
+                            console.log('344');
                             if (!this.twilioService.acceptedCallList?.length) {
                                 this.twilioService.device?.disconnectAll();
                                 this.twilioService.spareDevice?.disconnectAll();
@@ -5007,14 +5046,14 @@ class DialboxComponent {
                     }
                 }
                 if (!this.incomingCallsList?.length) {
-                    setTimeout(() => {
-                        if (!this.incomingCallsList?.length) {
-                            this.isCallInProgress = false;
-                            this.twilioService.device?.disconnectAll();
-                            this.twilioService.spareDevice?.disconnectAll();
-                            this.twilioService.acceptedCallList = [];
-                        }
-                    }, 2000);
+                    // setTimeout(() => {
+                    // if(!this.incomingCallsList?.length) {
+                    //   this.isCallInProgress = false;
+                    //   this.twilioService.device?.disconnectAll();
+                    //   this.twilioService.spareDevice?.disconnectAll();
+                    //   this.twilioService.acceptedCallList = [];
+                    // }
+                    // }, 5000);
                 }
             });
             this.token = localStorage.getItem('ext_token') || '';
@@ -5267,7 +5306,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) {
@@ -6003,6 +6042,7 @@ class DialboxComponent {
             this.incomingCallsList = [];
             // Clean up Twilio device when component is destroyed
             if (this.twilioService['device']) {
+                console.log('1402');
                 this.twilioService['device'].disconnectAll();
                 this.twilioService['device'].destroy();
             }