@vgroup/dialbox 0.7.92 → 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",
@@ -2347,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);
@@ -2429,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);
@@ -2982,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,
@@ -2993,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",
@@ -3033,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;
         }
     }
@@ -3135,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';
         }
@@ -3606,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);
@@ -3747,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) {
@@ -4089,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));
             }
@@ -4879,7 +4905,6 @@ class DialboxComponent {
                 incomingCallData = incomingCallData?.length > 0
                     ? incomingCallData.filter((item) => item.participants?.length > 0)
                     : [];
-                console.log('244', incomingCallData);
                 // All conferenceIds received from socket this tick
                 const socketConferenceIds = incomingCallData.map((c) => c.conferenceId);
                 incomingCallData.forEach((callInfo) => {
@@ -4907,14 +4932,11 @@ class DialboxComponent {
                         }
                     }
                 });
-                console.log('incomingCallsList 275', this.incomingCallsList);
                 // 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');
-                console.log('incomingCallsList 281', this.incomingCallsList);
+                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());
-                console.log('notificationCallList 286', this.notificationCallList, this.incomingCallsList);
                 // Merge notificationCallList ONCE (not inside forEach). A pending incoming-call
                 // notification is identified by its OWN participantId — never by conferenceId —
                 // because it can legitimately share the conferenceId of a conference we are already
@@ -4923,10 +4945,8 @@ class DialboxComponent {
                 const existingNotificationParticipantIds = new Set(this.incomingCallsList
                     .filter((r) => r?._isNotification)
                     .map((r) => r?.participantId));
-                console.log('existingNotificationParticipantIds 296', existingNotificationParticipantIds);
                 const notificationsToAdd = this.notificationCallList.filter((n) => !existingNotificationParticipantIds.has(n?.participantId));
                 this.incomingCallsList = [...this.incomingCallsList, ...notificationsToAdd];
-                console.log('incomingCallsList 305', this.incomingCallsList, notificationsToAdd);
                 // Final deduplication. Active conference entries are keyed by conferenceId (socket data
                 // wins — last write wins). Pending incoming-call notifications are keyed in a SEPARATE
                 // namespace by participantId, so a notification and an active conference that share the
@@ -4938,13 +4958,11 @@ class DialboxComponent {
                         : `conf:${item?.conferenceId}`;
                     seen.set(key, item);
                 }
-                console.log('incomingCallsList 320', this.incomingCallsList, Array.from(seen.values()));
                 let finalList = Array.from(seen.values());
                 // Remove any notification entry if an active conference with the same conferenceId already exists
                 // added for 7472 bug
                 const activeConferenceIds = new Set(finalList.filter((item) => !item._isNotification).map((item) => item.conferenceId));
                 finalList = finalList.filter((item) => !(item._isNotification && activeConferenceIds.has(item.conferenceId)));
-                console.log('incomingCallsList 33=0', this.incomingCallsList, finalList);
                 this.incomingCallsList = finalList;
                 if (this.incomingCallsList?.length && incomingCallData?.length) {
                     this.isCallInProgress = true;
@@ -4954,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;
@@ -4997,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();
@@ -5173,7 +5191,7 @@ 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);
@@ -5205,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);
                         }
@@ -5232,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) {
@@ -5398,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,
@@ -5968,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();
             }