@vgroup/dialbox 0.0.61 → 0.0.63

package/fesm2020/vgroup-dialbox.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, ViewChild, Inject, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, ViewChild, Inject, PLATFORM_ID, APP_INITIALIZER, Injector, NgModule } from '@angular/core';
 import swal from 'sweetalert2';
 import { AsYouType } from 'libphonenumber-js';
 import { throwError, BehaviorSubject, interval, Subscription } from 'rxjs';
@@ -12,7 +12,7 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 import * as i5 from '@angular/router';
 import { RouterLink, RouterModule } from '@angular/router';
 import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i3 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
@@ -1366,11 +1366,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: TwilioService }]; } });
 
 class TwilioService {
-    constructor(http, extensionService, notificationSerivce, twilioService) {
+    constructor(http, extensionService, notificationSerivce) {
         this.http = http;
         this.extensionService = extensionService;
         this.notificationSerivce = notificationSerivce;
-        this.twilioService = twilioService;
         this.openInProgressDialpad = new BehaviorSubject(false);
         this.currentCall = new BehaviorSubject(null);
         this.currentCallState = new BehaviorSubject('none'); //in-progress, out-progress, none
@@ -1388,53 +1387,27 @@ class TwilioService {
         this.isAvailableNumber = new BehaviorSubject(false);
         this.callerIdList = new BehaviorSubject([]);
         this.triggerSMSReload = new BehaviorSubject(false);
-        this.isTwilioConnected = false;
-        this.doNotDisturb = true;
         this.initializeTwilioDevice();
     }
     initializeTwilioDevice() {
-        // if (this.token) {
-        //   this.extensionService.getIncomingCallToken().subscribe((data: any) => {
-        //     this.incomingCallToken = data.token;
-        //     localStorage.setItem('in-token', data.token);
-        //     this.device = new Device(this.incomingCallToken!, { 
-        //       allowIncomingWhileBusy: true,
-        //       // Add any other necessary options
-        //     });
-        //     this.device.register();
-        //     this.device.on('incoming', (call: Call) => {
-        //       this.currentCall.next(call);
-        //       this.callType.next('INCOMING');
-        //       this.currentCallState.next('incoming');
-        //       this.notificationSerivce.showNotification(call);
-        //     });
-        //     this.device.on('error', (error: any) => {
-        //       console.error('Twilio Device Error:', error);
-        //       // Add error handling and reconnection logic
-        //     });
-        //   });
-        // }
-        if (localStorage.getItem('in-token')) {
-            this.isTwilioConnected = true;
-            this.doNotDisturb = false;
+        if (this.token) {
             this.extensionService.getIncomingCallToken().subscribe((data) => {
-                this.twilioService.incomingCallToken = data.token;
+                this.incomingCallToken = data.token;
                 localStorage.setItem('in-token', data.token);
-                this.isTwilioConnected = true;
-                if (!this.twilioService.incomingCallToken) {
-                    console.error('Cannot initialize Twilio device: No incoming call token available');
-                    return;
-                }
-                this.twilioService.device = new Device(this.twilioService.incomingCallToken, { allowIncomingWhileBusy: true });
-                this.twilioService.device.register();
-                this.twilioService.device.on('incoming', (call) => {
-                    this.twilioService.currentCall.next(call);
-                    this.twilioService.callType.next('INCOMING');
+                this.device = new Device(this.incomingCallToken, {
+                    allowIncomingWhileBusy: true,
+                    // Add any other necessary options
+                });
+                this.device.register();
+                this.device.on('incoming', (call) => {
+                    this.currentCall.next(call);
+                    this.callType.next('INCOMING');
+                    this.currentCallState.next('incoming');
                     this.notificationSerivce.showNotification(call);
-                    //this.twilioService.openInProgressDialpad.next(true);
                 });
-                this.twilioService.device.on('error', (err) => {
-                    console.log(err);
+                this.device.on('error', (error) => {
+                    console.error('Twilio Device Error:', error);
+                    // Add error handling and reconnection logic
                 });
             });
         }
@@ -1531,14 +1504,14 @@ class TwilioService {
         return this.http.get(environment.apiUrl + '/utilities/softphone/check/countryCode/' + dialledNo, httpOptions);
     }
 }
-TwilioService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TwilioService, deps: [{ token: i1.HttpClient }, { token: ExtensionService }, { token: NotificationService }, { token: TwilioService }], target: i0.ɵɵFactoryTarget.Injectable });
+TwilioService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TwilioService, deps: [{ token: i1.HttpClient }, { token: ExtensionService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Injectable });
 TwilioService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TwilioService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TwilioService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: ExtensionService }, { type: NotificationService }, { type: TwilioService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: ExtensionService }, { type: NotificationService }]; } });
 
 const GlobalConstant = {
     ErrorMsg500: "Unable to process request. Please try again later.",
@@ -3203,6 +3176,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
 
+class AppInitializerService {
+    constructor(twilioService, extensionService, router, platformId) {
+        this.twilioService = twilioService;
+        this.extensionService = extensionService;
+        this.router = router;
+        this.platformId = platformId;
+    }
+    initializeApp() {
+        return new Promise((resolve) => {
+            if (isPlatformBrowser(this.platformId)) {
+                this.initializeServices().then(() => {
+                    resolve();
+                });
+            }
+            else {
+                resolve();
+            }
+        });
+    }
+    async initializeServices() {
+        try {
+            // Initialize Twilio device
+            await this.initializeTwilio();
+            // Fetch initial data
+            await this.fetchInitialData();
+            console.log('App initialization complete');
+        }
+        catch (error) {
+            console.error('Error during app initialization:', error);
+        }
+    }
+    async initializeTwilio() {
+        const token = localStorage.getItem('ext_token');
+        if (token) {
+            await this.twilioService.initializeTwilioDevice();
+        }
+    }
+    async fetchInitialData() {
+        const token = localStorage.getItem('ext_token');
+        if (token) {
+            try {
+                // Fetch caller ID
+                const response = await this.extensionService.fetchCallerId(token).toPromise();
+                if (response && typeof response === 'object' && 'status' in response) {
+                    const callerIdRes = response;
+                    if (callerIdRes.status === 200) {
+                        const callerId = callerIdRes.callerid || 'Not set';
+                        localStorage.setItem('callerID', callerId);
+                        this.extensionService.changeMessage(callerId);
+                    }
+                }
+            }
+            catch (error) {
+                console.error('Error fetching initial data:', error);
+            }
+        }
+    }
+}
+AppInitializerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppInitializerService, deps: [{ token: TwilioService }, { token: ExtensionService }, { token: i5.Router }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+AppInitializerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppInitializerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppInitializerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: TwilioService }, { type: ExtensionService }, { type: i5.Router }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }]; } });
+
 class DialboxModule {
 }
 DialboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3219,7 +3262,19 @@ DialboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         IncomingCallComponent,
         CallProgressComponent,
         CallerIdDialogComponent] });
-DialboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialboxModule, imports: [CommonModule,
+DialboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialboxModule, providers: [
+        {
+            provide: APP_INITIALIZER,
+            useFactory: (injector) => {
+                return () => {
+                    const appInitializer = injector.get(AppInitializerService);
+                    return appInitializer.initializeApp();
+                };
+            },
+            deps: [Injector],
+            multi: true
+        }
+    ], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         HttpClientModule,
@@ -3248,6 +3303,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         IncomingCallComponent,
                         CallProgressComponent,
                         CallerIdDialogComponent,
+                    ],
+                    providers: [
+                        {
+                            provide: APP_INITIALIZER,
+                            useFactory: (injector) => {
+                                return () => {
+                                    const appInitializer = injector.get(AppInitializerService);
+                                    return appInitializer.initializeApp();
+                                };
+                            },
+                            deps: [Injector],
+                            multi: true
+                        }
                     ]
                 }]
         }] });