@vgroup/dialbox 0.2.59 → 0.2.61

package/fesm2020/vgroup-dialbox.mjs

@@ -2110,19 +2110,22 @@ class CallProgressComponent {
                 scope: 'local',
             };
             const response = await this.initiateCall(payload);
+            this.conferenceId = response?.callauth?.id;
             if (response.status == 200) {
                 const { id: callAuthId, recordCall } = await this.getCallAuthId(response);
                 this.getUserInformation(callAuthId);
                 this.recordCall = recordCall; // Store the recordCall value
                 const tokenData = await this.getOutgoingCallToken(callAuthId);
                 await this.connectToDevice(tokenData.token, callData);
-                this.pollCallStatus(callAuthId);
-                await this.addParticipantToCall({
-                    from: callData?.from,
-                    route: "OUTGOING",
-                    participantNumber: callData?.phone,
-                    conferenceId: response?.callauth?.id
-                });
+                await this.pollCallStatus(callAuthId);
+                setTimeout(async () => {
+                    await this.addParticipantToCall({
+                        from: callData?.from,
+                        route: "OUTGOING",
+                        participantNumber: callData?.phone,
+                        conferenceId: response?.callauth?.id
+                    });
+                }, 1000);
                 // Poll the status for 30-45 seconds
             }
             else if (response.status == 201) {
@@ -2335,118 +2338,114 @@ class CallProgressComponent {
         this.isAddRemoveParticipant = !this.isAddRemoveParticipant;
         this.GetContactsList();
     }
-    async callContact(contact) {
-        console.log('Adding contact to call:', contact);
-        // Check if there's an active call
-        if (!this.call || this.call.status() !== 'open') {
-            console.error('No active call to add participant to');
-            return;
-        }
-        // Get the phone number from the contact
-        const phoneNumber = contact.numbersList && contact.numbersList[0]?.number;
-        if (!phoneNumber) {
-            console.error('No phone number found for contact');
-            return;
-        }
-        try {
-            // Put current call on hold
-            if (this.call) {
-                this.heldCall = this.call;
-                this.isCallOnHold = true;
-                this.heldCall.mute(true);
-                console.log('Current call put on hold');
-            }
-            // Close contacts panel
-            this.showContactsPanel = false;
-            // Prepare new call data
-            const newCallData = {
-                phone: phoneNumber,
-                from: this.callData.from,
-                extNum: this.callData.extNum,
-                name: `${contact.firstName} ${contact.middleName || ''} ${contact.lastName || ''}`.trim(),
-                img: contact.img || 'assets/images/user.jpg',
-                displayNum: phoneNumber
-            };
-            // Initiate new call
-            this.showRingAnimation = true;
-            const payload = {
-                channelId: environment.channelId,
-                userId: localStorage.getItem('userId'),
-                to: phoneNumber,
-                scope: 'local',
-                fromNumber: this.callData.from
-            };
-            const response = await this.initiateCall(payload);
-            if (response.status == 200) {
-                const { id: callAuthId, recordCall } = await this.getCallAuthId(response);
-                this.getUserInformation(callAuthId);
-                this.recordCall = recordCall;
-                const tokenData = await this.getOutgoingCallToken(callAuthId);
-                // Connect to new call
-                const options = {
-                    codecPreferences: ['opus', 'pcmu'],
-                    closeProtection: true,
-                };
-                // Reuse existing Device if available; otherwise create and register once
-                if (!this.device) {
-                    this.device = new Device(tokenData.token.value, options);
-                    await this.device.register();
-                }
-                else {
-                    // Update token if Device supports it and token changed/rotated
-                    try {
-                        if (this.device.updateToken) {
-                            await this.device.updateToken(tokenData.token.value);
-                        }
-                    }
-                    catch (e) {
-                        console.warn('Device updateToken failed, proceeding with existing token', e);
-                    }
-                }
-                const newCall = await this.device.connect({
-                    params: {
-                        From: this.callData.from,
-                        To: phoneNumber,
-                        Env: environment.abb,
-                        Token: tokenData.token.id,
-                        Ext: this.callData.extNum
-                    },
-                    rtcConstraints: { audio: { deviceId: 'default' } },
-                });
-                // Set new call as active
-                this.call = newCall;
-                this.callData = newCallData;
-                // Setup event listeners for new call
-                this.setupEventListeners();
-                // Poll call status
-                this.pollCallStatus(callAuthId);
-                console.log('New call initiated to:', phoneNumber);
-                this.cdr.detectChanges();
-            }
-            else if (response.status == 201) {
-                swal("Error", response.message.join("<br/>"), "error");
-                // Restore held call if new call fails
-                if (this.heldCall) {
-                    this.call = this.heldCall;
-                    this.heldCall = undefined;
-                    this.isCallOnHold = false;
-                    this.call.mute(false);
-                }
-            }
-        }
-        catch (error) {
-            console.error('Error adding participant:', error);
-            this.showRingAnimation = false;
-            // Restore held call on error
-            if (this.heldCall) {
-                this.call = this.heldCall;
-                this.heldCall = undefined;
-                this.isCallOnHold = false;
-                this.call.mute(false);
-            }
-            this.handleError(error);
-        }
-    }
+    // async callContact(contact: any) {
+    //   console.log('Adding contact to call:', contact);
+    //   // Check if there's an active call
+    //   if (!this.call || this.call.status() !== 'open') {
+    //     console.error('No active call to add participant to');
+    //     return;
+    //   }
+    //   // Get the phone number from the contact
+    //   const phoneNumber = contact.numbersList && contact.numbersList[0]?.number;
+    //   if (!phoneNumber) {
+    //     console.error('No phone number found for contact');
+    //     return;
+    //   }
+    //   try {
+    //     // Put current call on hold
+    //     if (this.call) {
+    //       this.heldCall = this.call;
+    //       this.isCallOnHold = true;
+    //       this.heldCall.mute(true);
+    //       console.log('Current call put on hold');
+    //     }
+    //     // Close contacts panel
+    //     this.showContactsPanel = false;
+    //     // Prepare new call data
+    //     const newCallData = {
+    //       phone: phoneNumber,
+    //       from: this.callData.from,
+    //       extNum: this.callData.extNum,
+    //       name: `${contact.firstName} ${contact.middleName || ''} ${contact.lastName || ''}`.trim(),
+    //       img: contact.img || 'assets/images/user.jpg',
+    //       displayNum: phoneNumber
+    //     };
+    //     // Initiate new call
+    //     this.showRingAnimation = true;
+    //     const payload = {
+    //       channelId: environment.channelId,
+    //       userId: localStorage.getItem('userId'),
+    //       to: phoneNumber,
+    //       scope: 'local',
+    //       fromNumber: this.callData.from
+    //     };
+    //     const response = await this.initiateCall(payload);
+    //     if (response.status == 200) {
+    //       const { id: callAuthId, recordCall } = await this.getCallAuthId(response);
+    //       this.getUserInformation(callAuthId);
+    //       this.recordCall = recordCall;
+    //       const tokenData: any = await this.getOutgoingCallToken(callAuthId);
+    //       // Connect to new call
+    //       const options: any = {
+    //         codecPreferences: ['opus', 'pcmu'],
+    //         closeProtection: true,
+    //       };
+    //       // Reuse existing Device if available; otherwise create and register once
+    //       if (!this.device) {
+    //         this.device = new Device(tokenData.token.value, options);
+    //         await this.device.register();
+    //       } else {
+    //         // Update token if Device supports it and token changed/rotated
+    //         try {
+    //           if ((this.device as any).updateToken) {
+    //             await (this.device as any).updateToken(tokenData.token.value);
+    //           }
+    //         } catch (e) {
+    //           console.warn('Device updateToken failed, proceeding with existing token', e);
+    //         }
+    //       }
+    //       const newCall = await this.device.connect({
+    //         params: {
+    //           From: this.callData.from,
+    //           To: phoneNumber,
+    //           Env: environment.abb,
+    //           Token: tokenData.token.id,
+    //           Ext: this.callData.extNum
+    //         },
+    //         rtcConstraints: { audio: { deviceId: 'default' } },
+    //       });
+    //       // Set new call as active
+    //       this.call = newCall;
+    //       this.callData = newCallData;
+    //       // Setup event listeners for new call
+    //       this.setupEventListeners();
+    //       // Poll call status
+    //       this.pollCallStatus(callAuthId);
+    //       console.log('New call initiated to:', phoneNumber);
+    //       this.cdr.detectChanges();
+    //     } else if (response.status == 201) {
+    //       swal("Error", response.message.join("<br/>"), "error");
+    //       // Restore held call if new call fails
+    //       if (this.heldCall) {
+    //         this.call = this.heldCall;
+    //         this.heldCall = undefined;
+    //         this.isCallOnHold = false;
+    //         this.call.mute(false);
+    //       }
+    //     }
+    //   } catch (error) {
+    //     console.error('Error adding participant:', error);
+    //     this.showRingAnimation = false;
+    //     // Restore held call on error
+    //     if (this.heldCall) {
+    //       this.call = this.heldCall;
+    //       this.heldCall = undefined;
+    //       this.isCallOnHold = false;
+    //       this.call.mute(false);
+    //     }
+    //     this.handleError(error);
+    //   }
+    // }
     // acceptConcurrentCall(incomingCall: any) {
     //   if (!incomingCall) return;
     //   // Put current call on hold instead of disconnecting
@@ -2469,6 +2468,57 @@ class CallProgressComponent {
     //   this.startTimer();
     //   this.cdr.detectChanges();
     // }
+    async callContact(contact) {
+        console.log("Adding participant:", contact);
+        if (!this.call || this.call.status() !== 'open') {
+            console.error('No active call');
+            return;
+        }
+        const phoneNumber = contact?.numbersList?.[0]?.number;
+        if (!phoneNumber) {
+            console.error("No phone number found");
+            return;
+        }
+        try {
+            // ---- HOLD CURRENT CALL ----
+            this.heldCall = this.call;
+            this.isCallOnHold = true;
+            this.heldCall.mute(true);
+            this.showContactsPanel = false;
+            this.showRingAnimation = true;
+            if (!this.conferenceId) {
+                console.error("No conferenceId found for active call");
+                swal("Error", "Cannot add participant: conference not found", "error");
+                this.showRingAnimation = false;
+                return;
+            }
+            // ---- BUILD PAYLOAD ----
+            setTimeout(async () => {
+                await this.addParticipantToCall({
+                    from: this.callData?.from,
+                    route: "OUTGOING",
+                    participantNumber: this.callData?.phone,
+                    conferenceId: this.conferenceId
+                });
+            }, 1000);
+            console.log("API Response:", this.conferenceId);
+            this.showRingAnimation = false;
+            swal("Success", "Participant is being added to your call", "success");
+            // UI enters conference mode
+            this.isConference = true;
+        }
+        catch (err) {
+            console.error("Error adding participant:", err);
+            swal("Error", "Failed to add participant", "error");
+            this.showRingAnimation = false;
+            if (this.heldCall) {
+                this.call = this.heldCall;
+                this.heldCall = undefined;
+                this.call.mute(false);
+                this.isCallOnHold = false;
+            }
+        }
+    }
     acceptConcurrentCall(incomingCall) {
         if (!incomingCall)
             return;