@vgroup/dialbox 0.0.30 → 0.0.31

package/fesm2015/vgroup-dialbox.mjs

@@ -2175,18 +2175,21 @@ class DialboxComponent {
                 //   this.callData.isIncomingCall = true;
                 // }
                 if (incomingCallData) {
+                    // Create a new call data object to ensure change detection works
+                    const newCallData = Object.assign(Object.assign({}, this.callData), { phone: incomingCallData.parameters['From'], name: incomingCallData.customParameters.get('name') || incomingCallData.parameters['From'], img: incomingCallData.customParameters.get('image') || 'assets/images/user.jpg', isIncomingCall: true, callSid: incomingCallData.parameters['CallSid'] });
                     if (this.isCallInProgress) {
-                        this.newIncomingCalls.push(incomingCallData);
+                        // If there's already a call in progress, add to new incoming calls
+                        this.newIncomingCalls.push(Object.assign(Object.assign({}, newCallData), { parameters: incomingCallData.parameters, customParameters: incomingCallData.customParameters }));
                         this.getUserInformation(incomingCallData);
                     }
                     else {
+                        // If no call in progress, handle as primary incoming call
                         this.isCallInProgress = true;
                         this.isDialpadHidden = false;
-                        this.callData.phone = incomingCallData.parameters['From'];
+                        // Update callData with a new object to trigger change detection
+                        this.callData = Object.assign({}, newCallData);
+                        // Get additional user information
                         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']);
@@ -2212,11 +2215,25 @@ class DialboxComponent {
     getUserInformation(incomingCallData) {
         console.log('getUserInformation', incomingCallData);
         let data = this.fromEntries(Array.from(incomingCallData.customParameters.entries()));
-        this.extensionService.getUserInformation(data['twilioAuthId']).subscribe(response => {
-            incomingCallData['userInfo'] = response;
-            this.incomingCallsList.push(incomingCallData);
+        this.extensionService.getUserInformation(data['twilioAuthId']).subscribe((response) => {
+            try {
+                // Create a new object to trigger change detection
+                const updatedCallData = Object.assign(Object.assign({}, this.callData), { userInfo: response });
+                // Update the call data with a new object to trigger change detection
+                this.callData = Object.assign({}, updatedCallData);
+                // Add to incoming calls list
+                incomingCallData['userInfo'] = response;
+                this.incomingCallsList = [...this.incomingCallsList, incomingCallData];
+                console.log('Updated callData:', this.callData);
+            }
+            catch (error) {
+                console.error('Error processing user information:', error);
+            }
         }, error => {
-            console.error('Error starting recording', error);
+            console.error('Error fetching user information:', error);
+            // Even if there's an error, add the call to the list
+            incomingCallData['userInfo'] = { error: 'Failed to fetch user details' };
+            this.incomingCallsList = [...this.incomingCallsList, incomingCallData];
         });
     }
     fromEntries(entries) {