@vgroup/dialbox 0.2.60 → 0.2.62

package/fesm2015/vgroup-dialbox.mjs

@@ -2102,6 +2102,7 @@ class CallProgressComponent {
         });
     }
     startCall(callData) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             console.log(callData, 'callData');
             try {
@@ -2114,6 +2115,7 @@ class CallProgressComponent {
                     scope: 'local',
                 };
                 const response = yield this.initiateCall(payload);
+                this.conferenceId = (_a = response === null || response === void 0 ? void 0 : response.callauth) === null || _a === void 0 ? void 0 : _a.id;
                 if (response.status == 200) {
                     const { id: callAuthId, recordCall } = yield this.getCallAuthId(response);
                     this.getUserInformation(callAuthId);
@@ -2122,12 +2124,12 @@ class CallProgressComponent {
                     yield this.connectToDevice(tokenData.token, callData);
                     yield this.pollCallStatus(callAuthId);
                     setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                        var _a;
+                        var _b;
                         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: (_a = response === null || response === void 0 ? void 0 : response.callauth) === null || _a === void 0 ? void 0 : _a.id
+                            conferenceId: (_b = response === null || response === void 0 ? void 0 : response.callauth) === null || _b === void 0 ? void 0 : _b.id
                         });
                     }), 1000);
                     // Poll the status for 30-45 seconds
@@ -2358,121 +2360,114 @@ class CallProgressComponent {
         this.isAddRemoveParticipant = !this.isAddRemoveParticipant;
         this.GetContactsList();
     }
-    callContact(contact) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            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 && ((_a = contact.numbersList[0]) === null || _a === void 0 ? void 0 : _a.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 = yield this.initiateCall(payload);
-                if (response.status == 200) {
-                    const { id: callAuthId, recordCall } = yield this.getCallAuthId(response);
-                    this.getUserInformation(callAuthId);
-                    this.recordCall = recordCall;
-                    const tokenData = yield 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);
-                        yield this.device.register();
-                    }
-                    else {
-                        // Update token if Device supports it and token changed/rotated
-                        try {
-                            if (this.device.updateToken) {
-                                yield this.device.updateToken(tokenData.token.value);
-                            }
-                        }
-                        catch (e) {
-                            console.warn('Device updateToken failed, proceeding with existing token', e);
-                        }
-                    }
-                    const newCall = yield 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
@@ -2495,6 +2490,104 @@ class CallProgressComponent {
     //   this.startTimer();
     //   this.cdr.detectChanges();
     // }
+    callContact(contact) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log("Starting second call:", contact);
+            // Must have active Call A
+            if (!this.call || this.call.status() !== "open") {
+                console.error("No active call to start second call");
+                return;
+            }
+            const phoneNumber = (_b = (_a = contact === null || contact === void 0 ? void 0 : contact.numbersList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.number;
+            if (!phoneNumber) {
+                console.error("No phone number found");
+                return;
+            }
+            try {
+                // ---- HOLD CALL A ----
+                this.heldCall = this.call;
+                this.isCallOnHold = true;
+                this.heldCall.mute(true);
+                console.log("Call A placed on hold");
+                this.showContactsPanel = false;
+                this.showRingAnimation = true;
+                // ---- START CALL B ----
+                yield this.startSecondOutboundCall(phoneNumber, contact);
+                this.showRingAnimation = false;
+                console.log("Second call started successfully");
+            }
+            catch (err) {
+                console.error("Error starting second call:", err);
+                // Restore call A
+                if (this.heldCall) {
+                    this.call = this.heldCall;
+                    this.heldCall = undefined;
+                    this.isCallOnHold = false;
+                    this.call.mute(false);
+                }
+                this.showRingAnimation = false;
+                swal("Error", "Failed to start second call", "error");
+            }
+        });
+    }
+    startSecondOutboundCall(phoneNumber, contact) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log("Dialing second call to", phoneNumber);
+            // 1️⃣ Prepare data for new call
+            const payload = {
+                channelId: environment.channelId,
+                userId: localStorage.getItem("userId"),
+                to: phoneNumber,
+                scope: "local",
+                fromNumber: this.callData.from
+            };
+            const response = yield this.initiateCall(payload);
+            if (response.status !== 200) {
+                throw new Error("Backend failed to initiate call");
+            }
+            const { id: callAuthId, recordCall } = yield this.getCallAuthId(response);
+            this.recordCall = recordCall;
+            const tokenData = yield this.getOutgoingCallToken(callAuthId);
+            // 2️⃣ Setup Twilio Device (same as your current code)
+            const options = {
+                codecPreferences: ["opus", "pcmu"],
+                closeProtection: true,
+            };
+            if (!this.device) {
+                this.device = new Device(tokenData.token.value, options);
+                yield this.device.register();
+            }
+            else if (this.device.updateToken) {
+                yield this.device.updateToken(tokenData.token.value);
+            }
+            // 3️⃣ Start NEW CALL B
+            const newCall = yield 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" } }
+            });
+            // 4️⃣ Set new call B as active call
+            this.call = newCall;
+            // Update call data UI
+            this.callData = {
+                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
+            };
+            this.setupEventListeners();
+            this.pollCallStatus(callAuthId);
+            console.log("Call B is now active");
+        });
+    }
     acceptConcurrentCall(incomingCall) {
         var _a, _b;
         if (!incomingCall)
@@ -2548,15 +2641,47 @@ class CallProgressComponent {
         console.log('Updated callData:', this.callData);
         this.cdr.detectChanges();
     }
+    // mergeCalls() {
+    //   // Merge functionality - unmute both calls for conference
+    //   if (this.heldCall && this.call) {
+    //     this.heldCall.mute(false);
+    //     this.call.mute(false);
+    //     this.isCallOnHold = false;
+    //     this.isConference = true;
+    //     this.cdr.detectChanges();
+    //   }
+    // }
     mergeCalls() {
-        // Merge functionality - unmute both calls for conference
-        if (this.heldCall && this.call) {
-            this.heldCall.mute(false);
-            this.call.mute(false);
-            this.isCallOnHold = false;
-            this.isConference = true;
-            this.cdr.detectChanges();
-        }
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.conferenceId) {
+                swal("Error", "Unable to merge: conference ID missing", "error");
+                return;
+            }
+            if (!((_a = this.callData) === null || _a === void 0 ? void 0 : _a.phone)) {
+                swal("Error", "Second call number is missing", "error");
+                return;
+            }
+            try {
+                this.showRingAnimation = true;
+                const payload = {
+                    from: this.callData.from,
+                    route: "OUTGOING",
+                    participantNumber: this.callData.phone,
+                    conferenceId: this.conferenceId
+                };
+                console.log("Calling addParticipant API:", payload);
+                yield this.addParticipantToCall(payload);
+                this.showRingAnimation = false;
+                this.isConference = true;
+                swal("Success", "Calls have been merged", "success");
+            }
+            catch (error) {
+                console.error("Merge failed:", error);
+                this.showRingAnimation = false;
+                swal("Error", "Failed to merge calls", "error");
+            }
+        });
     }
     endHeldCall() {
         if (this.heldCall) {