@vgroup/dialbox 0.0.28 → 0.0.29

package/fesm2020/vgroup-dialbox.mjs

@@ -2175,18 +2175,35 @@ class DialboxComponent {
                 //   this.callData.isIncomingCall = true;
                 // }
                 if (incomingCallData) {
+                    // Create a new call data object to ensure change detection works
+                    const callSid = incomingCallData.parameters.CallSid;
+                    const fromNumber = incomingCallData.parameters.From;
+                    const newCallData = {
+                        phone: fromNumber,
+                        displayNum: fromNumber,
+                        dial: false,
+                        name: incomingCallData.customParameters.get('name') || fromNumber,
+                        img: incomingCallData.customParameters.get('image') || 'assets/images/user.jpg',
+                        isIncomingCall: true,
+                        callSid: 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);
@@ -2212,11 +2229,30 @@ 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 safe response object with default values
+                const safeResponse = response || {};
+                const c2cInfo = safeResponse.c2cInformation || {};
+                // Update the call data with user information
+                this.callData = {
+                    ...this.callData,
+                    name: c2cInfo.name || this.callData.name,
+                    displayNum: c2cInfo.number || this.callData.phone,
+                    userInfo: safeResponse
+                };
+                // Add to incoming calls list
+                incomingCallData['userInfo'] = safeResponse;
+                this.incomingCallsList = [...this.incomingCallsList, incomingCallData];
+            }
+            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, we should still add the call to the list
+            incomingCallData['userInfo'] = { error: 'Failed to fetch user details' };
+            this.incomingCallsList = [...this.incomingCallsList, incomingCallData];
         });
     }
     fromEntries(entries) {