@vgroup/dialbox 0.0.48 → 0.0.50

package/fesm2020/vgroup-dialbox.mjs

@@ -1315,49 +1315,56 @@ class TwilioService {
         this.isAvailableNumber = new BehaviorSubject(false);
         this.callerIdList = new BehaviorSubject([]);
         this.triggerSMSReload = new BehaviorSubject(false);
-        this.initializeTwilioDevice();
+        this.isInitialized = false;
+        // Initialize when token is available
+        if (this.token) {
+            this.initializeTwilioDevice();
+        }
+        else {
+            // If token is not available, listen for it
+            const tokenCheck = setInterval(() => {
+                const token = localStorage.getItem('ext_token');
+                if (token) {
+                    this.token = token;
+                    this.initializeTwilioDevice();
+                    clearInterval(tokenCheck);
+                }
+            }, 1000);
+        }
     }
     initializeTwilioDevice() {
-        console.log('Initializing Twilio Device...');
-        console.log('Token exists:', !!this.token);
-        if (!this.token) {
-            console.error('No token available for Twilio initialization');
+        if (this.isInitialized || !this.token) {
             return;
         }
+        console.log('Initializing Twilio Device...');
         this.extensionService.getIncomingCallToken().subscribe({
             next: (data) => {
-                console.log('Received Twilio token');
-                if (!data || !data.token) {
-                    console.error('Invalid token received from server');
+                if (!data?.token) {
+                    console.error('No token received from server');
                     return;
                 }
-                this.incomingCallToken = data.token;
-                localStorage.setItem('in-token', data.token);
                 try {
-                    console.log('Creating Twilio Device instance with token:', data.token.substring(0, 10) + '...');
+                    console.log('Setting up Twilio Device with token');
+                    this.incomingCallToken = data.token;
+                    localStorage.setItem('in-token', data.token);
+                    // Destroy existing device if any
+                    if (this.device) {
+                        this.device.destroy();
+                    }
+                    // Create new device instance
                     this.device = new Device(data.token, {
                         allowIncomingWhileBusy: true,
                         closeProtection: true
                     });
-                    console.log('Registering device...');
+                    // Set up event listeners
+                    this.setupDeviceListeners();
+                    // Register the device
                     this.device.register();
-                    this.device.on('registered', () => {
-                        console.log('Twilio Device registered successfully');
-                    });
-                    this.device.on('incoming', (call) => {
-                        console.log('Incoming call received');
-                        this.currentCall.next(call);
-                        this.callType.next('INCOMING');
-                        this.currentCallState.next('incoming');
-                    });
-                    this.device.on('error', (error) => {
-                        console.error('Twilio Device Error:', error);
-                        // Attempt to reinitialize after delay
-                        setTimeout(() => this.initializeTwilioDevice(), 5000);
-                    });
+                    this.isInitialized = true;
                 }
                 catch (error) {
                     console.error('Error initializing Twilio Device:', error);
+                    this.isInitialized = false;
                 }
             },
             error: (error) => {
@@ -1367,6 +1374,31 @@ class TwilioService {
             }
         });
     }
+    setupDeviceListeners() {
+        if (!this.device)
+            return;
+        this.device.on('registered', () => {
+            console.log('Twilio Device registered successfully');
+        });
+        this.device.on('incoming', (call) => {
+            console.log('Incoming call received');
+            this.currentCall.next(call);
+            this.callType.next('INCOMING');
+            this.currentCallState.next('incoming');
+        });
+        this.device.on('error', (error) => {
+            console.error('Twilio Device Error:', error);
+            this.isInitialized = false;
+            // Attempt to reinitialize after delay
+            setTimeout(() => this.initializeTwilioDevice(), 5000);
+        });
+        this.device.on('unregistered', () => {
+            console.log('Twilio Device unregistered');
+            this.isInitialized = false;
+            // Attempt to re-register
+            setTimeout(() => this.initializeTwilioDevice(), 5000);
+        });
+    }
     // onIncomingCall(){
     //   this.device.on('incoming', (call:any) => {
     //     console.log(call);
@@ -1573,6 +1605,7 @@ class IncomingCallComponent {
                 if (call) {
                     this.twilioCallData = call;
                     this.twilioAuthId = call.customParameters.get('twilioAuthId');
+                    this.newIncomingCallsList.push(call);
                     if (!call.parameters) {
                         call.parameters = {};
                     }