@vgroup/dialbox 0.0.30 → 0.0.31

package/fesm2020/vgroup-dialbox.mjs

@@ -2159,18 +2159,32 @@ class DialboxComponent {
                 //   this.callData.isIncomingCall = true;
                 // }
                 if (incomingCallData) {
+                    // Create a new call data object to ensure change detection works
+                    const newCallData = {
+                        ...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({
+                            ...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 = { ...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']);
@@ -2196,11 +2210,28 @@ 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 = {
+                    ...this.callData,
+                    userInfo: response
+                };
+                // Update the call data with a new object to trigger change detection
+                this.callData = { ...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) {