@vgroup/dialbox 0.0.14 → 0.0.15

package/fesm2020/vgroup-dialbox.mjs

@@ -1634,36 +1634,52 @@ class CallProgressComponent {
         console.log('Call Progress Component');
     }
     ngOnChanges(changes) {
-        console.log('Call Progress Component ngOnChanges');
-        if (changes.callData) {
-            console.log('Call Progress Component ngOnChanges callData', changes.callData);
-            if (changes.callData.currentValue.isIncomingCall) {
-                changes.incomingCallDiv = true;
+        console.log('Call Progress Component ngOnChanges', changes);
+        // Handle callData changes (outgoing calls)
+        if (changes['callData'] && changes['callData'].currentValue) {
+            console.log('Call Progress Component ngOnChanges callData', changes['callData'].currentValue);
+            const callData = changes['callData'].currentValue;
+            if (callData.isIncomingCall) {
+                this.incomingCallDiv = true;
+                this.callData = { ...callData };
+                this.showRingAnimation = true;
+                this.startTimer();
             }
             else {
-                //for outgoing call
-                this.startCall(changes.callData.currentValue);
+                // For outgoing call
+                this.callData = { ...callData };
+                this.startCall(callData);
             }
         }
-        if (changes.newIncomingCallData) {
+        // Handle new incoming call data from Twilio
+        if (changes['newIncomingCallData'] && changes['newIncomingCallData'].currentValue) {
             try {
-                if (changes.newIncomingCallData.currentValue) {
-                    if (this.call && (this.call.status() == 'open')) {
-                        this.call.disconnect();
-                        this.call = changes.newIncomingCallData.currentValue;
-                        this.call?.accept();
-                        this.callData.phone = (this.call?.parameters).From;
-                        this.callData.name = (this.call?.customParameters).get('name');
-                        this.callData.img = (this.call?.customParameters).get('image') || 'assets/images/user.jpg';
-                        this.incomingCallInitiated.emit();
-                        this.startTimer();
-                    }
+                const incomingCall = changes['newIncomingCallData'].currentValue;
+                // If there's an active call, handle it appropriately
+                if (this.call && this.call.status() === 'open') {
+                    // You might want to handle multiple calls here
+                    // For now, we'll just update the current call
+                    this.call.disconnect();
                 }
+                this.call = incomingCall;
+                this.callData = {
+                    ...this.callData,
+                    phone: incomingCall.parameters.From,
+                    name: incomingCall.customParameters?.get('name') || 'Unknown Caller',
+                    img: incomingCall.customParameters?.get('image') || 'assets/images/user.jpg',
+                    isIncomingCall: true
+                };
+                this.incomingCallDiv = true;
+                this.showRingAnimation = true;
+                this.incomingCallInitiated.emit();
+                this.startTimer();
             }
             catch (e) {
-                console.log(e);
+                console.error('Error handling incoming call:', e);
             }
         }
+        // Update the view
+        this.cdr.detectChanges();
     }
     ngAfterViewInit() { }
     async startCall(callData) {