@vgroup/dialbox 0.2.5 → 0.2.6

package/fesm2020/vgroup-dialbox.mjs

@@ -1774,33 +1774,27 @@ class IncomingCallComponent {
         return false;
     }
     onClickExpand(data) {
-        if (this.selectedIncomingCall === data && this.selectedIncomingCall?.isClickExpand) {
-            // Collapse if clicking the same expanded item
-            const updatedCall = {
-                ...this.selectedIncomingCall,
-                isClickExpand: false
-            };
+        if (this.selectedIncomingCall === data && this.isClickExpand) {
+            this.isClickExpand = false;
             this.selectedIncomingCall = null;
-            this.selectedIncomingCallInfo.emit(updatedCall);
+            this.selectedIncomingCallInfo.emit({});
             return;
         }
-        // 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);
+        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);
+            }
         }
     }
     getUserInformation(incomingCallData) {
@@ -2334,7 +2328,22 @@ class CallProgressComponent {
                     codecPreferences: ['opus', 'pcmu'],
                     closeProtection: true,
                 };
-                this.device = new Device(tokenData.token.value, options);
+                // 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.updateToken) {
+                            await this.device.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,
@@ -2669,21 +2678,8 @@ class CallProgressComponent {
         this.newIncomingCallsList = data;
         this.incomingCallsNewInfo.emit(this.newIncomingCallsList);
     }
-    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();
+    selectedIncomingCallInfo(data) {
+        this.selectedIncomingCall = data;
     }
     ngOnDestroy() {
         this.callData.dial = false;