@vgroup/dialbox 0.2.70 → 0.2.72

package/fesm2020/vgroup-dialbox.mjs

@@ -611,13 +611,13 @@ class ExtensionService {
         const httpOptions = { headers: headers };
         return this.http.post(environment.apiUrl + '/utilities/ext/ur/hold/participant', payload, httpOptions);
     }
-    getAllParticipants(conferenceId) {
+    getAllParticipants(conferenceSid) {
         const headers = new HttpHeaders({
             'Content-Type': 'application/json',
             'Auth-Key': 'Bearer ' + localStorage.getItem('ext_token')
         });
         const httpOptions = { headers: headers };
-        return this.http.get(environment.apiUrl + `/utilities/ext/ur/all/participent/${conferenceId}`, httpOptions);
+        return this.http.get(environment.apiUrl + `/utilities/ext/ur/all/participent/${conferenceSid}`, httpOptions);
     }
     updateHoldUnhold(payload) {
         const params = {
@@ -2121,14 +2121,14 @@ class CallProgressComponent {
                 await this.pollCallStatus(callAuthId);
                 setTimeout(async () => {
                     try {
-                        const addRes = await this.addParticipantToCall({
+                        this.addRes = await this.addParticipantToCall({
                             from: callData?.from,
                             route: "OUTGOING",
                             participantNumber: callData?.phone,
                             conferenceId: this.conferenceId
                         });
-                        this.callData = { ...this.callData, participantId: addRes?.participantId };
-                        console.log('Initial participantId:', addRes?.participantId);
+                        this.callData = { ...this.callData, participantId: this.addRes?.participantId };
+                        console.log('Initial participantId:', this.addRes?.participantId);
                     }
                     catch (e) {
                         console.error('Error adding initial participant:', e);
@@ -2346,8 +2346,9 @@ class CallProgressComponent {
         this.GetContactsList();
     }
     addRemoveParticipant() {
+        const conferenceSId = this.addRes?.conferenceSid;
         this.isAddRemoveParticipant = !this.isAddRemoveParticipant;
-        this.getAllParticipants();
+        this.getAllParticipants(conferenceSId);
     }
     async callContact(contact) {
         console.log('Adding participant:', contact);
@@ -2375,6 +2376,18 @@ class CallProgressComponent {
             // Close contacts panel and show ring animation
             this.showContactsPanel = false;
             this.showRingAnimation = true;
+            // Update UI to reflect the new outbound leg being dialed
+            const contactName = [contact?.firstName, contact?.middleName, contact?.lastName]
+                .filter(Boolean)
+                .join(' ');
+            this.callData = {
+                ...this.callData,
+                phone: phoneNumber,
+                displayNum: phoneNumber,
+                name: contactName || phoneNumber,
+                img: contact?.img || 'assets/images/user.jpg'
+            };
+            this.cdr.detectChanges();
             // Get the conference ID from the current call or use the stored one
             const conferenceId = this.conferenceId;
             if (!conferenceId) {
@@ -2406,8 +2419,8 @@ class CallProgressComponent {
             this.handleError(error);
         }
     }
-    getAllParticipants() {
-        this.extensionService.getAllParticipants(this.conferenceId).subscribe((res) => {
+    getAllParticipants(conferenceSid) {
+        this.extensionService.getAllParticipants(conferenceSid).subscribe((res) => {
             console.log(res);
         });
     }