@vgroup/dialbox 0.2.79 → 0.2.81

package/fesm2020/vgroup-dialbox.mjs

@@ -1647,7 +1647,7 @@ class IncomeingCallSocketService {
     }
     connect() {
         // Replace with your WebSocket URL
-        this.socket = new WebSocket(`${environment.websocketUrl}/incoming/call`);
+        this.socket = new WebSocket(`${environment.websocketUrl}incoming/call`);
         this.socket.onopen = () => {
             console.log("WebSocket connected");
             // Authenticate (if needed)
@@ -2080,6 +2080,7 @@ class CallProgressComponent {
         if (changes['callData']) {
             if (changes['callData'].currentValue?.isIncomingCall) {
                 this.incomingCallDiv = true;
+                this.call['callInfo'] = { ...this.callData };
                 this.cdr.detectChanges();
             }
             else if (changes['callData'].currentValue?.displayNum || changes['callData'].currentValue?.from) {
@@ -2179,7 +2180,7 @@ class CallProgressComponent {
                             conferenceId: this.conferenceId
                         });
                         this.callData = { ...this.callData, participantId: this.addRes?.participantId };
-                        this.call['callInfo'] = this.callData;
+                        this.call['callInfo'] = { ...this.callData };
                         console.log('Initial participantId:', this.addRes?.participantId);
                     }
                     catch (e) {
@@ -2449,7 +2450,7 @@ class CallProgressComponent {
                 hold: true
             });
             // Put current call on hold
-            this.heldCall = this.call;
+            this.heldCall = { ...this.call };
             this.isCallOnHold = true;
             this.heldCall.mute(true);
             // Close contacts panel and show ring animation
@@ -2466,6 +2467,7 @@ class CallProgressComponent {
                 name: contactName || phoneNumber,
                 img: contact?.img || 'assets/images/user.jpg'
             };
+            this.call['callInfo'] = { ...this.callData };
             this.cdr.detectChanges();
             // Get the conference ID from the current call or use the stored one
             const conferenceId = this.conferenceId;
@@ -2500,7 +2502,7 @@ class CallProgressComponent {
     }
     getAllParticipants(conferenceSid) {
         this.extensionService.getAllParticipants(conferenceSid).subscribe((res) => {
-            console.log(res);
+            this.allParticipentList = res.participants;
         });
     }
     // acceptConcurrentCall(incomingCall: any) {
@@ -2555,6 +2557,8 @@ class CallProgressComponent {
     async swapCalls() {
         if (!this.heldCall || !this.call)
             return;
+        console.log(this.call, 'this.call');
+        console.log(this.heldCall, 'this.heldCall');
         await this.onholdOrUnholdParticipant({
             participantId: this.call?.callInfo?.participantId,
             conferenceId: this.conferenceId,
@@ -3067,50 +3071,50 @@ class DialboxComponent {
         // Ensure Twilio is initialized even when dialpad starts hidden,
         // so we can auto-open on incoming calls.
         this.initializeTwilio();
-        this.incomeingCallSocketService.connect();
-        this.incomeingCallSocketService.listen().subscribe((incomingCallData) => {
-            console.log("WS Event Received:", incomingCallData);
-            console.log("WS Event Received:", incomingCallData.data);
-            if (incomingCallData.type === "/incoming/call") {
-                if (incomingCallData) {
-                    if (this.autoOpenOnIncoming && this._isDialpadHidden) {
-                        this._isDialpadHidden = false;
-                    }
-                    if (this.isCallInProgress) {
-                        this.newIncomingCalls.push(incomingCallData);
-                        console.log('325', incomingCallData);
-                        this.getUserInformation(incomingCallData);
-                    }
-                    else {
-                        incomingCallData['isFirstCall'] = true;
-                        console.log('dd1');
-                        this.isCallInProgress = true;
-                        this.isDialpadHidden = false;
-                        this.callData.phone = incomingCallData.parameters['From'];
-                        console.log('dd2');
-                        this.getUserInformation(incomingCallData);
-                        this.callData.name = incomingCallData.customParameters.get('name');
-                        this.callData.img = incomingCallData.customParameters.get('image') || 'assets/images/user.jpg';
-                        this.callData.isIncomingCall = true;
+        try {
+            this.incomeingCallSocketService.connect();
+            this.incomeingCallSocketService.listen().subscribe((incomingCallData) => {
+                console.log("WS Event Received:", incomingCallData);
+                console.log("WS Event Received:", incomingCallData.data);
+                if (incomingCallData.type === "/incoming/call") {
+                    if (incomingCallData) {
+                        if (this.autoOpenOnIncoming && this._isDialpadHidden) {
+                            this._isDialpadHidden = false;
+                        }
+                        if (this.isCallInProgress) {
+                            this.newIncomingCalls.push(incomingCallData);
+                            console.log('325', incomingCallData);
+                            this.getUserInformation(incomingCallData);
+                        }
+                        else {
+                            incomingCallData['isFirstCall'] = true;
+                            console.log('dd1');
+                            this.isCallInProgress = true;
+                            this.isDialpadHidden = false;
+                            this.callData.phone = incomingCallData.parameters['From'];
+                            console.log('dd2');
+                            this.getUserInformation(incomingCallData);
+                            this.callData.name = incomingCallData.customParameters.get('name');
+                            this.callData.img = incomingCallData.customParameters.get('image') || 'assets/images/user.jpg';
+                            this.callData.isIncomingCall = true;
+                        }
+                        incomingCallData.on('cancel', () => {
+                            this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
+                            // if(this.incomingCallsList.length == 0){
+                            //   console.log('dd3')
+                            //   this.isCallInProgress = false;
+                            // }
+                        });
+                        incomingCallData.on('disconnect', () => {
+                            this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
+                            // if(this.incomingCallsList.length == 0){
+                            //   console.log('dd4')
+                            //   this.isCallInProgress = false;
+                            // }
+                        });
                     }
-                    incomingCallData.on('cancel', () => {
-                        this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
-                        // if(this.incomingCallsList.length == 0){
-                        //   console.log('dd3')
-                        //   this.isCallInProgress = false;
-                        // }
-                    });
-                    incomingCallData.on('disconnect', () => {
-                        this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
-                        // if(this.incomingCallsList.length == 0){
-                        //   console.log('dd4')
-                        //   this.isCallInProgress = false;
-                        // }
-                    });
                 }
-            }
-        });
-        try {
+            });
             this.token = localStorage.getItem('ext_token') || '';
             //this.isCallInProgress = true;
             this.getContactList();