@vgroup/dialbox 0.0.24 → 0.0.25

package/fesm2020/vgroup-dialbox.mjs

@@ -14,7 +14,7 @@ import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i3$1 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { Device } from '@twilio/voice-sdk';
+import { Device as Device$1 } from '@twilio/voice-sdk';
 
 const keypad = [
     {
@@ -114,13 +114,61 @@ class TwilioService {
         this.isAvailableNumber = new BehaviorSubject(false);
         this.callerIdList = new BehaviorSubject([]);
         this.triggerSMSReload = new BehaviorSubject(false);
+        this.initializeTwilioDevice();
+    }
+    // Initialize Twilio device and set up event listeners
+    initializeTwilioDevice() {
+        // Get the Twilio token from localStorage
+        const token = localStorage.getItem('twilio_token');
+        if (!token) {
+            console.error('Twilio token not found in localStorage');
+            return;
+        }
+        // Initialize the Twilio Device
+        // @ts-ignore - We'll handle the device setup
+        this.device = new Device(token, {
+            codecPreferences: ['opus', 'pcmu'],
+            debug: true
+        });
+        // Set up device event listeners
+        this.device.on('ready', (device) => {
+            console.log('Twilio Device Ready');
+        });
+        this.device.on('error', (error) => {
+            console.error('Twilio Device Error:', error);
+            this.currentCallState.next('error');
+        });
+        // Handle incoming calls
+        this.device.on('incoming', (call) => {
+            console.log('Incoming call:', call);
+            this.currentCall.next(call);
+            this.currentCallState.next('incoming');
+            this.callType.next('INCOMING');
+            // Set up call event handlers
+            call.on('accept', () => {
+                console.log('Call accepted');
+                this.currentCallState.next('in-progress');
+                this.isIncomingCallPicked.next(true);
+            });
+            call.on('disconnect', () => {
+                console.log('Call disconnected');
+                this.currentCall.next(null);
+                this.currentCallState.next('none');
+                this.isIncomingCallPicked.next(false);
+            });
+            call.on('reject', () => {
+                console.log('Call rejected');
+                this.currentCall.next(null);
+                this.currentCallState.next('none');
+            });
+        });
+    }
+    // Update Twilio token when needed
+    updateToken(token) {
+        if (this.device) {
+            this.device.updateToken(token);
+        }
     }
-    // onIncomingCall(){
-    //   this.device.on('incoming', (call:any) => {
-    //     console.log(call);
-    //     //call.accept();
-    //   });
-    // }
     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);
@@ -1445,6 +1493,25 @@ class IncomingCallComponent {
                     if (!call.parameters) {
                         call.parameters = {};
                     }
+                    // Fetch user information when call is received
+                    if (this.twilioAuthId) {
+                        this.extensionService.getUserInformation(this.twilioAuthId).subscribe({
+                            next: (userInfo) => {
+                                console.log('User information:', userInfo);
+                                // Update the call data with user information
+                                if (userInfo && userInfo.data) {
+                                    this.incomingCallData = {
+                                        ...this.incomingCallData,
+                                        callerInfo: userInfo.data
+                                    };
+                                    this.selectedIncomingCallInfo.emit(this.incomingCallData);
+                                }
+                            },
+                            error: (error) => {
+                                console.error('Error fetching user information:', error);
+                            }
+                        });
+                    }
                     this.sendIPforIncomingCall(this.twilioAuthId, '');
                     call.on('cancel', () => {
                         if (this.incomingCallData && this.incomingCallData.parameters && this.incomingCallData.parameters.CallSid) {
@@ -1714,7 +1781,7 @@ class CallProgressComponent {
             codecPreferences: ['opus', 'pcmu'],
             closeProtection: true,
         };
-        this.device = new Device(token.value, options);
+        this.device = new Device$1(token.value, options);
         this.call = await this.device.connect({
             params: {
                 From: callData.from,