@vgroup/dialbox 0.0.27 → 0.0.28

package/fesm2020/vgroup-dialbox.mjs

@@ -115,12 +115,28 @@ class TwilioService {
         this.callerIdList = new BehaviorSubject([]);
         this.triggerSMSReload = new BehaviorSubject(false);
     }
-    // onIncomingCall(){
-    //   this.device.on('incoming', (call:any) => {
-    //     console.log(call);
-    //     //call.accept();
-    //   });
-    // }
+    onIncomingCall() {
+        this.device.on('incoming', (call) => {
+            console.log('Incoming call from:', call.parameters['From']);
+            // Update the current call subject with the incoming call
+            this.currentCall.next(call);
+            // Update call state to ringing
+            this.currentCallState.next('ringing');
+            // Emit a custom event with the call data
+            this.dispatchIncomingCallEvent(call);
+        });
+    }
+    dispatchIncomingCallEvent(call) {
+        const event = new CustomEvent('incomingCall', {
+            detail: {
+                call,
+                isIncomingCall: true,
+                from: call.parameters['From'],
+                to: call.parameters['To']
+            }
+        });
+        window.dispatchEvent(event);
+    }
     saveContact(payload) {
         const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json', 'Auth-Key': "Bearer " + localStorage.getItem('ext_token') }) };
         return this.http.post(environment.apiUrl + '/utilities/phonebook/add/contacts/manually', payload, httpOptions);
@@ -1635,14 +1651,19 @@ class CallProgressComponent {
     }
     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', changes);
+        if (changes['callData']) {
+            console.log('Call Progress Component ngOnChanges callData', changes['callData'].currentValue);
+            if (changes['callData'].currentValue?.isIncomingCall) {
+                console.log('Incoming call detected, showing incoming call UI');
+                this.incomingCallDiv = true;
+                this.cdr.detectChanges(); // Trigger change detection
             }
-            else {
-                //for outgoing call
-                this.startCall(changes.callData.currentValue);
+            else if (changes['callData'].currentValue) {
+                // For outgoing call
+                console.log('Outgoing call detected');
+                this.incomingCallDiv = false;
+                this.startCall(changes['callData'].currentValue);
             }
         }
         if (changes.newIncomingCallData) {