@vgroup/dialbox 0.8.6 → 0.8.7

package/fesm2015/vgroup-dialbox.mjs

@@ -2314,6 +2314,7 @@ class CallProgressComponent {
         this.isParticipantPanelLoading = false;
         this.pendingNewCallHeldParticipant = null;
         this.isCallCancelled = false;
+        this.isNewCallLoader = false;
         this.isMinimised = false;
         this.showDisconnectModal = false;
         this.call = this.twilioService.call;
@@ -2346,6 +2347,7 @@ class CallProgressComponent {
             }
             else if (((_c = changes['callData'].currentValue) === null || _c === void 0 ? void 0 : _c.displayNum) || ((_d = changes['callData'].currentValue) === null || _d === void 0 ? void 0 : _d.from)) {
                 this.currentCall = Object.assign(Object.assign({}, changes['callData'].currentValue), { id: '125', img: 'assets/images/user.jpg', isIncomingCall: false, isHold: false, isMute: false, isConference: false, isAcceptCall: true, dial: true, phone: (_e = changes['callData'].currentValue) === null || _e === void 0 ? void 0 : _e.phone, participantId: '121', name: ((_f = changes['callData'].currentValue) === null || _f === void 0 ? void 0 : _f.name) || ((_g = changes['callData'].currentValue) === null || _g === void 0 ? void 0 : _g.fromName) || ((_h = changes['callData'].currentValue) === null || _h === void 0 ? void 0 : _h.toName) || '', time: this.timer });
+                this.isNewCallLoader = true;
                 this.onAddNewCall(changes['callData'].currentValue);
             }
         }
@@ -2656,6 +2658,7 @@ class CallProgressComponent {
                     this.isRinging = false;
                     this.isConcurrentIncoming = false;
                     if (this.call) {
+                        console.log('call disconnect 566');
                         this.call.disconnect();
                     }
                     this.currentCallList = [];
@@ -2686,6 +2689,7 @@ class CallProgressComponent {
             this.deviceNumberList = this.callerIdList.map((res) => res.number);
             let data = (_27 = this.newIncomingCallsList.find((item) => { var _a; return (item === null || item === void 0 ? void 0 : item.conferenceId) == ((_a = this.callAction) === null || _a === void 0 ? void 0 : _a.conferenceId); })) === null || _27 === void 0 ? void 0 : _27.participants.find((resData) => resData === null || resData === void 0 ? void 0 : resData.host);
             if ((data === null || data === void 0 ? void 0 : data.isLeft) || !data) {
+                this.isNewCallLoader = true;
                 this.rejoinHost(this.callAction);
             }
         }
@@ -2758,9 +2762,11 @@ class CallProgressComponent {
                             clientSid: (_b = (_a = this.call) === null || _a === void 0 ? void 0 : _a.parameters) === null || _b === void 0 ? void 0 : _b['CallSid'],
                             recordId: rejoinParticipentInfo === null || rejoinParticipentInfo === void 0 ? void 0 : rejoinParticipentInfo.id
                         });
+                        this.isNewCallLoader = false;
                         this.conferenceCallIDForParticipantList = rejoinParticipentInfo === null || rejoinParticipentInfo === void 0 ? void 0 : rejoinParticipentInfo.conferenceId;
                     }
                     catch (error) {
+                        this.isNewCallLoader = false;
                         console.error('Error in addClientParticipant:', error);
                     }
                 };
@@ -2964,12 +2970,13 @@ class CallProgressComponent {
                 }
                 this.conferenceId = (_b = response === null || response === void 0 ? void 0 : response.callauth) === null || _b === void 0 ? void 0 : _b.id;
                 this.isCallCancelled = false;
