@vgroup/dialbox 0.0.52 → 0.0.53

package/fesm2020/vgroup-dialbox.mjs

@@ -1545,7 +1545,6 @@ class IncomingCallComponent {
                 if (call) {
                     this.twilioCallData = call;
                     this.twilioAuthId = call.customParameters.get('twilioAuthId');
-                    this.newIncomingCallsList.push(call);
                     if (!call.parameters) {
                         call.parameters = {};
                     }
@@ -2137,7 +2136,7 @@ class DialboxComponent {
         this.ipService = ipService;
         this.extensionService = extensionService;
         this.router = router;
-        this.isDialpadHidden = false;
+        this.isDialpadHidden = true;
         this.closeDialpadEvent = new EventEmitter();
         this.callInitiated = new EventEmitter();
         this.endCallEvent = new EventEmitter();
@@ -2183,14 +2182,22 @@ class DialboxComponent {
         this.subscriptions = new Subscription();
         this.shakeDedicatedBtn = false;
         this.isSmartDialCall = false;
+        this.isTwilioInitialized = false;
         this.isMinimised = false;
+        // Subscribe to incoming calls
+        this.subscriptions.add(this.twilioService.currentCall.subscribe(call => {
+            if (call) {
+                this.handleIncomingCall(call);
+            }
+        }));
     }
     ngOnInit() {
         try {
             this.token = localStorage.getItem('ext_token') || '';
-            //this.isCallInProgress = true; 
+            this.initializeTwilio();
             this.getContactList();
             this.getUserCallSetting();
+            // Subscribe to dial number events
             const sub1 = this.twilioService.dialNumberFromOtherModule.subscribe((contact) => {
                 if (contact.number) {
                     this.isSmartDialCall = false;
@@ -2309,12 +2316,47 @@ class DialboxComponent {
         this.registerDragElement();
     }
     ngOnChanges(changes) {
-        if (changes['isDialpadHidden'] && !this.isDialpadHidden) {
-            this.getContactList();
-            this.getUserCallSetting();
-            setTimeout(() => {
-                this.dialInputElement.nativeElement.focus();
-            }, 0);
+        if (changes['isDialpadHidden']) {
+            if (!changes['isDialpadHidden'].firstChange && !this.isDialpadHidden) {
+                // Re-initialize Twilio when dialpad becomes visible
+                this.initializeTwilio();
+            }
+            if (!this.isDialpadHidden) {
+                this.getContactList();
+                this.getUserCallSetting();
+                setTimeout(() => {
+                    if (this.dialInputElement?.nativeElement) {
+                        this.dialInputElement.nativeElement.focus();
+                    }
+                }, 0);
+            }
+        }
+    }
+    initializeTwilio() {
+        if (this.isTwilioInitialized || !this.token)
+            return;
+        this.isTwilioInitialized = true;
+        this.twilioService.initializeTwilioDevice();
+    }
+    handleIncomingCall(call) {
+        try {
+            if (!call)
+                return;
+            this.incomingCallInitiated.emit();
+            this.newIncomingCallData = call;
+            // Add to incoming calls list if not already present
+            const existingCall = this.incomingCallsList.find((c) => c.parameters.CallSid === call.parameters.CallSid);
+            if (!existingCall) {
+                this.incomingCallsList.unshift(call);
+                this.incomingCallsNewInfoEvent.emit(this.incomingCallsList);
+            }
+            // Show the dialpad if it's hidden
+            if (this.isDialpadHidden) {
+                this.isDialpadHidden = false;
+            }
+        }
+        catch (error) {
+            console.error('Error handling incoming call:', error);
         }
     }
     registerDragElement() {