@vgroup/dialbox 0.3.4 → 0.3.6

package/fesm2020/vgroup-dialbox.mjs

@@ -1994,11 +1994,33 @@ class IncomingCallComponent {
         this.extensionService.getRemoveParticipants(this.incomingCallData.participantId, this.incomingCallData.conferenceId).toPromise();
     }
     async add() {
-        let device = await this.twilioService.connect('');
-        console.log(device, 'callConnect');
-        // this.device = new Device();/
-        // Device.connect({ conferenceName: 'my-conference-room' });
-        // this.device = new Device({ conferenceName: 'my-conference-room' });
+        try {
+            console.log('Connecting to conference...', this.incomingCallData);
+            // Step 1: Get conference token
+            const tokenResponse = await this.extensionService.getConferenceCallToken({
+                authId: this.incomingCallData.conferenceId || this.incomingCallData.conferenceSid
+            }).toPromise();
+            console.log('Conference token received:', tokenResponse);
+            // Step 2: Create a new device with conference token
+            const conferenceDevice = new Device(tokenResponse.token.value, {
+                codecPreferences: ['opus', 'pcmu'],
+                closeProtection: true
+            });
+            // Step 3: Connect to the conference
+            const call = await conferenceDevice.connect({
+                params: {
+                    conferenceName: this.twilioService.conferenceName
+                }
+            });
+            console.log('Conference call connected:', call);
+            this.twilioCallData = call;
+            // Step 4: Emit to parent component
+            this.closeIncomingCallDiv.emit({ show: 1, call: call });
+        }
+        catch (error) {
+            console.error('Error connecting to conference:', error);
+            swal("Error", "Failed to join the conference. Please try again.", "error");
+        }
     }
 }
 IncomingCallComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IncomingCallComponent, deps: [{ token: ExtensionService }, { token: TwilioService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
@@ -2063,6 +2085,7 @@ class CallProgressComponent {
         this.isConcurrentIncoming = false;
         this.isCallOnHold = false;
         this.contacts = [];
+        this.currentCallList = [];
         this.isMinimised = false;
         console.log('Call Progress Component');
     }
@@ -2201,6 +2224,7 @@ class CallProgressComponent {
                         });
                         this.callData = { ...this.callData, participantId: this.addRes?.participantId };
                         this.call['callInfo'] = JSON.parse(JSON.stringify(this.callData));
+                        this.currentCallList.push(this.call);
                         console.log('Initial participantId:', this.addRes?.participantId);
                     }
                     catch (e) {
@@ -2494,6 +2518,7 @@ class CallProgressComponent {
                 img: contact?.img || 'assets/images/user.jpg'
             };
             this.call['callInfo'] = JSON.parse(JSON.stringify(this.callData));
+            this.currentCallList.push(this.call);
             this.cdr.detectChanges();
             // Get the conference ID from the current call or use the stored one
             const conferenceId = this.conferenceId;
@@ -2585,6 +2610,7 @@ class CallProgressComponent {
             return;
         console.log(this.call, 'this.call');
         console.log(this.heldCall, 'this.heldCall');
+        console.log(this.currentCallList, 'this.currentCallList');
         await this.onholdOrUnholdParticipant({
             participantId: this.call?.callInfo?.participantId,
             conferenceId: this.conferenceId,
@@ -3104,7 +3130,7 @@ class DialboxComponent {
                 console.log("WS Event Received:", incomingCallData);
                 console.log("WS Event Received:", incomingCallData.data);
                 this.twilioService.conferenceName = incomingCallData.conferenceName;
-                let participants = incomingCallData.participants.filter((item) => !item.isLeft);
+                let participants = incomingCallData.participants.length > 0 ? incomingCallData.participants.filter((item) => !item.isLeft) : [];
                 if (participants.length > 0) {
                     // this.showIncomingCallPopup(incoming, data/
                     this.isCallInProgress = true;