@vgroup/dialbox 0.2.3 → 0.2.5

package/fesm2020/vgroup-dialbox.mjs

@@ -1774,27 +1774,33 @@ class IncomingCallComponent {
         return false;
     }
     onClickExpand(data) {
-        if (this.selectedIncomingCall === data && this.isClickExpand) {
-            this.isClickExpand = false;
+        if (this.selectedIncomingCall === data && this.selectedIncomingCall?.isClickExpand) {
+            // Collapse if clicking the same expanded item
+            const updatedCall = {
+                ...this.selectedIncomingCall,
+                isClickExpand: false
+            };
             this.selectedIncomingCall = null;
-            this.selectedIncomingCallInfo.emit({});
+            this.selectedIncomingCallInfo.emit(updatedCall);
             return;
         }
-        this.isClickExpand = true;
-        this.selectedIncomingCall = data;
-        if (this.selectedIncomingCall) {
-            this.selectedIncomingCall['isClickExpand'] = true;
-            if (this.newIncomingCallsList && this.newIncomingCallsList.length > 0) {
-                this.newIncomingCallsList.forEach((call) => {
-                    if (call !== this.selectedIncomingCall) {
-                        call['isClickExpand'] = false;
-                    }
-                });
-            }
-            this.selectedIncomingCallInfo.emit(this.selectedIncomingCall);
-            if (!this.selectedIncomingCall.userInfo || this.selectedIncomingCall.userInfo.status == 201) {
-                this.getUserInformation(this.selectedIncomingCall);
-            }
+        // Expand the clicked item
+        const updatedCall = {
+            ...data,
+            isClickExpand: true
+        };
+        this.selectedIncomingCall = updatedCall;
+        // Update the newIncomingCallsList with the updated call
+        if (this.newIncomingCallsList?.length) {
+            this.newIncomingCallsList = this.newIncomingCallsList.map((call) => call.parameters?.CallSid === updatedCall.parameters?.CallSid
+                ? updatedCall
+                : { ...call, isClickExpand: false });
+        }
+        // Emit the updated call to parent
+        this.selectedIncomingCallInfo.emit(updatedCall);
+        // Fetch user info if needed
+        if (!updatedCall.userInfo || updatedCall.userInfo?.status === 201) {
+            this.getUserInformation(updatedCall);
         }
     }
     getUserInformation(incomingCallData) {
@@ -2663,8 +2669,21 @@ class CallProgressComponent {
         this.newIncomingCallsList = data;
         this.incomingCallsNewInfo.emit(this.newIncomingCallsList);
     }
-    selectedIncomingCallInfo(data) {
-        this.selectedIncomingCall = data;
+    selectedIncomingCallInfo(updatedCall) {
+        if (!updatedCall || Object.keys(updatedCall).length === 0) {
+            this.selectedIncomingCall = null;
+            this.cdr.detectChanges();
+            return;
+        }
+        // Update the call in the array if it exists
+        if (this.newIncomingCallsList) {
+            this.newIncomingCallsList = this.newIncomingCallsList.map((call) => call.parameters?.CallSid === updatedCall.parameters?.CallSid
+                ? { ...call, ...updatedCall }
+                : { ...call, isClickExpand: false });
+        }
+        // Update the selected call reference
+        this.selectedIncomingCall = updatedCall;
+        this.cdr.detectChanges();
     }
     ngOnDestroy() {
         this.callData.dial = false;