@chat21/chat21-ionic 3.0.55-RC6 → 3.0.57

package/src/app/app.component.ts

@@ -4,8 +4,8 @@ import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storag
 
 import { Component, ViewChild, NgZone, OnInit, HostListener, ElementRef, Renderer2, } from '@angular/core';
 import { Config, Platform, IonRouterOutlet, IonSplitPane, NavController, MenuController, AlertController, IonNav, ToastController } from '@ionic/angular';
-import { ActivatedRoute, Router } from '@angular/router';
-import { Subscription } from 'rxjs';
+import { ActivatedRoute, NavigationStart, Router } from '@angular/router';
+import { Subscription, VirtualTimeScheduler } from 'rxjs';
 import { ModalController } from '@ionic/angular';
 
 // import * as firebase from 'firebase/app';
@@ -37,7 +37,7 @@ import { LoginPage } from './pages/authentication/login/login.page';
 import { ConversationListPage } from './pages/conversations-list/conversations-list.page';
 
 // utils
-import { createExternalSidebar, checkPlatformIsMobile, isGroup } from '../chat21-core/utils/utils';
+import { createExternalSidebar, checkPlatformIsMobile, isGroup, getParameterByName } from '../chat21-core/utils/utils';
 import { STORAGE_PREFIX, PLATFORM_MOBILE, PLATFORM_DESKTOP, CHAT_ENGINE_FIREBASE, AUTH_STATE_OFFLINE, AUTH_STATE_ONLINE } from '../chat21-core/utils/constants';
 import { environment } from '../environments/environment';
 import { UserModel } from '../chat21-core/models/user';
@@ -49,9 +49,17 @@ import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk
 import { NotificationsService } from 'src/chat21-core/providers/abstract/notifications.service';
 import { getImageUrlThumbFromFirebasestorage } from 'src/chat21-core/utils/utils-user';
 
