@vgroup/dialbox 0.0.55 → 0.0.56

package/fesm2020/vgroup-dialbox.mjs

@@ -1318,7 +1318,17 @@ class TwilioService {
         this.isInitialized = false;
         this.initializationInProgress = false;
         // Initialize when token is available
-        this.initializeTwilioDevice();
+        if (this.token) {
+            this.initializeTwilioDevice();
+        }
+        else {
+            // If token is not available, try to get it from localStorage
+            const token = localStorage.getItem('ext_token');
+            if (token) {
+                this.token = token;
+                this.initializeTwilioDevice();
+            }
+        }
     }
     initializeTwilioDevice() {
         if (this.initializationInProgress || !this.token)
@@ -2165,27 +2175,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 class DialboxComponent {
     set isDialpadHidden(value) {
         this._isDialpadHidden = value;
-        if (!value && !this.isInitialized) {
+        if (!value) {
+            // When dialpad becomes visible, ensure Twilio is initialized
             this.initializeTwilio();
         }
     }
     get isDialpadHidden() {
         return this._isDialpadHidden;
     }
-    initializeTwilio() {
-        if (this.isInitialized || !this.token)
-            return;
-        this.twilioService.initializeTwilioDevice();
-        this.isInitialized = true;
-        // Subscribe to incoming calls
-        const callSub = this.twilioService.currentCall.subscribe(call => {
-            if (call) {
-                this.isCallInProgress = true;
-                this.isDialpadHidden = false; // Show dialpad on incoming call
-            }
-        });
-        this.subscriptions.add(callSub);
-    }
     constructor(twilioService, extService, dialog, ipService, extensionService, router) {
         this.twilioService = twilioService;
         this.extService = extService;
@@ -2241,19 +2238,41 @@ class DialboxComponent {
         this.isSmartDialCall = false;
         this.isInitialized = false;
         this.isMinimised = false;
+        // Initialize if dialpad is visible by default
+        if (!this.isDialpadHidden) {
+            this.initializeTwilio();
+        }
+    }
+    initializeTwilio() {
+        if (this.isInitialized)
+            return;
+        this.token = localStorage.getItem('ext_token') || '';
+        if (!this.token) {
+            console.error('No authentication token found');
+            return;
+        }
+        this.isInitialized = true;
+        // Initialize Twilio service
+        this.twilioService.initializeTwilioDevice();
+        // Subscribe to incoming calls to show dialpad when call comes in
+        const callSub = this.twilioService.currentCall.subscribe(call => {
+            if (call) {
+                this.isCallInProgress = true;
+                this._isDialpadHidden = false; // Show dialpad on incoming call
+            }
+        });
+        this.subscriptions.add(callSub);
     }
     ngOnInit() {
         try {
-            this.token = localStorage.getItem('ext_token') || '';
-            this.initializeTwilio();
             this.getContactList();
             this.getUserCallSetting();
             // Subscribe to dial number events
             const sub1 = this.twilioService.dialNumberFromOtherModule.subscribe((contact) => {
-                if (contact?.number) {
+                if (contact.number) {
                     this.isSmartDialCall = false;
                     if (contact.isDialFromHistory) {
-                        // Handle dialing from history page
+                        //handle dialing from history page
                         if (contact.callerId == 'smartDialing') {
                             this.selectedCallerId = { number: contact.from };
                             this.isSmartDialCall = true;
@@ -2582,6 +2601,232 @@ class DialboxComponent {
             this.endCallEvent.emit();
         }
     }
+    // async initiateCall() {
+    //   try {
+    //     console.log('Initiating call with number:', this.dialedNumber);
+    //     if (!this.dialedNumber && this.lastDialed) {
+    //       console.log('Using last dialed number:', this.lastDialed.number);
+    //       this.sanitizedNum = this.lastDialed.number;
+    //     }
+    //     const isInvalid = await this.isInvalidNumber();
+    //     if (isInvalid) {
+    //       console.error('Invalid number format');
+    //       return false;
+    //     }
+    //     this.saveLastDialed();
+    //     this.isSavedContactDialled();
+    //     // Check payment status
+    //     this.isPaymentDue = localStorage.getItem('paymentDue') === 'true';
+    //     if (this.isPaymentDue) {
+    //       console.warn('Payment is due');
+    //       swal('Warning', 'Please note that your payment is due. To continue using our services, kindly subscribe to avoid interruptions.');
+    //       return false;
+    //     }
+    //     // Check if dialing own number
+    //     if (this.sanitizedNum === localStorage.getItem('twilioNumber')) {
+    //       console.error('Attempted to dial own number');
+    //       swal('Error', 'You cannot dial your own number');
+    //       return false;
+    //     }
+    //     // Check microphone permissions
+    //     const hasPermission = await this.checkMicrophonePermission();
+    //     if (!hasPermission) {
+    //       console.warn('Microphone permission not granted');
+    //       await this.askForMicrophonePermission();
+    //       return false;
+    //     }
+    //     if (!this.selectedCallerId) {
+    //       console.error('No caller ID selected');
+    //       this.shakeDedicatedBtn = true;
+    //       this.showDialAlert('Please select a C2C number to call from');
+    //       setTimeout(() => {
+    //         this.shakeDedicatedBtn = false;
+    //       }, 3000);
+    //       return false;
+    //     }
+    //     console.log('Getting number with country code...');
+    //     this.callData.displayNum = '';
+    //     try {
+    //       await this.getToNumber(this.sanitizedNum);
+    //     } catch (error) {
+    //       console.error('Error getting number with country code:', error);
+    //       this.showDialAlert('Error processing number. Please try again.');
+    //       return false;
+    //     }
+    //     if (this.terminateCall) {
+    //       console.log('Call terminated by user');
+    //       this.terminateCall = false;
+    //       return false;
+    //     }
+    //     // Prepare call data
+    //     this.callData = {
+    //       ...this.callData,
+    //       phone: this.sanitizedNum,
+    //       isIncomingCall: false,
+    //       dial: true,
+    //       from: this.isSmartDialCall ? this.callData.from : this.selectedCallerId.number,
+    //       timestamp: new Date().toISOString()
+    //     };
+    //     console.log('Initiating call with data:', this.callData);
+    //     this.isCallInProgress = true;
+    //     this.callInitiated.emit({ ...this.callData });
+    //     return true;
+    //   } catch (error) {
+    //     console.error('Error in initiateCall:', error);
+    //     this.showDialAlert('Failed to initiate call. Please try again.');
+    //     this.isCallInProgress = false;
+    //     return false;
+    //   }
+    //     //this.clearAllDialed();
+    //   // } else {
+    //   //   swal('Error', 'Trial period is over. Please setup payment method to continue services')
+    //   // }
+    // }
+    //  async initiateCall() {
+    //   if (!this.dialedNumber && this.lastDialed) {
+    //     this.sanitizedNum = this.lastDialed.number;
+    //   }
+    //   const isInvalid = await this.isInvalidNumber();
+    //   if (isInvalid) {
+    //     return false;
+    //   }
+    //   this.saveLastDialed();
+    //   this.isSavedContactDialled();
+    //   //let isCallerIdSet = await this.isCallerIdSet();
+    //   this.isPaymentDue = localStorage.getItem('paymentDue') == 'false' ? false : true;
+    //   if (this.isPaymentDue) {
+    //     swal('Warning', 'Please note that your payment is due, To continue on your services kindly subscribe to use uninterrupted services.');
+    //     return;
+    //   }
+    //   this.isTrialPeriodOver = localStorage.getItem('trialOver') == 'false' ? false : true;
+    //   // if (!this.isTrialPeriodOver) {
+    //     if (this.sanitizedNum == localStorage.getItem('twilioNumber')) {
+    //       swal('Error', 'You can not dial this number');
+    //       return;
+    //     }
+    //     const hasPermission = await this.checkMicrophonePermission();
+    //     if (hasPermission) {
+    //       if (this.selectedCallerId) {
+    //         //clear displayNum if value is binded from previous call
+    //         this.callData.displayNum = '';
+    //         // get number to be dialled from backend
+    //         await this.getToNumber(this.sanitizedNum);
+    //         if (this.terminateCall) {
+    //           this.terminateCall = false;
+    //           return;
+    //         }
+    //         this.callData.phone = this.sanitizedNum;
+    //         this.callData.isIncomingCall = false;
+    //         this.callData.dial = true;
+    //         if (!this.isSmartDialCall) {
+    //           this.callData.from = this.selectedCallerId.number;
+    //         }
+    //         this.isCallInProgress = true;
+    //               this.callData = {
+    //               ...this.callData,
+    //               phone: this.sanitizedNum,
+    //               isIncomingCall: false,
+    //               dial: true,
+    //               from: this.isSmartDialCall ? this.callData.from : this.selectedCallerId.number,
+    //               timestamp: new Date().toISOString()
+    //             };
+    //             console.log('Initiating call with data:', this.callData);
+    //             this.isCallInProgress = true;
+    //             this.callInitiated.emit({ ...this.callData });
+    //         return true;
+    //       } else {
+    //         this.shakeDedicatedBtn = true;
+    //         this.showDialAlert('Select a C2C number to call');
+    //         setTimeout(() => {
+    //           this.shakeDedicatedBtn = false;
+    //         }, 3000);
+    //         return false;
+    //       }
+    //       //this.callingOpenEvent.emit({ phone: this.dialedNumber });
+    //     } else {
+    //       await this.askForMicrophonePermission();
+    //     }
+    //     //this.clearAllDialed();
+    //   // } else {
+    //   //   swal('Error', 'Trial period is over. Please setup payment method to continue services')
+    //   // }
+    // }
+    // async initiateCall() {
+    //   try{
+    //     if (!this.dialedNumber && this.lastDialed) {
+    //       this.sanitizedNum = this.lastDialed.number;
+    //     }
+    //     const isInvalid = await this.isInvalidNumber();
+    //     if (isInvalid) {
+    //       return false;
+    //     }
+    //     this.saveLastDialed();
+    //     this.isSavedContactDialled();
+    //     //let isCallerIdSet = await this.isCallerIdSet();
+    //     this.isPaymentDue = localStorage.getItem('paymentDue') == 'false' ? false : true;
+    //     if (this.isPaymentDue) {
+    //       swal('Warning', 'Please note that your payment is due, To continue on your services kindly subscribe to use uninterrupted services.');
+    //       return false;
+    //     }
+    //     this.isTrialPeriodOver = localStorage.getItem('trialOver') == 'false' ? false : true;
+    //     // if (!this.isTrialPeriodOver) {
+    //       if (this.sanitizedNum == localStorage.getItem('twilioNumber')) {
+    //         swal('Error', 'You can not dial this number');
+    //         return false;
+    //       }
+    //       const hasPermission = await this.checkMicrophonePermission();
+    //       if (hasPermission) {
+    //         if (this.selectedCallerId) {
+    //           //clear displayNum if value is binded from previous call
+    //           this.callData.displayNum = '';
+    //           // get number to be dialled from backend
+    //           await this.getToNumber(this.sanitizedNum);
+    //           if (this.terminateCall) {
+    //             this.terminateCall = false;
+    //             return;
+    //           }
+    //           this.callData.phone = this.sanitizedNum;
+    //           this.callData.isIncomingCall = false;
+    //           this.callData.dial = true;
+    //           if (!this.isSmartDialCall) {
+    //             this.callData.from = this.selectedCallerId.number;
+    //           }
+    //           this.isCallInProgress = true;
+    //                 this.callData = {
+    //                 ...this.callData,
+    //                 phone: this.sanitizedNum,
+    //                 isIncomingCall: false,
+    //                 dial: true,
+    //                 from: this.isSmartDialCall ? this.callData.from : this.selectedCallerId.number,
+    //                 timestamp: new Date().toISOString()
+    //               };
+    //               console.log('Initiating call with data:', this.callData);
+    //               this.isCallInProgress = true;
+    //               this.callInitiated.emit({ ...this.callData });
+    //           return true;
+    //         } else {
+    //           this.shakeDedicatedBtn = true;
+    //           this.showDialAlert('Select a C2C number to call');
+    //           setTimeout(() => {
+    //             this.shakeDedicatedBtn = false;
+    //           }, 3000);
+    //           return false;
+    //         }
+    //         //this.callingOpenEvent.emit({ phone: this.dialedNumber });
+    //       } else {
+    //         await this.askForMicrophonePermission();
+    //       }
+    //       //this.clearAllDialed();
+    //     // } else {
+    //     //   swal('Error', 'Trial period is over. Please setup payment method to continue services')
+    //     // }
+    //   }catch(e){
+    //     console.error('Error in initiateCall:', e);
+    //     this.showDialAlert('Failed to initiate call. Please try again.');
+    //     this.isCallInProgress = false;
+    //     return false;
+    //   }
+    // }
     async initiateCall() {
         try {
             if (!this.dialedNumber && this.lastDialed) {
@@ -2879,6 +3124,10 @@ class DialboxComponent {
             if (this.subscriptions) {
                 this.subscriptions.unsubscribe();
             }
+            // Clean up Twilio device when component is destroyed
+            if (this.twilioService['device']) {
+                this.twilioService['device'].destroy();
+            }
             // End any active call
             if (this.isCallInProgress) {
                 this.endCall();