@vgroup/dialbox 0.2.70 → 0.2.72

package/fesm2015/vgroup-dialbox.mjs

@@ -612,13 +612,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 = {
@@ -2125,15 +2125,16 @@ class CallProgressComponent {
                     yield this.connectToDevice(tokenData.token, callData);
                     yield this.pollCallStatus(callAuthId);
                     setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+                        var _b, _c;
                         try {
-                            const addRes = yield this.addParticipantToCall({
+                            this.addRes = yield this.addParticipantToCall({
                                 from: callData === null || callData === void 0 ? void 0 : callData.from,
                                 route: "OUTGOING",
                                 participantNumber: callData === null || callData === void 0 ? void 0 : callData.phone,
                                 conferenceId: this.conferenceId
                             });
-                            this.callData = Object.assign(Object.assign({}, this.callData), { participantId: addRes === null || addRes === void 0 ? void 0 : addRes.participantId });
-                            console.log('Initial participantId:', addRes === null || addRes === void 0 ? void 0 : addRes.participantId);
+                            this.callData = Object.assign(Object.assign({}, this.callData), { participantId: (_b = this.addRes) === null || _b === void 0 ? void 0 : _b.participantId });
+                            console.log('Initial participantId:', (_c = this.addRes) === null || _c === void 0 ? void 0 : _c.participantId);
                         }
                         catch (e) {
                             console.error('Error adding initial participant:', e);
@@ -2369,8 +2370,10 @@ class CallProgressComponent {
         this.GetContactsList();
     }
     addRemoveParticipant() {
+        var _a;
+        const conferenceSId = (_a = this.addRes) === null || _a === void 0 ? void 0 : _a.conferenceSid;
         this.isAddRemoveParticipant = !this.isAddRemoveParticipant;
-        this.getAllParticipants();
+        this.getAllParticipants(conferenceSId);
     }
     callContact(contact) {
         var _a, _b, _c, _d;
@@ -2400,6 +2403,12 @@ 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 === null || contact === void 0 ? void 0 : contact.firstName, contact === null || contact === void 0 ? void 0 : contact.middleName, contact === null || contact === void 0 ? void 0 : contact.lastName]
+                    .filter(Boolean)
+                    .join(' ');
+                this.callData = Object.assign(Object.assign({}, this.callData), { phone: phoneNumber, displayNum: phoneNumber, name: contactName || phoneNumber, img: (contact === null || contact === void 0 ? void 0 : 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) {
@@ -2432,8 +2441,8 @@ class CallProgressComponent {
             }
         });
     }
-    getAllParticipants() {
-        this.extensionService.getAllParticipants(this.conferenceId).subscribe((res) => {
+    getAllParticipants(conferenceSid) {
+        this.extensionService.getAllParticipants(conferenceSid).subscribe((res) => {
             console.log(res);
         });
     }