@vgroup/dialbox 0.1.122 → 0.1.123

package/fesm2020/vgroup-dialbox.mjs

@@ -2388,8 +2388,20 @@ class CallProgressComponent {
         this.callData.phone = incomingCall.parameters['From'];
         this.callData.name = incomingCall.customParameters?.get('name') || '-';
         this.callData.img = incomingCall.customParameters?.get('image') || 'assets/images/user.jpg';
-        this.isConcurrentIncoming = false;
-        this.incomingCallDiv = false;
+        // Remove accepted call from the list
+        this.newIncomingCallsList = (this.newIncomingCallsList || []).filter((c) => c?.parameters?.CallSid !== incomingCall?.parameters?.CallSid);
+        this.incomingCallsNewInfo.emit(this.newIncomingCallsList);
+        // Check if more calls are waiting
+        if (this.newIncomingCallsList && this.newIncomingCallsList.length > 0) {
+            // Keep showing concurrent banner for remaining calls
+            this.isConcurrentIncoming = true;
+            this.incomingCallDiv = true;
+        }
+        else {
+            // No more calls waiting - hide banner
+            this.isConcurrentIncoming = false;
+            this.incomingCallDiv = false;
+        }
         this.disbaleEndCallBtn = false;
         // Reset timer for new call
         this.stopTimer();
@@ -2490,15 +2502,22 @@ class CallProgressComponent {
         }
     }
     closeIncomingCall(data) {
-        // this.incomingCallDiv = false;
         if (data.show) {
-            //this.showCallProgressEvent.emit()
-            // handle incoming call accepted
+            // Handle incoming call accepted
             this.startTimer();
             this.disbaleEndCallBtn = false;
             this.call = data.call;
-            this.isConcurrentIncoming = false;
-            this.incomingCallDiv = false;
+            // Check if there are more incoming calls waiting
+            if (this.newIncomingCallsList && this.newIncomingCallsList.length > 0) {
+                // There are more calls waiting - show concurrent incoming banner
+                this.isConcurrentIncoming = true;
+                this.incomingCallDiv = true;
+            }
+            else {
+                // No more calls waiting - hide incoming UI
+                this.isConcurrentIncoming = false;
+                this.incomingCallDiv = false;
+            }
             const incomingDetail = this.extensionService.getCallSid();
             this.incomingRecordCall = incomingDetail.recordCall;
             if (this.incomingRecordCall) {
@@ -2510,13 +2529,30 @@ class CallProgressComponent {
             this.cdr.detectChanges();
         }
         else {
-            // incoming call rejected or auto-cancelled
-            this.isConcurrentIncoming = false;
-            this.incomingCallDiv = false;
-            // If there is NO active call, then propagate end. Otherwise keep ongoing UI.
-            if (!this.call || this.call.status() !== 'open') {
-                console.log('test7');
-                this.endCallEvent.emit();
+            // Incoming call rejected or auto-cancelled
+            // Check if there are more incoming calls waiting
+            if (this.newIncomingCallsList && this.newIncomingCallsList.length > 0) {
+                // There are more calls waiting - keep showing incoming UI
+                if (this.call && this.call.status() === 'open') {
+                    // Active call exists - show concurrent banner
+                    this.isConcurrentIncoming = true;
+                    this.incomingCallDiv = true;
+                }
+                else {
+                    // No active call - show full incoming UI
+                    this.isConcurrentIncoming = false;
+                    this.incomingCallDiv = true;
+                }
+            }
+            else {
+                // No more calls waiting - hide incoming UI
+                this.isConcurrentIncoming = false;
+                this.incomingCallDiv = false;
+                // If there is NO active call, then propagate end. Otherwise keep ongoing UI.
+                if (!this.call || this.call.status() !== 'open') {
+                    console.log('test7');
+                    this.endCallEvent.emit();
+                }
             }
         }
     }
@@ -2662,6 +2698,26 @@ class CallProgressComponent {
     incomingCallsNewList(data) {
         this.newIncomingCallsList = data;
         this.incomingCallsNewInfo.emit(this.newIncomingCallsList);
+        // Update UI visibility based on the updated list
+        if (this.newIncomingCallsList && this.newIncomingCallsList.length > 0) {
+            // There are calls in the queue
+            if (this.call && this.call.status() === 'open') {
+                // Active call exists - show concurrent banner
+                this.isConcurrentIncoming = true;
+                this.incomingCallDiv = true;
+            }
+            else {
+                // No active call - show full incoming UI
+                this.isConcurrentIncoming = false;
+                this.incomingCallDiv = true;
+            }
+        }
+        else {
+            // No calls in queue - hide incoming UI
+            this.isConcurrentIncoming = false;
+            this.incomingCallDiv = false;
+        }
+        this.cdr.detectChanges();
     }
     selectedIncomingCallInfo(data) {
         this.selectedIncomingCall = data;