@vgroup/dialbox 0.0.25 → 0.0.26

package/fesm2020/vgroup-dialbox.mjs

@@ -114,59 +114,44 @@ 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;
+    // Update the Twilio token
+    updateToken(token) {
+        if (this.device) {
+            this.device.updateToken(token);
+            localStorage.setItem('twilio_token', token);
+            console.log('Twilio token updated');
         }
-        // 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);
+        else {
+            console.warn('Cannot update token: Twilio device not initialized');
+        }
+    }
+    // Initialize Twilio device with token
+    initializeTwilioDevice(token) {
+        try {
+            if (!token) {
+                console.error('No Twilio token provided');
+                return;
+            }
+            // Store the token in localStorage
+            localStorage.setItem('twilio_token', token);
+            // Initialize Twilio device
+            // @ts-ignore - Device is loaded from Twilio client SDK
+            this.device = new Device(token, {
+                codecPreferences: ['opus', 'pcmu'],
+                debug: true
             });
-            call.on('disconnect', () => {
-                console.log('Call disconnected');
-                this.currentCall.next(null);
-                this.currentCallState.next('none');
-                this.isIncomingCallPicked.next(false);
+            // Set up device event listeners
+            this.device.on('ready', (device) => {
+                console.log('Twilio Device Ready');
             });
-            call.on('reject', () => {
-                console.log('Call rejected');
-                this.currentCall.next(null);
-                this.currentCallState.next('none');
+            this.device.on('error', (error) => {
+                console.error('Twilio Device Error:', error);
+                this.currentCallState.next('error');
             });
-        });
-    }
-    // Update Twilio token when needed
-    updateToken(token) {
-        if (this.device) {
-            this.device.updateToken(token);
+        }
+        catch (error) {
+            console.error('Error initializing Twilio device:', error);
         }
     }
     saveContact(payload) {
@@ -3150,6 +3135,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
+class TwilioInitService {
+    constructor(twilioService, extensionService) {
+        this.twilioService = twilioService;
+        this.extensionService = extensionService;
+    }
+    // Call this method when your application starts (e.g., in app.component.ts)
+    async initializeTwilio() {
+        try {
+            // 1. Get a token from your backend
+            const token = await this.getTwilioToken();
+            if (!token) {
+                console.error('Failed to get Twilio token');
+                return;
+            }
+            // 2. Initialize the Twilio device with the token
+            this.twilioService.initializeTwilioDevice(token);
+            // 3. Set up token refresh (optional, but recommended)
+            this.setupTokenRefresh();
+        }
+        catch (error) {
+            console.error('Error initializing Twilio:', error);
+        }
+    }
+    async getTwilioToken() {
+        // Replace this with your actual token retrieval logic
+        // Example:
+        // return this.extensionService.getTwilioToken().toPromise();
+        // For now, we'll get it from localStorage if it exists
+        const token = localStorage.getItem('twilio_token');
+        if (!token) {
+            throw new Error('Twilio token not found');
+        }
+        return token;
+    }
+    setupTokenRefresh() {
+        // Refresh token every 30 minutes (Twilio tokens typically expire after 1 hour)
+        this.tokenRefreshInterval = setInterval(async () => {
+            try {
+                const newToken = await this.getTwilioToken();
+                this.twilioService.updateToken(newToken);
+            }
+            catch (error) {
+                console.error('Error refreshing Twilio token:', error);
+            }
+        }, 30 * 60 * 1000); // 30 minutes
+    }
+    ngOnDestroy() {
+        // Clean up the interval when the service is destroyed
+        if (this.tokenRefreshInterval) {
+            clearInterval(this.tokenRefreshInterval);
+        }
+    }
+}
+TwilioInitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TwilioInitService, deps: [{ token: TwilioService }, { token: ExtensionService }], target: i0.ɵɵFactoryTarget.Injectable });
+TwilioInitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TwilioInitService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TwilioInitService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: TwilioService }, { type: ExtensionService }]; } });
+
 /*
  * Public API Surface of dialbox
  */
@@ -3158,5 +3205,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CallProgressComponent, CallerIdDialogComponent, DialboxComponent, DialboxModule, IncomingCallComponent };
+export { CallProgressComponent, CallerIdDialogComponent, DialboxComponent, DialboxModule, IncomingCallComponent, TwilioInitService };
 //# sourceMappingURL=vgroup-dialbox.mjs.map