@chat21/chat21-ionic 3.0.5-9.1 → 3.0.5-9.2

package/CHANGELOG.md

@@ -1,9 +1,13 @@
 # chat21-ionic ver 3.0
 
+### 3.0.59.2
+- Fixes the bug: when the agent refreshes the chat page and the chat is in mobile mode, the badge with the number of unassigned conversations does not work
+
 ### 3.0.59.1
 - Fixes the bug: "Unable to read uid of undefined" error occurs when agent logs out
 - Fixes the bug: When the agent logs into the chat and the chat is in mobile mode, no conversations are displayed
-- Conditions the opening of the websocket to retrieve the number of conversations not assigned to the "supportMode" property set to true
+- Fixes the bug: the websocket is initialized even if the supportMode property is set to false
+- Fixes the bug: when the agent refreshes the chat page and the chat is in mobile mode, the badge with the number of unassigned conversations does not work
 
 ### 3.0.59
 - Deploys in production 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.59.1",
+    "version": "3.0.59.2",
     "author": "Tiledesk SRL",
     "homepage": "https://ionicframework.com/",
     "scripts": {

package/src/app/app.component.ts

@@ -98,7 +98,7 @@ export class AppComponent implements OnInit {
   public missingConnectionToast: any
   public executedInitializeAppByWatchConnection: boolean = false;
   private version: string;
-  public browserRefresh: boolean = false;
+ 
   // private isOnline: boolean = false;
 
   wsService: WebSocketJs;
@@ -148,29 +148,9 @@ export class AppComponent implements OnInit {
 
     // this.listenToUrlChanges();
     // this.getPageState();
+  }
 
-    // location.subscribe((val) => {
-
-    //   console.log('location subscribe val', val)
-    //   if (val.type == "hashchange") {
-    //     const convId = getParameterByName('convId')
-    //     console.log('[APP-COMP] ngOnInit convId get with getParameterByName  ', convId)
-    //     const requesterFullaname = getParameterByName('requester_fullaname')
-    //     console.log('[APP-COMP] ngOnInit convId get with getParameterByName  ', requesterFullaname);
 
-    //     this.navigateToDetail(convId, requesterFullaname)
-
-    //     this.events.publish('convid:haschanged', convId);
-    //   }
-    // });
-
-    router.events.subscribe((event) => {
-      if (event instanceof NavigationStart) {
-        this.browserRefresh = !router.navigated;
-        // console.log('browserRefresh ', this.browserRefresh)
-      }
-    });
-  }
 
   listenChatAlreadyOpenWithoutParamsInMobileMode() {
     this.events.subscribe('noparams:mobile', (isAlreadyOpenInMobileMode) => {
@@ -881,13 +861,11 @@ export class AppComponent implements OnInit {
     // clearTimeout(this.timeModalLogin);
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
 
-    const supportmode = this.appConfigProvider.getConfig().supportMode;
-    this.logger.log('[APP-COMP] - GO-ONLINE - supportmode ', supportmode);
-    if (supportmode === true) {
-
-      this.connetWebsocket(tiledeskToken)
-
-    }
+    // const supportmode = this.appConfigProvider.getConfig().supportMode;
+    // this.logger.log('[APP-COMP] - GO-ONLINE - supportmode ', supportmode);
+    // if (supportmode === true) {
+    //   this.connetWebsocket() // moved in the comp project-item
+    // }
     this.events.publish('go:online', true);
     const currentUser = this.tiledeskAuthService.getCurrentUser();
     // this.logger.printDebug('APP-COMP - goOnLine****', currentUser);
@@ -921,17 +899,7 @@ export class AppComponent implements OnInit {
     }
   }
 
-  connetWebsocket(tiledeskToken) {
-    const appconfig = this.appConfigProvider.getConfig();
-    this.logger.log('connetWebsocket appconfig wsUrl ', appconfig.wsUrl)
-    const WS_URL = appconfig.wsUrl + '?token=' + tiledeskToken
-    this.webSocketJs.init(
-      WS_URL,
-      undefined,
-      undefined,
-      undefined
-    );
-  }
+
 
 
   goOffLine = () => {

package/src/app/components/project-item/project-item.component.ts

@@ -9,6 +9,7 @@ import { CustomTranslateService } from 'src/chat21-core/providers/custom-transla
 import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
 import { TiledeskService } from 'src/app/services/tiledesk/tiledesk.service';
 import { WebSocketJs } from 'src/app/services/websocket/websocket-js';
+import { AppConfigProvider } from 'src/app/services/app-config';
 
 @Component({
   selector: 'app-project-item',
@@ -38,11 +39,11 @@ export class ProjectItemComponent implements OnInit {
     public tiledeskAuthService: TiledeskAuthService,
     public tiledeskService: TiledeskService,
     public webSocketJs: WebSocketJs,
+    private appConfigProvider: AppConfigProvider,
   ) { }
 
   ngOnInit() {
-    this.getLastProjectStoredAndSubscToWSAvailabilityAndConversations();
-    this.getStoredToken();
+    this.getStoredTokenAndConnectWS();
     this.getStoredCurrenUser();
     this.translations();
     this.listenToPostMsgs();
@@ -50,6 +51,29 @@ export class ProjectItemComponent implements OnInit {
     // console.log('[PROJECT-ITEM] - on INIT')
   }
 
+  getStoredTokenAndConnectWS() {
+    this.tiledeskToken = this.appStorageService.getItem('tiledeskToken');
+    this.logger.log('[PROJECT-ITEM] - STORED TILEDEK TOKEN ', this.tiledeskToken)
+    this.connetWebsocket( this.tiledeskToken) 
+  }
+
+  connetWebsocket(tiledeskToken) {
+   
+    this.logger.log('[WEBSOCKET-JS] connetWebsocket called in [PROJECT-ITEM] tiledeskToken ',tiledeskToken)
+    const appconfig = this.appConfigProvider.getConfig();
+    this.logger.log('[WEBSOCKET-JS] connetWebsocket called in [PROJECT-ITEM] wsUrl ', appconfig.wsUrl)
+    const WS_URL = appconfig.wsUrl + '?token=' + tiledeskToken
+    this.logger.log('[WEBSOCKET-JS] connetWebsocket called in [PROJECT-ITEM] wsUrl ', WS_URL)
+    this.webSocketJs.init(
+      WS_URL,
+      undefined,
+      undefined,
+      undefined
+    );
+
+    this.getLastProjectStoredAndSubscToWSAvailabilityAndConversations();
+  }
+
   listenToPostMsgs() {
     window.addEventListener("message", (event) => {
       // console.log("[PROJECT-ITEM] post message event ", event);
@@ -104,11 +128,7 @@ export class ProjectItemComponent implements OnInit {
 
 
 
-  getStoredToken() {
-    this.tiledeskToken = this.appStorageService.getItem('tiledeskToken');
-    this.logger.log('[PROJECT-ITEM] - STORED TILEDEK TOKEN ', this.tiledeskToken)
-
-  }
+ 
 
   getStoredCurrenUser() {
     const storedCurrentUser = this.appStorageService.getItem('currentUser');

package/src/app/services/websocket/websocket-js.ts

@@ -93,7 +93,7 @@ export class WebSocketJs {
       var that = this;
       if (this.ws) {
         this.ws.addEventListener("open", function (event) {
-          this.logger.log('[WEBSOCKET-JS] - REF - OPEN EVENT *** ', event);
+          that.logger.log('[WEBSOCKET-JS] - REF - OPEN EVENT *** ', event);
           that.subscribe(topic);
         });
       } else {
@@ -329,7 +329,7 @@ export class WebSocketJs {
     // this.sendingMessages = [];//new Map();
     // this.data = [];
     // this.init(this.sendMesagesInSendingArray);
-
+    this.logger.log("[WEBSOCKET-JS] - CALLING INIT - url ", this.url);
     this.logger.log("[WEBSOCKET-JS] - CALLING INIT - topics ", this.topics);
     this.logger.log("[WEBSOCKET-JS] - CALLING INIT - url ", this.url);
     this.logger.log("[WEBSOCKET-JS] - CALLING INIT - callbacks ", this.callbacks);