-import { Network } from '@ionic-native/network/ngx';
-import { Observable, Observer, fromEvent, merge, of } from 'rxjs';
-import { mapTo } from 'rxjs/operators';
+// import { Network } from '@ionic-native/network/ngx';
+// import { Observable, Observer, fromEvent, merge, of } from 'rxjs';
+// import { mapTo } from 'rxjs/operators';
+import { TiledeskService } from './services/tiledesk/tiledesk.service';
+import { NetworkService } from './services/network-service/network.service';
+import * as PACKAGE from 'package.json';
+
+import { Subject } from 'rxjs';
+import { filter, takeUntil } from 'rxjs/operators'
+
+// import { filter } from 'rxjs/operators';
 
 @Component({
   selector: 'app-root',
@@ -63,10 +71,10 @@ export class AppComponent implements OnInit {
   @ViewChild('sidebarNav', { static: false }) sidebarNav: IonNav;
   @ViewChild('detailNav', { static: false }) detailNav: IonRouterOutlet;
 
-  public appIsOnline$: Observable<boolean> = undefined;
+  // public appIsOnline$: Observable<boolean> = undefined;
   checkInternet: boolean;
 
-  private subscription: Subscription;
+  private BSAuthStateChangedSubscriptionRef: Subscription;
   public sidebarPage: any;
   public notificationsEnabled: boolean;
   public zone: NgZone;
@@ -74,6 +82,7 @@ export class AppComponent implements OnInit {
   private doitResize: any;
   private timeModalLogin: any;
   public tenant: string;
+  public persistence: string;
   public authModal: any;
 
   private audio: any;
@@ -82,9 +91,17 @@ export class AppComponent implements OnInit {
   private isTabVisible: boolean = true;
   private tabTitle: string;
   private logger: LoggerService = LoggerInstance.getInstance();
-  public toastMsg: string;
+  public toastMsgErrorWhileUnsubscribingFromNotifications: string;
+  public toastMsgCloseToast: string;
+  public toastMsgWaitingForNetwork: string;
   private modalOpen: boolean = false;
   private hadBeenCalledOpenModal: boolean = false;
+  public missingConnectionToast: any
+  public executedInitializeAppByWatchConnection: boolean = false;
+  private version: string;
+  private unsubscribe$: Subject<any> = new Subject<any>();
+  // private isOnline: boolean = false;
+
   constructor(
     private platform: Platform,
     private splashScreen: SplashScreen,
@@ -117,59 +134,98 @@ export class AppComponent implements OnInit {
     private translateService: CustomTranslateService,
     public notificationsService: NotificationsService,
     public toastController: ToastController,
-    private network: Network
+    // private network: Network,
+    // private tiledeskService: TiledeskService,
+    private networkService: NetworkService
   ) {
+    this.logger.log('[APP-COMP] HELLO Constuctor !!!!!!!')
+    // HACK: fix toast not presented when offline, due to lazy loading the toast controller.
+    // this.toastController.create({ animated: false }).then(t => {
+    //   console.log('[APP-COMP] toastController create')
+    //   t.present();
+    //   t.dismiss();
+    // });
+  }
 
-    const appconfig = appConfigProvider.getConfig();
-    this.logger.info('[APP-COMP] appconfig: ', appconfig)
-    this.logger.info('[APP-COMP] logLevel: ', appconfig.logLevel);
-    this.tenant = appconfig.firebaseConfig.tenant;
-    this.logger.info('[APP-COMP] appconfig firebaseConfig tenant: ', this.tenant)
-    this.logger.info('[APP-COMP] appconfig platform is cordova: ', this.platform.is('cordova'))
-    this.logger.info('[APP-COMP] appconfig version: 3.0.55-RC4-test1',)
+  param() {
+    // PARAM
+    const url: URL = new URL(window.top.location.href);
+    const params: URLSearchParams = url.searchParams;
+    return params;
+  }
+  /**
+   */
+  ngOnInit() {
+    const appconfig = this.appConfigProvider.getConfig();
+    this.persistence = appconfig.authPersistence;
+    this.appStorageService.initialize(environment.storage_prefix, this.persistence, '')
+    this.logger.log('[APP-COMP] HELLO ngOnInit !!!!!!!')
+    this.logger.info('[APP-COMP] ngOnInit this.route.snapshot.params -->', this.route.snapshot.params);
+    // this.initializeApp('oninit');
+    const token = getParameterByName('jwt')
+    this.logger.info('[APP-COMP] ngOnInit AUTOLOGIN token get with getParameterByName -->', token);
+
+    if (token) {
+      // this.isOnline = false;
+      // this.logger.log('[APP-COMP] ngOnInit AUTOLOGIN token get with this.isOnline  ', this.isOnline)
+      this.logger.log('[APP-COMP] ngOnInit AUTOLOGIN token get with getParameterByName  ', token)
+      // save token in local storage then 
+
+      const storedToken = this.appStorageService.getItem('tiledeskToken');
+      this.logger.log('[APP-COMP] ngOnInit AUTOLOGIN storedToken ', storedToken)
+      this.logger.log('[APP-COMP] ngOnInit AUTOLOGIN SAVE THE PARAMS TOKEN ', token)
+      if (storedToken !== token) {
+        this.appStorageService.setItem('tiledeskToken', token);
+      } else {
+        this.logger.log('[APP-COMP] ngOnInit AUTOLOGIN the current user already exist DON\'T SAVE ')
+      }
+    }
+    this.initializeApp('oninit');
 
+  }
 
 
+  signInWithCustomToken(token) {
+    // this.isOnline = false;
+    this.logger.log('[APP-COMP] SIGNINWITHCUSTOMTOKEN  token', token)
+    this.tiledeskAuthService.signInWithCustomToken(token)
+      .then((user: any) => {
+        this.logger.log('[APP-COMP] SIGNINWITHCUSTOMTOKEN AUTLOGIN user', user)
+        this.messagingAuthService.createCustomToken(token)
+      })
+      .catch(error => {
+        this.logger.error('[APP-COMP] SIGNINWITHCUSTOMTOKEN error::', error)
+      })
 
+  }
 
-    this.route.queryParams.subscribe(params => {
-      this.logger.info('[APP-COMP] queryParams params: ', params)
-      if (params.logLevel) {
-        this.logger.info('[APP-COMP] log level get from queryParams: ', params.logLevel)
-        this.logger.setLoggerConfig(true, params.logLevel)
-      } else {
-        this.logger.info('[APP-COMP] log level get from appconfig: ', appconfig.logLevel)
-        this.logger.setLoggerConfig(true, appconfig.logLevel)
-      }
-    });
 
 
-    this.logger.setLoggerConfig(true, appconfig.logLevel)
-    // }
-    // if (!this.platform.is('desktop')) {
-    //   this.splashScreen.show();
-    // }
+  /** */
+  initializeApp(calledby: string) {
+    console.log('[APP-COMP] - X - initializeApp !!! CALLED-BY: ', calledby);
+    this.logger.log('[APP-COMP] appconfig platform is cordova: ', this.platform.is('cordova'))
+
     if (!this.platform.is('cordova')) {
       this.splashScreen.show();
     }
+    this.tabTitle = document.title;
 
+    this.getRouteParamsAndSetLoggerConfig();
 
-  }
-
-
-  /**
-   */
-  ngOnInit() {
-    this.logger.info('[APP-COMP] ngOnInit -->', this.route.snapshot.params);
-    this.tabTitle = document.title
-    this.initializeApp();
-  }
+    const appconfig = this.appConfigProvider.getConfig();
+    this.logger.info('[APP-COMP] appconfig: ', appconfig)
+    this.version = PACKAGE.version;
+    this.logger.info('[APP-COMP] version: ', this.version)
 
+    this.logger.setLoggerConfig(true, appconfig.logLevel)
+    this.logger.info('[APP-COMP] logLevel: ', appconfig.logLevel);
 
-  /** */
-  initializeApp() {
+    this.tenant = appconfig.firebaseConfig.tenant;
+    this.logger.info('[APP-COMP] appconfig firebaseConfig tenant: ', this.tenant);
     this.notificationsEnabled = true;
     this.zone = new NgZone({}); // a cosa serve?
+
     this.platform.ready().then(() => {
       this.setLanguage();
 
@@ -178,7 +234,8 @@ export class AppComponent implements OnInit {
       }
       this.statusBar.styleDefault();
       this.navService.init(this.sidebarNav, this.detailNav);
-      this.appStorageService.initialize(environment.storage_prefix, environment.authPersistence, '')
+      // this.persistence = appconfig.authPersistence;
+      // this.appStorageService.initialize(environment.storage_prefix, this.persistence, '')
       this.tiledeskAuthService.initialize(this.appConfigProvider.getConfig().apiUrl);
       this.messagingAuthService.initialize();
 
@@ -197,479 +254,483 @@ export class AppComponent implements OnInit {
 
       this.initAuthentication();
       this.initSubscriptions();
-      this.initAudio()
+      this.initAudio();
 
       this.logger.debug('[APP-COMP] initializeApp:: ', this.sidebarNav, this.detailNav);
-      // this.listenToLogoutEvent()
-      this.translateToastMessage();
+
+      this.translateToastMsgs();
 
       // ---------------------------------------
       // Watch to network status
       // ---------------------------------------
-      this.watchToConnectionStatus()
+      this.watchToConnectionStatus();
     });
   }
 
+
   watchToConnectionStatus() {
-    this.checkInternetFunc().subscribe(isOnline => {
+    this.networkService.checkInternetFunc().subscribe(isOnline => {
       this.checkInternet = isOnline
-      console.log('[APP-COMP] - watchToConnectionStatus - this.checkInterent', this.checkInternet)
+      this.logger.log('[APP-COMP] - watchToConnectionStatus - isOnline', this.checkInternet)
 
       // checking internet connection
       if (this.checkInternet == true) {
+        // this.events.publish('internetisonline', true);
         // show success alert if internet is working
         // alert('Internet is working.')
-        console.log('[APP-COMP] - watchToConnectionStatus - Internet is working.')
+        this.logger.log('[APP-COMP] - watchToConnectionStatus - Internet is working.')
+        // this.logger.log('[APP-COMP] - watchToConnectionStatus - this.missingConnectionToast', this.missingConnectionToast)
+        if (!checkPlatformIsMobile()) {
+          const elemIonNav = <HTMLElement>document.querySelector('ion-nav');
+          this.logger.log('[APP-COMP] - watchToConnectionStatus - desktop * elemIonNav *', elemIonNav)
+
+          if (this.executedInitializeAppByWatchConnection === false) {
+            setTimeout(() => {
+              const elemIonNavchildNodes = elemIonNav.childNodes;
+              this.logger.log('[APP-COMP] - watchToConnectionStatus - elemIonNavchildNodes ', elemIonNavchildNodes);
+
+              if (elemIonNavchildNodes.length === 0) {
+                this.logger.log('[APP-COMP] - watchToConnectionStatus - elemIonNavchildNodes  HERE YES', elemIonNavchildNodes);
+
+                // this.initializeApp('checkinternet');
+                this.executedInitializeAppByWatchConnection = true;
+              }
+            }, 2000);
+          }
+        } else if (checkPlatformIsMobile()) {
+          this.logger.log('[APP-COMP] - watchToConnectionStatus - mobile ')
+          const elemIonRouterOutlet = <HTMLElement>document.querySelector('ion-router-outlet');
+          this.logger.log('[APP-COMP] - watchToConnectionStatus - mobile * elemIonRouterOutlet *', elemIonRouterOutlet)
+          if (this.executedInitializeAppByWatchConnection === false) {
+            setTimeout(() => {
+              const childElementCount = elemIonRouterOutlet.childElementCount;
+              this.logger.log('[APP-COMP] - watchToConnectionStatus - mobile * childElementCount *', childElementCount)
+              if (childElementCount === 1) {
+                // this.initializeApp('checkinternet');
+                this.executedInitializeAppByWatchConnection = true;
+              }
+            }, 2000);
+          }
+        }
       }
       else {
-        // show danger alert if net internet not working
-        // alert('Internet is slow or not working.')
-        console.log('[APP-COMP] - watchToConnectionStatus - Internet is slow or not working.')
+        this.logger.log('[APP-COMP] - watchToConnectionStatus - Internet is slow or not working.');
       }
     });
   }
 
-  checkInternetFunc() {
-    if (!window || !navigator || !('onLine' in navigator)) return;
 
-    this.appIsOnline$ = Observable.create(observer => {
-        observer.next(true);
-    }).pipe(mapTo(true));
+  getRouteParamsAndSetLoggerConfig() {
+    const appconfig = this.appConfigProvider.getConfig();
+    this.route.queryParams.subscribe(params => {
+      this.logger.info('[APP-COMP] getRouteParamsAndSetLoggerConfig - queryParams params: ', params)
+      if (params.logLevel) {
+        this.logger.info('[APP-COMP] getRouteParamsAndSetLoggerConfig - log level get from queryParams: ', params.logLevel)
+        this.logger.setLoggerConfig(true, params.logLevel)
+      } else {
+        this.logger.info('[APP-COMP] getRouteParamsAndSetLoggerConfig - log level get from appconfig: ', appconfig.logLevel)
+        this.logger.setLoggerConfig(true, appconfig.logLevel)
+      }
+    });
+  }
+
 
-    if (this.platform.is('cordova')) {
-        // on Device - when platform is cordova
-        this.appIsOnline$ = merge(
-            this.network.onConnect().pipe(mapTo(true)),
-            this.network.onDisconnect().pipe(mapTo(false))
-        );
+  translateToastMsgs() {
+    this.translate.get('AnErrorOccurredWhileUnsubscribingFromNotifications')
+      .subscribe((text: string) => {
+        this.toastMsgErrorWhileUnsubscribingFromNotifications = text;
+      });
+    this.translate.get('CLOSE_TOAST')
+      .subscribe((text: string) => {
+        this.toastMsgCloseToast = text;
+      });
+    this.translate.get('WAITING_FOR_NETWORK')
+      .subscribe((text: string) => {
+        this.toastMsgWaitingForNetwork = text;
+      });
+  }
+
+
+  /***************************************************+*/
+  /**------- AUTHENTICATION FUNCTIONS --> START <--- +*/
+  private initAuthentication() {
+    const tiledeskToken = this.appStorageService.getItem('tiledeskToken')
+    console.log('[APP-COMP] >>> INIT-AUTHENTICATION !!! ')
+    this.logger.log('[APP-COMP] >>> initAuthentication tiledeskToken ', tiledeskToken)
+    // const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
+    // this.logger.log('[APP-COMP] >>> initAuthentication currentUser ', currentUser)
+    if (tiledeskToken) {
+      this.logger.log('[APP-COMP] >>> initAuthentication I LOG IN WITH A TOKEN EXISTING IN THE LOCAL STORAGE OR WITH A TOKEN PASSED IN THE URL PARAMETERS <<<')
+      this.tiledeskAuthService.signInWithCustomToken(tiledeskToken).then(user => {
+        this.logger.log('[APP-COMP] >>> initAuthentication user ', user)
+        this.messagingAuthService.createCustomToken(tiledeskToken)
+      }).catch(error => {
+        this.logger.error('[APP-COMP] initAuthentication SIGNINWITHCUSTOMTOKEN error::', error)
+      })
     } else {
-        // on Browser - when platform is Browser
-        this.appIsOnline$ = merge(
-            of(navigator.onLine),
-            fromEvent(window, 'online').pipe(mapTo(true)),
-            fromEvent(window, 'offline').pipe(mapTo(false))
-        );
+      this.logger.warn('[APP-COMP] >>> I AM NOT LOGGED IN <<<')
+      const that = this;
+      clearTimeout(this.timeModalLogin);
+      this.timeModalLogin = setTimeout(() => {
+        if (!this.hadBeenCalledOpenModal) {
+          this.authModal = this.presentModal('initAuthentication');
+          this.hadBeenCalledOpenModal = true;
+        }
+      }, 1000);
     }
+  }
 
-    return this.appIsOnline$
+  checkTokenAndGoOffline() {
+    let token = this.appStorageService.getItem('tiledeskToken');
+    this.logger.info('[APP-COMP] ***** checkTokenAndGoOffline - stored token *****', token);
+    if (!token) {
+      this.goOffLine()
+    }
   }
 
+  /**
+   * goOnLine:
+   * 1 - nascondo splashscreen
+   * 2 - recupero il tiledeskToken e lo salvo in chat manager
+   * 3 - carico in d
+   * @param user
+   */
+  goOnLine = () => {
+    // this.isOnline = true;
+    // this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] - GO-ONLINE isOnline ', this.isOnline);
 
 
-translateToastMessage() {
-  this.translate.get('AnErrorOccurredWhileUnsubscribingFromNotifications')
-    .subscribe((text: string) => {
-      // this.deleteContact_msg = text;
-      // this.logger.debug('FIREBASE-NOTIFICATION >>>> (APP-COMPONENT) text: ', text)
-      this.toastMsg = text;
-      // this.logger.debug('FIREBASE-NOTIFICATION >>>> (APP-COMPONENT): this.toastMsg', this.toastMsg)
-    });
-}
+    clearTimeout(this.timeModalLogin);
+    const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
+    const currentUser = this.tiledeskAuthService.getCurrentUser();
+    // this.logger.printDebug('APP-COMP - goOnLine****', currentUser);
+    this.logger.log('[APP-COMP] - GO-ONLINE - currentUser ', currentUser);
+    this.chatManager.setTiledeskToken(tiledeskToken);
+    this.chatManager.setCurrentUser(currentUser);
+    // ----------------------------------------------
+    // PUSH NOTIFICATIONS
+    // ----------------------------------------------
+    const pushEngine = this.appConfigProvider.getConfig().pushEngine
+
+    if (currentUser) {
+      if (pushEngine && pushEngine !== 'none') {
+        this.notificationsService.getNotificationPermissionAndSaveToken(currentUser.uid);
+      }
 
-  /***************************************************+*/
-  /**------- AUTHENTICATION FUNCTIONS --> START <--- +*/
-  private initAuthentication() {
-  const tiledeskToken = this.appStorageService.getItem('tiledeskToken')
-  this.logger.log('[APP-COMP] >>> initAuthentication tiledeskToken ', tiledeskToken)
 
-  const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
-  this.logger.log('[APP-COMP] >>> initAuthentication currentUser ', currentUser)
-  if (tiledeskToken) {
-    this.logger.log('[APP-COMP] >>> initAuthentication I LOG IN WITH A TOKEN EXISTING IN THE LOCAL STORAGE OR WITH A TOKEN PASSED IN THE URL PARAMETERS <<<')
+      this.presenceService.setPresence(currentUser.uid);
+      this.initConversationsHandler(currentUser.uid);
+      this.initArchivedConversationsHandler(currentUser.uid);
+    }
+    this.checkPlatform();
+    try {
+      this.logger.debug('[APP-COMP] ************** closeModal', this.authModal);
+      if (this.authModal) {
+        this.closeModal();
+      }
+    } catch (err) {
+      this.logger.error('[APP-COMP] -> error:', err);
+    }
+    this.chatManager.startApp();
+  }
 
-    this.tiledeskAuthService.signInWithCustomToken(tiledeskToken).then(user => {
-      this.messagingAuthService.createCustomToken(tiledeskToken)
-    }).catch(error => { this.logger.error('[APP-COMP] initAuthentication SIGNINWITHCUSTOMTOKEN error::' + error) })
+  goOffLine = () => {
+    this.logger.log('[APP-COMP] ************** goOffLine authModal:', this.authModal);
+    // this.isOnline = false;
+    // this.conversationsHandlerService.conversations = [];
 
-  } else {
-    this.logger.warn('[APP-COMP] >>> I AM NOT LOGGED IN <<<')
+    this.chatManager.setTiledeskToken(null);
+    this.chatManager.setCurrentUser(null);
+    this.chatManager.goOffLine();
+
+    this.router.navigateByUrl('conversation-detail/'); //redirect to basePage
     const that = this;
     clearTimeout(this.timeModalLogin);
     this.timeModalLogin = setTimeout(() => {
       if (!this.hadBeenCalledOpenModal) {
-        this.authModal = this.presentModal('initAuthentication');
-        this.hadBeenCalledOpenModal = true;
+        this.authModal = this.presentModal('goOffLine');
+        this.hadBeenCalledOpenModal = true
       }
     }, 1000);
-  }
 
-  this.route.queryParams.subscribe(params => {
-    if (params.jwt) {
-      this.tiledeskAuthService.signInWithCustomToken(params.jwt).then(user => {
-        this.messagingAuthService.createCustomToken(params.jwt)
-      }).catch(error => { this.logger.error('[APP-COMP] SIGNINWITHCUSTOMTOKEN error::' + error) })
-    }
-  });
-}
+    // this.unsubscribe$.next();
+    // this.unsubscribe$.complete();
 
-authenticate() {
-  let token = this.appStorageService.getItem('tiledeskToken');
-  this.logger.debug('[APP-COMP] ***** authenticate - stored token *****', token);
-  if (!token) {
-    this.goOffLine()
   }
-}
-
-/**
- * goOnLine:
- * 1 - nascondo splashscreen
- * 2 - recupero il tiledeskToken e lo salvo in chat manager
- * 3 - carico in d
- * @param user
- */
-goOnLine = () => {
-  clearTimeout(this.timeModalLogin);
-  const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
-  const currentUser = this.tiledeskAuthService.getCurrentUser();
-  // this.logger.printDebug('APP-COMP - goOnLine****', currentUser);
-  this.logger.debug('[APP-COMP] - goOnLine****', currentUser);
-  this.chatManager.setTiledeskToken(tiledeskToken);
-
-  // ----------------------------------------------
-  // PUSH NOTIFICATIONS
-  // ----------------------------------------------
-  const pushEngine = this.appConfigProvider.getConfig().pushEngine
-
-  if (currentUser) {
-    if (pushEngine && pushEngine !== 'none') {
-      this.notificationsService.getNotificationPermissionAndSaveToken(currentUser.uid);
-    }
+  /**------- AUTHENTICATION FUNCTIONS --> END <--- +*/
+  /***************************************************+*/
 
-    this.chatManager.setCurrentUser(currentUser);
-    this.presenceService.setPresence(currentUser.uid);
-    this.initConversationsHandler(currentUser.uid);
-    this.initArchivedConversationsHandler(currentUser.uid);
-  }
-  this.checkPlatform();
-  try {
-    this.logger.debug('[APP-COMP] ************** closeModal', this.authModal);
-    if (this.authModal) {
-      this.closeModal();
+  /** */
+  setLanguage() {
+    this.translate.setDefaultLang('en');
+    this.translate.use('en');
+    this.logger.debug('[APP-COMP] navigator.language: ', navigator.language);
+    let language;
+    if (navigator.language.indexOf('-') !== -1) {
+      language = navigator.language.substring(0, navigator.language.indexOf('-'));
+    } else if (navigator.language.indexOf('_') !== -1) {
+      language = navigator.language.substring(0, navigator.language.indexOf('_'));
+    } else {
+      language = navigator.language;
     }
-  } catch (err) {
-    this.logger.error('[APP-COMP] -> error:', err);
+    this.translate.use(language);
   }
-  this.chatManager.startApp();
-}
 
-goOffLine = () => {
-  this.logger.log('[APP-COMP] ************** goOffLine:', this.authModal);
-  // this.conversationsHandlerService.conversations = [];
-
-  this.chatManager.setTiledeskToken(null);
-  this.chatManager.setCurrentUser(null);
-  this.chatManager.goOffLine();
-
-  this.router.navigateByUrl('conversation-detail/'); //redirect to basePage
-  const that = this;
-  clearTimeout(this.timeModalLogin);
-  this.timeModalLogin = setTimeout(() => {
-    if (!this.hadBeenCalledOpenModal) {
-      this.authModal = this.presentModal('goOffLine');
-      this.hadBeenCalledOpenModal = true
-    }
-  }, 1000);
-}
-/**------- AUTHENTICATION FUNCTIONS --> END <--- +*/
-/***************************************************+*/
-
-/**
- * ::: initConversationsHandler :::
- * inizializzo chatConversationsHandler e archviedConversationsHandler
- * recupero le conversazioni salvate nello storage e pubblico l'evento loadedConversationsStorage
- * imposto uidConvSelected in conversationHandler e chatArchivedConversationsHandler
- * e mi sottoscrivo al nodo conversazioni in conversationHandler e chatArchivedConversationsHandler (connect)
- * salvo conversationHandler in chatManager
- */
-// initConversationsHandler(userId: string) {
-//   const keys = [
-//     'LABEL_TU'
-//   ];
-//   const translationMap = this.translateService.translateLanguage(keys);
-
-//   this.logger.debug('initConversationsHandler ------------->', userId);
-//   // 1 - init chatConversationsHandler and  archviedConversationsHandler
-//   this.conversationsHandlerService.initialize(userId, translationMap);
-//   // 2 - get conversations from storage
-//   // this.chatConversationsHandler.getConversationsFromStorage();
-//   // 5 - connect conversationHandler and archviedConversationsHandler to firebase event (add, change, remove)
-//   this.conversationsHandlerService.connect();
-//   // 6 - save conversationHandler in chatManager
-//   this.chatManager.setConversationsHandler(this.conversationsHandlerService);
-// }
-
-/** */
-setLanguage() {
-  this.translate.setDefaultLang('en');
-  this.translate.use('en');
-  this.logger.debug('[APP-COMP] navigator.language: ', navigator.language);
-  let language;
-  if (navigator.language.indexOf('-') !== -1) {
-    language = navigator.language.substring(0, navigator.language.indexOf('-'));
-  } else if (navigator.language.indexOf('_') !== -1) {
-    language = navigator.language.substring(0, navigator.language.indexOf('_'));
-  } else {
-    language = navigator.language;
-  }
-  this.translate.use(language);
-}
+  checkPlatform() {
+    this.logger.debug('[APP-COMP] checkPlatform');
+    // let pageUrl = '';
+    // try {
+    //   const pathPage = this.route.snapshot.firstChild.routeConfig.path;
+    //   this.route.snapshot.firstChild.url.forEach(element => {
+    //     pageUrl += '/' + element.path;
+    //   });
+    // } catch (error) {
+    //   this.logger.debug('error', error);
+    // }
+    // this.logger.debug('checkPlatform pathPage: ', pageUrl);
+    // if (!pageUrl || pageUrl === '') {
+    //   pageUrl = '/conversations-list';
+    // }
 
-checkPlatform() {
-  this.logger.debug('[APP-COMP] checkPlatform');
-  // let pageUrl = '';
-  // try {
-  //   const pathPage = this.route.snapshot.firstChild.routeConfig.path;
-  //   this.route.snapshot.firstChild.url.forEach(element => {
-  //     pageUrl += '/' + element.path;
-  //   });
-  // } catch (error) {
-  //   this.logger.debug('error', error);
-  // }
-  // this.logger.debug('checkPlatform pathPage: ', pageUrl);
-  // if (!pageUrl || pageUrl === '') {
-  //   pageUrl = '/conversations-list';
-  // }
+    if (checkPlatformIsMobile()) {
+      this.platformIs = PLATFORM_MOBILE;
+      const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
+      this.logger.log('[APP-COMP] PLATFORM_MOBILE2 navigateByUrl', PLATFORM_MOBILE, this.route.snapshot);
+      if (!IDConv) {
+        this.router.navigateByUrl('conversations-list')
+      }
+      // this.router.navigateByUrl(pageUrl);
+      // this.navService.setRoot(ConversationListPage, {});
+    } else {
+      this.platformIs = PLATFORM_DESKTOP;
+      this.logger.log('[APP-COMP] PLATFORM_DESKTOP ', this.navService);
 
-  if (checkPlatformIsMobile()) {
-    this.platformIs = PLATFORM_MOBILE;
-    const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
-    this.logger.debug('[APP-COMP] PLATFORM_MOBILE2 navigateByUrl', PLATFORM_MOBILE, this.route.snapshot);
-    if (!IDConv) {
-      this.router.navigateByUrl('conversations-list')
-    }
-    // this.router.navigateByUrl(pageUrl);
-    // this.navService.setRoot(ConversationListPage, {});
-  } else {
-    this.platformIs = PLATFORM_DESKTOP;
-    this.logger.debug('[APP-COMP] PLATFORM_DESKTOP ', this.navService);
-    this.navService.setRoot(ConversationListPage, {});
+      this.navService.setRoot(ConversationListPage, {});
 
-    const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
-    const FullNameConv = this.route.snapshot.firstChild.paramMap.get('FullNameConv');
-    const Convtype = this.route.snapshot.firstChild.paramMap.get('Convtype');
+      const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
+      const FullNameConv = this.route.snapshot.firstChild.paramMap.get('FullNameConv');
+      const Convtype = this.route.snapshot.firstChild.paramMap.get('Convtype');
 
 
-    let pageUrl = 'conversation-detail/'
-    if (IDConv && FullNameConv) {
-      pageUrl += IDConv + '/' + FullNameConv + '/' + Convtype
-    }
+      let pageUrl = 'conversation-detail/'
+      if (IDConv && FullNameConv) {
+        pageUrl += IDConv + '/' + FullNameConv + '/' + Convtype
+      }
 
-    this.router.navigateByUrl(pageUrl);
+      this.router.navigateByUrl(pageUrl);
 
 
-    // const DASHBOARD_URL = this.appConfigProvider.getConfig().DASHBOARD_URL;
-    // createExternalSidebar(this.renderer, DASHBOARD_URL);
+      // const DASHBOARD_URL = this.appConfigProvider.getConfig().DASHBOARD_URL;
+      // createExternalSidebar(this.renderer, DASHBOARD_URL);
 
-    // // FOR REALTIME TESTING
-    // createExternalSidebar(this.renderer, 'http://localhost:4203');
+      // // FOR REALTIME TESTING
+      // createExternalSidebar(this.renderer, 'http://localhost:4204');
 
+    }
   }
-}
 
-/** */
-// showNavbar() {
-//   let TEMP = location.search.split('navBar=')[1];
-//   if (TEMP) { this.isNavBar = TEMP.split('&')[0]; }
-// }
+  /** */
+  // showNavbar() {
+  //   let TEMP = location.search.split('navBar=')[1];
+  //   if (TEMP) { this.isNavBar = TEMP.split('&')[0]; }
+  // }
 
-/** */
-hideAlert() {
-  this.logger.debug('[APP-COMP] hideAlert');
-  this.notificationsEnabled = true;
-}
+  /** */
+  hideAlert() {
+    this.logger.debug('[APP-COMP] hideAlert');
+    this.notificationsEnabled = true;
+  }
 
   private initAudio() {
-  // SET AUDIO
-  this.audio = new Audio();
-  this.audio.src = URL_SOUND_LIST_CONVERSATION;
-  this.audio.load();
-}
+    // SET AUDIO
+    this.audio = new Audio();
+    this.audio.src = URL_SOUND_LIST_CONVERSATION;
+    this.audio.load();
+  }
 
   private manageTabNotification() {
-  if (!this.isTabVisible) {
-    // TAB IS HIDDEN --> manage title and SOUND
-
-    let badgeNewConverstionNumber = this.conversationsHandlerService.countIsNew()
-    badgeNewConverstionNumber > 0 ? badgeNewConverstionNumber : badgeNewConverstionNumber = 1
-    document.title = "(" + badgeNewConverstionNumber + ") " + this.tabTitle
-
-    clearInterval(this.setIntervalTime)
-    const that = this
-    this.setIntervalTime = setInterval(function () {
-      if (document.title.charAt(0) === '(') {
-        document.title = that.tabTitle
-      } else {
-        document.title = "(" + badgeNewConverstionNumber + ") " + that.tabTitle;
-      }
+    if (!this.isTabVisible) {
+      // TAB IS HIDDEN --> manage title and SOUND
+
+      let badgeNewConverstionNumber = this.conversationsHandlerService.countIsNew()
+      badgeNewConverstionNumber > 0 ? badgeNewConverstionNumber : badgeNewConverstionNumber = 1
+      document.title = "(" + badgeNewConverstionNumber + ") " + this.tabTitle
+
+      clearInterval(this.setIntervalTime)
+      const that = this
+      this.setIntervalTime = setInterval(function () {
+        if (document.title.charAt(0) === '(') {
+          document.title = that.tabTitle
+        } else {
+          document.title = "(" + badgeNewConverstionNumber + ") " + that.tabTitle;
+        }
+      }, 1000);
+      this.soundMessage()
+    }
+  }
+
+  soundMessage() {
+    const that = this;
+    // this.audio = new Audio();
+    // // this.audio.src = '/assets/sounds/pling.mp3';
+    // this.audio.src = URL_SOUND_LIST_CONVERSATION;
+    // this.audio.load();
+    this.logger.debug('[APP-COMP] conversation play', this.audio);
+    clearTimeout(this.setTimeoutSound);
+    this.setTimeoutSound = setTimeout(function () {
+      that.audio.play().then(() => {
+        that.logger.debug('[APP-COMP] ****** soundMessage played *****');
+      }).catch((error: any) => {
+        that.logger.debug('[APP-COMP] ***soundMessage error*', error);
+      });
     }, 1000);
-    this.soundMessage()
   }
-}
+  /**---------------- SOUND FUNCTIONS --> END <--- +*/
+  /***************************************************+*/
 
-soundMessage() {
-  const that = this;
-  // this.audio = new Audio();
-  // // this.audio.src = '/assets/sounds/pling.mp3';
-  // this.audio.src = URL_SOUND_LIST_CONVERSATION;
-  // this.audio.load();
-  this.logger.debug('[APP-COMP] conversation play', this.audio);
-  clearTimeout(this.setTimeoutSound);
-  this.setTimeoutSound = setTimeout(function () {
-    that.audio.play().then(() => {
-      that.logger.debug('[APP-COMP] ****** soundMessage played *****');
-    }).catch((error: any) => {
-      that.logger.debug('[APP-COMP] ***soundMessage error*', error);
-    });
-  }, 1000);
-}
-/**---------------- SOUND FUNCTIONS --> END <--- +*/
-/***************************************************+*/
-
-
-// BEGIN SUBSCRIPTIONS //
-/** */
-initSubscriptions() {
-  const that = this;
-
-  this.messagingAuthService.BSAuthStateChanged.subscribe((state: any) => {
-    this.logger.debug('[APP-COMP] ***** BSAuthStateChanged ***** state', state);
-    if (state && state === AUTH_STATE_ONLINE) {
-      const user = that.tiledeskAuthService.getCurrentUser();
-      that.goOnLine();
-    } else if (state === AUTH_STATE_OFFLINE) {
-      // that.goOffLine();
-      that.authenticate() //se c'è un tiledeskToken salvato, allora aspetta, altrimenti vai offline
-    }
-  });
-
-  // this.authService.BSSignOut.subscribe((data: any) => {
-  //   this.logger.debug('***** BSSignOut *****', data);
-  //   if (data) {
-  //     that.presenceService.removePresence();
-  //   }
-  // });
-
-
-  // this.currentUserService.BScurrentUser.subscribe((currentUser: any) => {
-  //   this.logger.debug('***** app comp BScurrentUser *****', currentUser);
-  //   if (currentUser) {
-  //     that.chatManager.setCurrentUser(currentUser);
-  //   }
-  // });
-
-
-  // this.events.subscribe('go-off-line', this.goOffLine);
-  // this.events.subscribe('go-on-line', this.goOnLine);
-  // this.events.subscribe('sign-in', this.signIn);
-  // dopo il login quando ho completato il profilo utente corrente
-  // this.events.subscribe('loaded-current-user', null);
-  // this.events.subscribe('firebase-sign-in-with-custom-token', this.firebaseSignInWithCustomToken);
-  // this.events.subscribe('firebase-create-user-with-email-and-password', this.firebaseCreateUserWithEmailAndPassword);
-  // this.events.subscribe('firebase-current-user-delete', this.firebaseCurrentUserDelete);
-  // this.events.subscribe('firebase-send-password-reset-email', this.firebaseSendPasswordResetEmail);
-  // this.events.subscribe('firebase-sign-out', this.firebaseSignOut);
-  this.events.subscribe('uidConvSelected:changed', this.subscribeChangedConversationSelected);
-  this.events.subscribe('profileInfoButtonClick:logout', this.subscribeProfileInfoButtonLogOut);
-
-  this.conversationsHandlerService.conversationAdded.subscribe((conversation: ConversationModel) => {
-    this.logger.log('[APP-COMP] ***** conversationsAdded *****', conversation);
-    // that.conversationsChanged(conversations);
-    if (conversation && conversation.is_new === true) {
-      this.manageTabNotification()
-    }
-  });
-  this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
-    this.logger.log('[APP-COMP] ***** subscribeConversationChanged *****', conversation);
-    // that.conversationsChanged(conversations);
-    // 
 
-    this.logger.log('[APP-COMP] ***** subscribeConversationChanged conversation: ', conversation);
-    const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
-    this.logger.log('[APP-COMP] ***** subscribeConversationChanged current_user: ', currentUser);
+  // BEGIN SUBSCRIPTIONS //
+  /**      .pipe(
+        takeUntil(this.unsubscribe$)
+      ) */
+  initSubscriptions() {
+    this.logger.log('initialize FROM [APP-COMP] - initSubscriptions');
 
-    if (currentUser) {
-      this.logger.log('[APP-COMP] ***** subscribeConversationChanged current_user uid: ', currentUser.uid);
-      if (conversation && conversation.sender !== currentUser.uid) {
-        this.manageTabNotification();
-      }
+
+    // ---------------------------------------------------------------------------------------------------
+    // Protecting from multiple subsciptions due to multiple app initializations (call to initializeApp())
+    // Only one subscriber x application allowed
+    // ---------------------------------------------------------------------------------------------------
+    if (this.BSAuthStateChangedSubscriptionRef) {
+      this.logger.log('initialize FROM [APP-COMP] - BSAuthStateChanged ALREADY SUBSCRIBED');
+      return;
     }
-  });
-}
 
-/**
- * ::: subscribeChangedConversationSelected :::
- * evento richiamato quando si seleziona un utente nell'elenco degli user
- * apro dettaglio conversazione
- */
-subscribeChangedConversationSelected = (user: UserModel, type: string) => {
-  this.logger.info('[APP-COMP] subscribeUidConvSelectedChanged navigateByUrl', user, type);
-  // this.router.navigateByUrl('conversation-detail/' + user.uid + '?conversationWithFullname=' + user.fullname);
-  this.router.navigateByUrl('conversation-detail/' + user.uid + '/' + user.fullname + '/' + type);
-}
+    this.BSAuthStateChangedSubscriptionRef = this.messagingAuthService.BSAuthStateChanged
+      // .pipe(takeUntil(this.unsubscribe$))
+      .pipe(filter((state) => state !== null))
+      .subscribe((state: any) => {
+        console.log('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged  state', state);
+        // this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged  isOnline', this.isOnline);
+        if (state && state === AUTH_STATE_ONLINE) {
+          // const user = this.tiledeskAuthService.getCurrentUser();
+          // if (this.isOnline === false) {
+          // if (AUTH_STATE_ONLINE) {
+          this.goOnLine();
+          // }
+        } else if (state === AUTH_STATE_OFFLINE) {
+          this.checkTokenAndGoOffline() //se c'è un tiledeskToken salvato, allora aspetta, altrimenti vai offline
+          // this.goOffLine()
+        }
+      }, error => {
+        this.logger.error('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged * error * ', error)
+      }, () => {
+        this.logger.log('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged *** complete *** ')
+      });
 
-subscribeProfileInfoButtonLogOut = (hasClickedLogout) => {
-  this.logger.log('[APP-COMP] FIREBASE-NOTIFICATION >>>>  subscribeProfileInfoButtonLogOut ');
-  // if (hasClickedLogout === true) {
-  //   this.removePresenceAndLogout()
-  // }
 
-  if (hasClickedLogout === true) {
-    // ----------------------------------------------
-    // PUSH NOTIFICATIONS
-    // ----------------------------------------------
-    const that = this;
-    const pushEngine = this.appConfigProvider.getConfig().pushEngine
-    if (pushEngine && pushEngine !== 'none') {
-      this.notificationsService.removeNotificationsInstance(function (res) {
-        that.logger.log('[APP-COMP] FIREBASE-NOTIFICATION >>>>  removeNotificationsInstance > CALLBACK RES', res);
+    this.events.subscribe('uidConvSelected:changed', this.subscribeChangedConversationSelected);
+    this.events.subscribe('profileInfoButtonClick:logout', this.subscribeProfileInfoButtonLogOut);
 
-        if (res === 'success') {
-          that.removePresenceAndLogout();
-        } else {
-          that.removePresenceAndLogout();
-          that.presentToast();
+
+    this.conversationsHandlerService.conversationAdded.subscribe((conversation: ConversationModel) => {
+      // this.logger.log('[APP-COMP] ***** conversationsAdded *****', conversation);
+      // that.conversationsChanged(conversations);
+      if (conversation && conversation.is_new === true) {
+        this.manageTabNotification()
+      }
+    });
+
+    this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
+
+      this.logger.log('[APP-COMP] ***** subscribeConversationChanged conversation: ', conversation);
+      const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
+      this.logger.log('[APP-COMP] ***** subscribeConversationChanged current_user: ', currentUser);
+
+      if (currentUser) {
+        this.logger.log('[APP-COMP] ***** subscribeConversationChanged current_user uid: ', currentUser.uid);
+        if (conversation && conversation.sender !== currentUser.uid) {
+          this.manageTabNotification();
         }
-      })
-    }
+      }
+    });
+  }
 
+  /**
+   * ::: subscribeChangedConversationSelected :::
+   * evento richiamato quando si seleziona un utente nell'elenco degli user
+   * apro dettaglio conversazione
+   */
+  subscribeChangedConversationSelected = (user: UserModel, type: string) => {
+    this.logger.info('[APP-COMP] subscribeUidConvSelectedChanged navigateByUrl', user, type);
+    // this.router.navigateByUrl('conversation-detail/' + user.uid + '?conversationWithFullname=' + user.fullname);
+    this.router.navigateByUrl('conversation-detail/' + user.uid + '/' + user.fullname + '/' + type);
   }
-}
 
-  private async presentModal(calledby): Promise < any > {
-  this.logger.log('[APP-COMP] presentModal calledby', calledby, '- hadBeenCalledOpenModal: ', this.hadBeenCalledOpenModal);
-  const attributes = { tenant: this.tenant, enableBackdropDismiss: false };
-  const modal: HTMLIonModalElement =
-  await this.modalController.create({
-    component: LoginPage,
-    componentProps: attributes,
-    swipeToClose: false,
-    backdropDismiss: false
-  });
-  modal.onDidDismiss().then((detail: any) => {
-    this.hadBeenCalledOpenModal = false
-    this.logger.log('[APP-COMP] presentModal onDidDismiss detail.data ', detail.data);
-    // this.checkPlatform();
-    if (detail !== null) {
-      //  this.logger.debug('The result: CHIUDI!!!!!', detail.data);
+  subscribeProfileInfoButtonLogOut = (hasClickedLogout) => {
+    this.logger.log('[APP-COMP] FIREBASE-NOTIFICATION >>>>  subscribeProfileInfoButtonLogOut ');
+    // if (hasClickedLogout === true) {
+    //   this.removePresenceAndLogout()
+    // }
+
+
+    if (hasClickedLogout === true) {
+      // ----------------------------------------------
+      // PUSH NOTIFICATIONS
+      // ----------------------------------------------
+      const that = this;
+      const pushEngine = this.appConfigProvider.getConfig().pushEngine
+      if (pushEngine && pushEngine !== 'none') {
+        this.notificationsService.removeNotificationsInstance(function (res) {
+          that.logger.log('[APP-COMP] FIREBASE-NOTIFICATION >>>>  removeNotificationsInstance > CALLBACK RES', res);
+
+          if (res === 'success') {
+            that.removePresenceAndLogout();
+          } else {
+            that.removePresenceAndLogout();
+            // that.presentToast();
+          }
+        })
+      }
+
     }
-  });
-  // await modal.present();
-  // modal.onDidDismiss().then((detail: any) => {
-  //    this.logger.debug('The result: CHIUDI!!!!!', detail.data);
-  //   //  this.checkPlatform();
-  //    if (detail !== null) {
-  //     //  this.logger.debug('The result: CHIUDI!!!!!', detail.data);
-  //    }
-  // });
-  return await modal.present();
-}
+  }
+
+  private async presentModal(calledby): Promise<any> {
+    this.logger.log('[APP-COMP] presentModal calledby', calledby, '- hadBeenCalledOpenModal: ', this.hadBeenCalledOpenModal);
+    const attributes = { tenant: this.tenant, enableBackdropDismiss: false };
+    const modal: HTMLIonModalElement =
+      await this.modalController.create({
+        component: LoginPage,
+        componentProps: attributes,
+        swipeToClose: false,
+        backdropDismiss: false
+      });
+    modal.onDidDismiss().then((detail: any) => {
+      this.hadBeenCalledOpenModal = false
+      this.logger.log('[APP-COMP] presentModal onDidDismiss detail.data ', detail.data);
+      // this.checkPlatform();
+      if (detail !== null) {
+        //  this.logger.debug('The result: CHIUDI!!!!!', detail.data);
+      }
+    });
+    // await modal.present();
+    // modal.onDidDismiss().then((detail: any) => {
+    //    this.logger.debug('The result: CHIUDI!!!!!', detail.data);
+    //   //  this.checkPlatform();
+    //    if (detail !== null) {
+    //     //  this.logger.debug('The result: CHIUDI!!!!!', detail.data);
+    //    }
+    // });
+    return await modal.present();
+  }
 
   private async closeModal() {
-  this.logger.debug('[APP-COMP] closeModal', this.modalController);
-  this.logger.debug('[APP-COMP] closeModal .getTop()', this.modalController.getTop());
-  await this.modalController.getTop();
-  this.modalController.dismiss({ confirmed: true });
-}
+    this.logger.debug('[APP-COMP] closeModal', this.modalController);
+    this.logger.debug('[APP-COMP] closeModal .getTop()', this.modalController.getTop());
+    await this.modalController.getTop();
+    this.modalController.dismiss({ confirmed: true });
+  }
 
 
   // listenToLogoutEvent() {
@@ -700,98 +761,137 @@ subscribeProfileInfoButtonLogOut = (hasClickedLogout) => {
 
 
   async presentToast() {
-  const toast = await this.toastController.create({
-    message: this.toastMsg,
-    duration: 2000
-  });
-  toast.present();
-}
+    const toast = await this.toastController.create({
+      message: this.toastMsgErrorWhileUnsubscribingFromNotifications,
+      duration: 2000
+    });
+    toast.present();
+  }
 
-removePresenceAndLogout() {
-  this.logger.debug('[APP-COMP] FIREBASE-NOTIFICATION >>>> calling removePresenceAndLogout');
-  this.presenceService.removePresence();
-  this.tiledeskAuthService.logOut()
-  this.messagingAuthService.logout()
-}
+  removePresenceAndLogout() {
+    this.logger.debug('[APP-COMP] FIREBASE-NOTIFICATION >>>> calling removePresenceAndLogout');
+    this.presenceService.removePresence();
+    this.tiledeskAuthService.logOut()
+    this.messagingAuthService.logout()
+  }
 
   private initConversationsHandler(userId: string) {
-  const keys = ['YOU'];
-  const translationMap = this.translateService.translateLanguage(keys);
-
-  this.logger.debug('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);
-  // 1 - init chatConversationsHandler and  archviedConversationsHandler
-  this.conversationsHandlerService.initialize(this.tenant, userId, translationMap);
-
-  // this.subscribeToConvs()
-  this.conversationsHandlerService.subscribeToConversations(() => {
-    this.logger.debug('[APP-COMP]-CONVS- INIT CONV')
-    const conversations = this.conversationsHandlerService.conversations;
-    this.logger.debug('[APP-COMP]-CONVS - INIT CONV CONVS', conversations)
-
-    // this.logger.printDebug('SubscribeToConversations (convs-list-page) - conversations')
-    if (!conversations || conversations.length === 0) {
-      // that.showPlaceholder = true;
-      this.logger.debug('[APP-COMP]-CONVS - INIT CONV CONVS 2', conversations)
-      this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
-    }
-  });
+    const keys = ['YOU'];
+    const translationMap = this.translateService.translateLanguage(keys);
 
-}
+    this.logger.log('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);
+    // 1 - init chatConversationsHandler and  archviedConversationsHandler
+    this.conversationsHandlerService.initialize(this.tenant, userId, translationMap);
+
+    // this.subscribeToConvs()
+    this.conversationsHandlerService.subscribeToConversations(() => {
+      this.logger.log('[APP-COMP] - CONVS - INIT CONV')
+
+      const conversations = this.conversationsHandlerService.conversations;
+      this.logger.info('initialize FROM [APP-COMP] - [APP-COMP]-CONVS - INIT CONV CONVS', conversations)
+
+      // this.logger.printDebug('SubscribeToConversations (convs-list-page) - conversations')
+      if (!conversations || conversations.length === 0) {
+        // that.showPlaceholder = true;
+        this.logger.debug('[APP-COMP]-CONVS - INIT CONV CONVS 2', conversations)
+        this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
+      }
+    });
+
+  }
 
   private initArchivedConversationsHandler(userId: string) {
-  const keys = ['YOU'];
+    const keys = ['YOU'];
 
-  const translationMap = this.translateService.translateLanguage(keys);
+    const translationMap = this.translateService.translateLanguage(keys);
 
-  this.logger.debug('[APP-COMP] initArchivedConversationsHandler ------------->', userId, this.tenant);
-  // 1 - init  archviedConversationsHandler
-  this.archivedConversationsHandlerService.initialize(this.tenant, userId, translationMap);
-}
+    this.logger.debug('[APP-COMP] initArchivedConversationsHandler ------------->', userId, this.tenant);
+    // 1 - init  archviedConversationsHandler
+    this.archivedConversationsHandlerService.initialize(this.tenant, userId, translationMap);
+  }
 
-// BEGIN RESIZE FUNCTIONS //
-@HostListener('window:resize', ['$event'])
-onResize(event: any) {
-  const that = this;
-  // this.logger.debug('this.doitResize)', this.doitResize)
-  clearTimeout(this.doitResize);
-  this.doitResize = setTimeout(() => {
-    let platformIsNow = PLATFORM_DESKTOP;
-    if (checkPlatformIsMobile()) {
-      platformIsNow = PLATFORM_MOBILE;
+  // BEGIN RESIZE FUNCTIONS //
+  @HostListener('window:resize', ['$event'])
+  onResize(event: any) {
+    const that = this;
+    // this.logger.debug('this.doitResize)', this.doitResize)
+    clearTimeout(this.doitResize);
+    this.doitResize = setTimeout(() => {
+      let platformIsNow = PLATFORM_DESKTOP;
+      if (checkPlatformIsMobile()) {
+        platformIsNow = PLATFORM_MOBILE;
+      }
+      if (!this.platformIs || this.platformIs === '') {
+        this.platformIs = platformIsNow;
+      }
+      this.logger.debug('[APP-COMP] onResize width::::', window.innerWidth);
+      this.logger.debug('[APP-COMP] onResize width:::: platformIsNow', platformIsNow);
+      this.logger.debug('[APP-COMP] onResize width:::: platformIsNow this.platformIs', this.platformIs);
+      if (platformIsNow !== this.platformIs) {
+        window.location.reload();
+      }
+    }, 500);
+  }
+  // END RESIZE FUNCTIONS //
+
+  @HostListener('document:visibilitychange', [])
+  visibilitychange() {
+    // this.logger.debug("document TITLE", document.hidden, document.title);
+    if (document.hidden) {
+      this.isTabVisible = false
+    } else {
+      // TAB IS ACTIVE --> restore title and DO NOT SOUND
+      clearInterval(this.setIntervalTime)
+      this.isTabVisible = true;
+      document.title = this.tabTitle;
     }
-    if (!this.platformIs || this.platformIs === '') {
-      this.platformIs = platformIsNow;
+  }
+
+  // Storage event not firing: This won't work on the same page that is making the changes
+  // https://stackoverflow.com/questions/35865481/storage-event-not-firing
+  // https://developer.mozilla.org/en-US/docs/Web/API/Window/storage_event
+  @HostListener('window:storage', ['$event'])
+  onStorageChanged(event: any) {
+    // console.log('[APP-COMP] - onStorageChanged event ', event)
+    if (event.key !== 'chat_sv5__tiledeskToken') {
+      return;
     }
-    this.logger.debug('[APP-COMP] onResize width::::', window.innerWidth);
-    this.logger.debug('[APP-COMP] onResize width:::: platformIsNow', platformIsNow);
-    this.logger.debug('[APP-COMP] onResize width:::: platformIsNow this.platformIs', this.platformIs);
-    if (platformIsNow !== this.platformIs) {
-      window.location.reload();
+
+    if (this.appStorageService.getItem('tiledeskToken') === null) {
+      console.log('[APP-COMP] - onStorageChanged tiledeskToken is null - RUN LOGOUT')
+      this.tiledeskAuthService.logOut()
+      this.messagingAuthService.logout();
+      this.events.publish('profileInfoButtonClick:logout', true);
+      // this.isOnline = false;
     }
-  }, 500);
-}
-// END RESIZE FUNCTIONS //
-
-@HostListener('document:visibilitychange', [])
-visibilitychange() {
-  // this.logger.debug("document TITLE", document.hidden, document.title);
-  if (document.hidden) {
-    this.isTabVisible = false
-  } else {
-    // TAB IS ACTIVE --> restore title and DO NOT SOUND
-    clearInterval(this.setIntervalTime)
-    this.isTabVisible = true;
-    document.title = this.tabTitle;
-  }
-}
+    else {
+      const currentUser = this.tiledeskAuthService.getCurrentUser();
+      console.log('[APP-COMP] - X - onStorageChanged currentUser', currentUser)
+
+      const currentToken = this.tiledeskAuthService.getTiledeskToken();
+      console.log('[APP-COMP] - onStorageChanged currentToken', currentToken)
+      if (this.appStorageService.getItem('tiledeskToken') !== null && currentToken !== this.appStorageService.getItem('tiledeskToken')) {
+
+        console.log('[APP-COMP] - onStorageChanged wentOnline 2')
+        // DEALLOCO RISORSE OCCUPATE
+        this.messagingAuthService.logout();
+        this.appStorageService.removeItem('currentUser')
+        this.tiledeskAuthService.setCurrentUser(null);
+        // this.unsubscribe$.next();
+        // this.unsubscribe$.complete();
+        this.initializeApp('onstoragechanged');
+
+        console.log('[APP-COMP] -  that.BSAuthStateChanged ', this.messagingAuthService.BSAuthStateChanged)
+
+        // console.log('[APP-COMP]  onAuthStateChanged HERE !!! ')
+        // firebase.auth().onAuthStateChanged(user => {
+        //   console.log('[APP-COMP]  onAuthStateChanged', user)
+        // })
 
-@HostListener('window:storage', ['$event'])
-onStorageChanged(event: any) {
-  this.logger.log('[APP-COMP] - onStorageChanged')
-  if (this.appStorageService.getItem('tiledeskToken') === null) {
-    this.tiledeskAuthService.logOut()
-    this.messagingAuthService.logout();
+      }
+    }
   }
-}
+
+
 
 }