-                if (response.status == 200) {
+                if ((response === null || response === void 0 ? void 0 : response.status) == 200) {
                     this.pendingNewCallHeldParticipant = null;
                     const { id: callAuthId, recordCall, tokenData } = yield this.getCallAuthId(response);
                     this.recordCall = recordCall; // Store the recordCall value
                     yield this.connectToDevice(callAuthId, callData, tokenData);
                     yield this.pollCallStatus(callAuthId);
+                    console.log('Call initiated successfully:', response);
                     setTimeout(() => __awaiter(this, void 0, void 0, function* () {
                         var _c, _d, _e, _f, _g;
                         try {
@@ -2997,6 +3004,7 @@ class CallProgressComponent {
                                 countrycode: '',
                                 deviceId: this.deviceId,
                             });
+                            this.isNewCallLoader = false;
                             if (isNewConference) {
                                 this.conferenceCallIDForParticipantList = (_f = response === null || response === void 0 ? void 0 : response.callauth) === null || _f === void 0 ? void 0 : _f.id;
                             }
@@ -3005,6 +3013,7 @@ class CallProgressComponent {
                                 this.extensionService.isLoadershow.next(false);
                                 this.isLoadershown.emit(false);
                             }
+                            this.showRingAnimation = false;
                             // this.conferenceCallIDForParticipantList = response?.callauth?.id;
                             // await this.getAllParticipants(response?.callauth?.id);
                         }
@@ -4628,15 +4637,16 @@ class CallProgressComponent {
         }
     }
     ngOnDestroy() {
+        var _a, _b, _c;
         this.callData.dial = false;
-        setTimeout(() => {
-            var _a, _b, _c;
-            if (!((_a = this.newIncomingCallsList) === null || _a === void 0 ? void 0 : _a.length)) {
-                (_b = this.twilioService.device) === null || _b === void 0 ? void 0 : _b.disconnectAll();
-                this.call.disconnect();
-                (_c = this.device) === null || _c === void 0 ? void 0 : _c.destroy();
-            }
-        }, 1500);
+        // setTimeout(() => {
+        if (!((_a = this.newIncomingCallsList) === null || _a === void 0 ? void 0 : _a.length) && !this.isNewCallLoader) {
+            console.log('Destroying device and disconnecting all calls 2572');
+            (_b = this.twilioService.device) === null || _b === void 0 ? void 0 : _b.disconnectAll();
+            this.call.disconnect();
+            (_c = this.device) === null || _c === void 0 ? void 0 : _c.destroy();
+        }
+        // }, 1500);
         if (this.timerSubscription) {
             this.timerSubscription.unsubscribe();
         }
@@ -5046,6 +5056,7 @@ class DialboxComponent {
                         this.isCallInProgress = false;
                         setTimeout(() => {
                             var _a, _b, _c;
+                            console.log('344');
                             if (!((_a = this.twilioService.acceptedCallList) === null || _a === void 0 ? void 0 : _a.length)) {
                                 (_b = this.twilioService.device) === null || _b === void 0 ? void 0 : _b.disconnectAll();
                                 (_c = this.twilioService.spareDevice) === null || _c === void 0 ? void 0 : _c.disconnectAll();
@@ -5055,15 +5066,14 @@ class DialboxComponent {
                     }
                 }
                 if (!((_e = this.incomingCallsList) === null || _e === void 0 ? void 0 : _e.length)) {
-                    setTimeout(() => {
-                        var _a, _b, _c;
-                        if (!((_a = this.incomingCallsList) === null || _a === void 0 ? void 0 : _a.length)) {
-                            this.isCallInProgress = false;
-                            (_b = this.twilioService.device) === null || _b === void 0 ? void 0 : _b.disconnectAll();
-                            (_c = this.twilioService.spareDevice) === null || _c === void 0 ? void 0 : _c.disconnectAll();
-                            this.twilioService.acceptedCallList = [];
-                        }
-                    }, 2000);
+                    // setTimeout(() => {
+                    // if(!this.incomingCallsList?.length) {
+                    //   this.isCallInProgress = false;
+                    //   this.twilioService.device?.disconnectAll();
+                    //   this.twilioService.spareDevice?.disconnectAll();
+                    //   this.twilioService.acceptedCallList = [];
+                    // }
+                    // }, 5000);
                 }
             }));
             this.token = localStorage.getItem('ext_token') || '';
@@ -6062,6 +6072,7 @@ class DialboxComponent {
             this.incomingCallsList = [];
             // Clean up Twilio device when component is destroyed
             if (this.twilioService['device']) {
+                console.log('1402');
                 this.twilioService['device'].disconnectAll();
                 this.twilioService['device'].destroy();
             }