@vgroup/dialbox 0.0.24 → 0.0.26

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 = [
     {
@@ -115,12 +115,45 @@ class TwilioService {
         this.callerIdList = new BehaviorSubject([]);
         this.triggerSMSReload = new BehaviorSubject(false);
     }
-    // onIncomingCall(){
-    //   this.device.on('incoming', (call:any) => {
-    //     console.log(call);
-    //     //call.accept();
-    //   });
-    // }
+    // Update the Twilio token
+    updateToken(token) {
+        if (this.device) {
+            this.device.updateToken(token);
+            localStorage.setItem('twilio_token', token);
+            console.log('Twilio token updated');
+        }
+        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
+            });
+            // 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');
+            });
+        }
+        catch (error) {
+            console.error('Error initializing Twilio device:', error);
+        }
+    }
     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 +1478,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 +1766,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,
@@ -3083,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
  */
@@ -3091,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