@chat21/chat21-ionic 3.0.55-RC20 → 3.0.55-RC22

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # chat21-ionic ver 3.0
 
+### 3.0.55-RC22
+- Fixes the bug: if the chat is open in multiple browser tabs when the user log in the 'goOnline' method is activated several times
+- Manages the message displayed in the conversation list when the sender sends a file (replace the markdown string with the string "sent an attachment")
+- Fixes the bug: if the chat is open in multiple browser tabs when the user logs out, the conversation list remains visible
+- Displays the "loading bubble" while uploading an image
+
+### 3.0.55-RC21
+- Fixes the bug: if the chat is open in more than one browser tab, not all of them reconnect when the user accesses one of them
+
 ### 3.0.55-RC20
 - Improve the method that solves the bug: if the chat is open on more than one tab, the previous ones disconnect
 - Displays the message "sent an image" when the sender sends an image

package/package.json

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

package/src/app/app.component.ts

@@ -56,6 +56,10 @@ 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',
   templateUrl: 'app.component.html',
@@ -94,6 +98,8 @@ export class AppComponent implements OnInit {
   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,
@@ -146,19 +152,16 @@ export class AppComponent implements OnInit {
   ngOnInit() {
     this.logger.log('[APP-COMP] HELLO ngOnInit !!!!!!!')
     this.logger.info('[APP-COMP] ngOnInit -->', this.route.snapshot.params);
-
-    this.initializeApp();
-
+    this.initializeApp('oninit');
   }
 
 
 
   /** */
-  initializeApp() {
+  initializeApp(calledby: string) {
+    this.logger.info('[APP-COMP] - initializeApp !!! CALLED-BY: ', calledby);
 
-    this.logger.log('[APP-COMP] - watchToConnectionStatus - initializeApp');
-    this.logger.log('[APP-COMP] HELLO initializeApp !!!!!!!')
-    this.logger.info('[APP-COMP] appconfig platform is cordova: ', this.platform.is('cordova'))
+    this.logger.log('[APP-COMP] appconfig platform is cordova: ', this.platform.is('cordova'))
 
     if (!this.platform.is('cordova')) {
       this.splashScreen.show();
@@ -221,9 +224,22 @@ export class AppComponent implements OnInit {
       // Watch to network status
       // ---------------------------------------
       this.watchToConnectionStatus();
+      // this.listenToUserIsSignedIn();
     });
   }
 
+  // listenToUserIsSignedIn() {
+  //   this.tiledeskAuthService.isOnline$
+  //     .pipe(filter((isOnline) => isOnline !== null))
+  //     .subscribe((isOnline: any) => {
+  //       console.log('[APP-COMP] user isOnline: ', isOnline);
+
+  //       // if (isOnline === false) {
+  //       //   this.events.publish('profileInfoButtonClick:logout', true);
+  //       // }
+  //     });
+  // }
+
 
 
   watchToConnectionStatus() {
@@ -250,7 +266,7 @@ export class AppComponent implements OnInit {
               if (elemIonNavchildNodes.length === 0) {
                 this.logger.log('[APP-COMP] - watchToConnectionStatus - elemIonNavchildNodes  HERE YES', elemIonNavchildNodes);
 
-                this.initializeApp();
+                this.initializeApp('checkinternet');
                 this.executedInitializeAppByWatchConnection = true;
               }
             }, 2000);
@@ -264,7 +280,7 @@ export class AppComponent implements OnInit {
               const childElementCount = elemIonRouterOutlet.childElementCount;
               this.logger.log('[APP-COMP] - watchToConnectionStatus - mobile * childElementCount *', childElementCount)
               if (childElementCount === 1) {
-                this.initializeApp();
+                this.initializeApp('checkinternet');
                 this.executedInitializeAppByWatchConnection = true;
               }
             }, 2000);
@@ -277,29 +293,6 @@ export class AppComponent implements OnInit {
     });
   }
 
-  // checkInternetFunc() {
-  //   if (!window || !navigator || !('onLine' in navigator)) return;
-
-  //   this.appIsOnline$ = Observable.create(observer => {
-  //     observer.next(true);
-  //   }).pipe(mapTo(true));
-
-  //   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))
-  //     );
-  //   } 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))
-  //     );
-  //   }
-  //   return this.appIsOnline$
-  // }
 
   getRouteParamsAndSetLoggerConfig() {
     const appconfig = this.appConfigProvider.getConfig();
@@ -315,30 +308,6 @@ export class AppComponent implements OnInit {
     });
   }
 
-  async presentMissingConnectionToast() {
-    this.missingConnectionToast = await this.toastController.create({
-      // header: '<ion-icon name="bicycle"></ion-icon>' + this.toastMsgWaitingForNetwork,
-      message: '<ion-spinner class="spinner-middle"></ion-spinner>  <span part="message-text" class="waiting-for-network-msg">&nbsp;&nbsp; Waiting for network</span> ',
-      position: 'top',
-      cssClass: 'missing-connection-toast',
-      // buttons: [
-      //   {
-      //     text: this.toastMsgCloseToast,
-      //     role: 'cancel',
-
-      //   }
-      // ]
-    });
-    await this.missingConnectionToast.present()
-
-    // const { role } = await toast.onDidDismiss();
-    // console.log('onDidDismiss resolved with role', role);
-  }
-
-  async dismissMissingConnectionToast() {
-    this.missingConnectionToast = await this.toastController.dismiss()
-  }
-
 
   translateToastMsgs() {
     this.translate.get('AnErrorOccurredWhileUnsubscribingFromNotifications')
@@ -360,6 +329,7 @@ export class AppComponent implements OnInit {
   /**------- AUTHENTICATION FUNCTIONS --> START <--- +*/
   private initAuthentication() {
     const tiledeskToken = this.appStorageService.getItem('tiledeskToken')
+    this.logger.log('[APP-COMP] >>> INIT-AUTHENTICATION !!! ')
     this.logger.log('[APP-COMP] >>> initAuthentication tiledeskToken ', tiledeskToken)
 
     const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
@@ -368,6 +338,7 @@ export class AppComponent implements OnInit {
       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) })
 
@@ -394,7 +365,7 @@ export class AppComponent implements OnInit {
 
   authenticate() {
     let token = this.appStorageService.getItem('tiledeskToken');
-    this.logger.debug('[APP-COMP] ***** authenticate - stored token *****', token);
+    this.logger.info('[APP-COMP] ***** authenticate - stored token *****', token);
     if (!token) {
       this.goOffLine()
     }
@@ -408,13 +379,17 @@ export class AppComponent implements OnInit {
    * @param user
    */
   goOnLine = () => {
+    this.isOnline = true;
+    this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] - GO ONLINE isOnline ', this.isOnline);
+
+
     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] - goOnLine****', currentUser);
     this.chatManager.setTiledeskToken(tiledeskToken);
-
+    this.chatManager.setCurrentUser(currentUser);
     // ----------------------------------------------
     // PUSH NOTIFICATIONS
     // ----------------------------------------------
@@ -425,7 +400,7 @@ export class AppComponent implements OnInit {
         this.notificationsService.getNotificationPermissionAndSaveToken(currentUser.uid);
       }
 
-      this.chatManager.setCurrentUser(currentUser);
+
       this.presenceService.setPresence(currentUser.uid);
       this.initConversationsHandler(currentUser.uid);
       this.initArchivedConversationsHandler(currentUser.uid);
@@ -444,6 +419,7 @@ export class AppComponent implements OnInit {
 
   goOffLine = () => {
     this.logger.log('[APP-COMP] ************** goOffLine:', this.authModal);
+    this.isOnline = false;
     // this.conversationsHandlerService.conversations = [];
 
     this.chatManager.setTiledeskToken(null);
@@ -459,6 +435,10 @@ export class AppComponent implements OnInit {
         this.hadBeenCalledOpenModal = true
       }
     }, 1000);
+
+    // this.unsubscribe$.next();
+    // this.unsubscribe$.complete();
+
   }
   /**------- AUTHENTICATION FUNCTIONS --> END <--- +*/
   /***************************************************+*/
@@ -593,47 +573,35 @@ export class AppComponent implements OnInit {
 
 
   // BEGIN SUBSCRIPTIONS //
-  /** */
+  /**      .pipe(
+        takeUntil(this.unsubscribe$)
+      ) */
   initSubscriptions() {
-    const that = this;
-
-    this.messagingAuthService.BSAuthStateChanged.subscribe((state: any) => {
-      this.logger.log('[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.logger.log('initialize FROM [APP-COMP] - initSubscriptions');
+  
+  
+    this.messagingAuthService.BSAuthStateChanged
+      .pipe(takeUntil(this.unsubscribe$))
+      .pipe(filter((state) => state !== null))
+      .subscribe((state: any) => {
+        this.logger.info('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) {
+            this.goOnLine();
+          }
+        } else if (state === AUTH_STATE_OFFLINE) {
+          // that.goOffLine();
+          this.authenticate() //se c'è un tiledeskToken salvato, allora aspetta, altrimenti vai offline
+        }
+      }, error => {
+        this.logger.error('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged * error * ', error)
+      }, () => {
+        this.logger.log('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged *** complete *** ')
+      });
 
 
-    // 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);
 
@@ -678,6 +646,7 @@ export class AppComponent implements OnInit {
     //   this.removePresenceAndLogout()
     // }
 
+
     if (hasClickedLogout === true) {
       // ----------------------------------------------
       // PUSH NOTIFICATIONS
@@ -783,7 +752,7 @@ export class AppComponent implements OnInit {
     const keys = ['YOU'];
     const translationMap = this.translateService.translateLanguage(keys);
 
-    this.logger.debug('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);
+    this.logger.log('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);
     // 1 - init chatConversationsHandler and  archviedConversationsHandler
     this.conversationsHandlerService.initialize(this.tenant, userId, translationMap);
 
@@ -792,7 +761,7 @@ export class AppComponent implements OnInit {
       this.logger.log('[APP-COMP]-CONVS- INIT CONV')
 
       const conversations = this.conversationsHandlerService.conversations;
-      this.logger.log('[APP-COMP]-CONVS - INIT CONV CONVS', 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) {
@@ -856,50 +825,30 @@ export class AppComponent implements OnInit {
   // 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)
-    // console.log('[APP-COMP] - onStorageChanged tiledeskToken', this.appStorageService.getItem('tiledeskToken'))
-    // const storage = event.storageArea;
-    // console.log('[APP-COMP] - onStorageChanged event storage', storage)
-
-    // setTimeout(() => {
-    //   if (storage && storage['chat_sv5__tiledeskToken'] === undefined) {
-    //     this.logger.log('[APP-COMP] - onStorageChanged event storage chat_sv5__tiledeskToken', storage['chat_sv5__tiledeskToken'])
-    //     this.tiledeskAuthService.logOut()
-    //     this.messagingAuthService.logout();
-    //     // this.events.publish('profileInfoButtonClick:logout', true);
-    //     this.conversationsHandlerService.conversations = [];
-    //   } else if (storage && storage['chat_sv5__tiledeskToken']) {
-
-    //     this.logger.log('[APP-COMP] - onStorageChanged event storage chat_sv5__tiledeskToken * IS DEFINED *')
-    //     const currentUser = this.tiledeskAuthService.getCurrentUser();
-
-    //     if (!currentUser) {
-    //       window.location.reload();
-    //     }
-
-    //   }
-    // }, 1000);
-
-    // else {
-    //   console.log('[APP-COMP] - onStorageChanged event storage chat_sv5__tiledeskToken', storage['chat_sv5__tiledeskToken'])
-    // }
 
-    // setTimeout(() => {
-      if (this.appStorageService.getItem('tiledeskToken') === null) {
-        this.tiledeskAuthService.logOut()
-        this.messagingAuthService.logout();
-      }
-      else {
+    if (event.key !== 'chat_sv5__tiledeskToken') {
+      return;
+    }
+
+    if (this.appStorageService.getItem('tiledeskToken') === null) {
+      this.logger.log('[APP-COMP] - onStorageChanged tiledeskToken is null - RUN LOGOUT')
+      this.tiledeskAuthService.logOut()
+      this.messagingAuthService.logout();
+      this.events.publish('profileInfoButtonClick:logout', true);
+    }
+    else {
+      const currentUser = this.tiledeskAuthService.getCurrentUser();
+
+      if (!currentUser && this.appStorageService.getItem('tiledeskToken') !== null) {
+        this.logger.log('[APP-COMP] - onStorageChanged currentUser', currentUser)
+        // console.log('[APP-COMP] - onStorageChanged wentOnline 2', this.wentOnline)
+
+        this.initializeApp('onstoragechanged');
 
-        const currentUser = this.tiledeskAuthService.getCurrentUser();
-        if (currentUser) {
-          console.log('[APP-COMP] - onStorageChanged currentUser', currentUser)
-        } else {
-          // this.initializeApp();
-          window.location.reload();
-        }
       }
-    // }, 1000);
+    }
   }
 
+
+
 }

package/src/app/chatlib/conversation-detail/conversation-content/conversation-content.component.ts

@@ -117,7 +117,8 @@ export class ConversationContentComponent implements OnInit {
   listenToUploadFileProgress() {
     this.uploadService.BSStateUpload.subscribe((data: any) => {
       this.logger.log('[CONV-CONTENT-W] BSStateUpload', data);
-      if (data && data.type.startsWith("application")) {
+      // && data.type.startsWith("application")
+      if (data ) {
         data.upload === 100 || isNaN(data.upload) ? this.showUploadProgress = false : this.showUploadProgress = true
         this.uploadProgress = data.upload
         this.fileType = 'file'

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.html

@@ -119,8 +119,10 @@
       </chat-message-attachment>
     </div>
   </div>
+  <!-- (fileType === 'file' && uploadProgress !== 100)  -->
 
-  <div *ngIf="(fileType === 'file' && uploadProgress !== 100)" class="msg_container base_sent"
+  <!-- uploadProgress -> {{ uploadProgress }} -->
+  <div *ngIf="uploadProgress !== 100" class="msg_container base_sent"
     style="margin-right: 20px;">
     <div class="messages msg_sent">
       <div class="spinner">

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.ts

@@ -22,7 +22,7 @@ export class IonConversationDetailComponent extends ConversationContentComponent
   @Output() onAddUploadingBubble = new EventEmitter<boolean>();
  
 
-  public uploadProgress: number
+  public uploadProgress: number = 100
   public fileType: any
 
   isMine = isMine;
@@ -45,10 +45,12 @@ export class IonConversationDetailComponent extends ConversationContentComponent
     public uploadService: UploadService
   ) {
     super(cdref, uploadService)
-    this.listenToUploadFileProgress()
+   
   }
 
-  ngOnInit() { }
+  ngOnInit() { 
+  this.listenToUploadFileProgress()
+  }
 
   listenToUploadFileProgress() {
     this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] FIREBASE-UPLOAD - calling BSStateUpload ');
@@ -65,14 +67,14 @@ export class IonConversationDetailComponent extends ConversationContentComponent
           this.uploadProgress = 100
         }
         // if (data.type.startsWith("application")) {
-        if (!data.type.startsWith("image")) {
+        // if (!data.type.startsWith("image")) {
          
-          this.fileType = 'file'
+          // this.fileType = 'file'
 
           this.addUploadingBubblePlaceholder(true)
 
-          this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] FIREBASE-UPLOAD - BSStateUpload this.fileType', this.fileType);
-        }
+          // this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] FIREBASE-UPLOAD - BSStateUpload this.fileType', this.fileType);
+        // }
       }
     });
   }

package/src/app/chatlib/conversation-detail/message/image/image.component.scss

@@ -9,8 +9,9 @@ img {
 }
 
 .isLoadingImage {
-    position: relative;
-    top: 6px;
+    // position: relative;
+    // top: 6px;
+    display:none
 }
 
 .loader {

package/src/app/chatlib/conversation-detail/message/image/image.component.ts

@@ -32,7 +32,7 @@ export class ImageComponent implements OnInit {
   }
   getBrowserLanguageAndTranslateTooltipMsg() {
     var userLang = navigator.language;
-    console.log('Image COMP - userLang ', userLang)
+    // console.log('Image COMP - userLang ', userLang)
     if (userLang === 'en') {
       this.tooltipMessage = "Click to download"
     } else {

package/src/app/pages/contacts-directory/contacts-directory.page.ts

@@ -89,7 +89,7 @@ export class ContactsDirectoryPage implements OnInit {
       this.logger.log('[CONTACT-DIRECTORY-PAGE] DSHBRD STORED USER: ', user);
       if (user.token) {
         token = user.token;
-        console.log('[CONTACTS-DIRECTORY] DSHBRD STORED USER > TOKEN: ', user.token);
+        this.logger.log('[CONTACTS-DIRECTORY] DSHBRD STORED USER > TOKEN: ', user.token);
       }
     }
     return token;

package/src/app/pages/conversations-list/conversations-list.page.html

@@ -12,7 +12,7 @@
   </app-option-header>
 </ion-header>
 
-<ion-content class="list-avatar-page" appScrollbarTheme>
+<ion-content #ioncontentconvlist class="list-avatar-page" appScrollbarTheme>
 
   <div id="scrollbar2">
     <ion-list>

package/src/app/pages/conversations-list/conversations-list.page.ts

@@ -1,6 +1,6 @@
 import { ArchivedConversationsHandlerService } from 'src/chat21-core/providers/abstract/archivedconversations-handler.service';
-import { Component, OnInit } from '@angular/core';
-import { ModalController } from '@ionic/angular';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { IonContent, ModalController } from '@ionic/angular';
 import { ActivatedRoute, Router, NavigationExtras } from '@angular/router';
 // config
 import { environment } from '../../../environments/environment';
@@ -39,6 +39,7 @@ import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance'
   styleUrls: ['./conversations-list.page.scss'],
 })
 export class ConversationListPage implements OnInit {
+  @ViewChild('ioncontentconvlist', { static: false }) ionContentConvList: IonContent;
   private subscriptions: Array<string>;
   public tenant: string;
   public loggedUserUid: string;
@@ -199,8 +200,8 @@ export class ConversationListPage implements OnInit {
 
   listenToLogoutEvent() {
     this.events.subscribe('profileInfoButtonClick:logout', (hasclickedlogout) => {
-      this.logger.log('[CONVS-LIST-PAGE] - listenToLogoutEvent - hasclickedlogout', hasclickedlogout);
-
+      this.logger.info('[CONVS-LIST-PAGE] - listenToLogoutEvent - hasclickedlogout', hasclickedlogout);
+      this.conversations = []
       this.conversationsHandlerService.conversations = [];
       this.uidConvSelected = null;
 
@@ -493,6 +494,11 @@ export class ConversationListPage implements OnInit {
 
   onConversationLoaded(conversation: ConversationModel) {
     this.logger.log('[CONVS-LIST-PAGE] onConversationLoaded ', conversation)
+    this.logger.log('[CONVS-LIST-PAGE] onConversationLoaded is new? ', conversation.is_new)
+    // if (conversation.is_new === false) {
+    //   this.ionContentConvList.scrollToTop(0);
+    // }
+
     const keys = ['YOU', 'SENT_AN_IMAGE', 'SENT_AN_ATTACHMENT'];
     const translationMap = this.translateService.translateLanguage(keys);
     // Fixes the bug: if a snippet of code is pasted and sent it is not displayed correctly in the convesations list
@@ -530,27 +536,27 @@ export class ConversationListPage implements OnInit {
 
           conversation.last_message_text = SENT_AN_IMAGE;
 
-        } 
-        // else if (conversation.type !== "text" && conversation.type !== "image") {
-        //   // this.logger.log('[CONVS-LIST-PAGE] HAS SENT FILE')
-        //   const SENT_AN_ATTACHMENT = conversation['last_message_text'] = translationMap.get('SENT_AN_ATTACHMENT')
-        //   conversation.last_message_text = SENT_AN_ATTACHMENT;
+        }
+        else if (conversation.type === "file") {
+          // this.logger.log('[CONVS-LIST-PAGE] HAS SENT FILE')
+          const SENT_AN_ATTACHMENT = conversation['last_message_text'] = translationMap.get('SENT_AN_ATTACHMENT')
+          conversation.last_message_text = SENT_AN_ATTACHMENT;
 
-        // } 
+        }
       }
     }
   }
 
-// isMarkdownLink(last_message_text) {
-//   this.logger.log('[CONVS-LIST-PAGE] isMarkdownLink 1')
-//   var regex = /^(^|[\n\r])\s*1\.\s.*\s+1\.\s$/
-//   let matchRegex = false
-//   if (regex.test(last_message_text)) { 
-//     this.logger.log('[CONVS-LIST-PAGE] isMarkdownLink 2')
-//     matchRegex = true
-//     return matchRegex
-//   }
-// }
+  // isMarkdownLink(last_message_text) {
+  //   this.logger.log('[CONVS-LIST-PAGE] isMarkdownLink 1')
+  //   var regex = /^(^|[\n\r])\s*1\.\s.*\s+1\.\s$/
+  //   let matchRegex = false
+  //   if (regex.test(last_message_text)) { 
+  //     this.logger.log('[CONVS-LIST-PAGE] isMarkdownLink 2')
+  //     matchRegex = true
+  //     return matchRegex
+  //   }
+  // }
 
 
   navigateByUrl(converationType: string, uidConvSelected: string) {

package/src/app/services/nav-proxy.service.ts

@@ -52,7 +52,7 @@ export class NavProxyService {
 
     // !!!! SEEMS NOT USED
     pushSidebar(page: any, pageName: string, navExtra?) {
-      console.log('push2:', pageName, 'navExtra():', navExtra, 'this.sidebarNav', this.sidebarNav);
+      this.logger.log('push2:', pageName, 'navExtra():', navExtra, 'this.sidebarNav', this.sidebarNav);
       if (checkPlatformIsMobile()) {
         this.router.navigate([pageName], navExtra);
       } else {
@@ -64,7 +64,7 @@ export class NavProxyService {
 
    // !!!! SEEMS NOT USED
   closePage(pageName: string) {
-    console.log('closePage:', pageName, 'checkPlatformIsMobile():', checkPlatformIsMobile());
+    this.logger.log('closePage:', pageName, 'checkPlatformIsMobile():', checkPlatformIsMobile());
     if (checkPlatformIsMobile()) {
       const navigationExtras: NavigationExtras = {
         state: {

package/src/chat-config-pre-test.json

@@ -25,6 +25,6 @@
     },
     "apiUrl": "https://tiledesk-server-pre.herokuapp.com/",
     "baseImageUrl": "https://firebasestorage.googleapis.com/v0/b/",
-    "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/"
+    "dashboardUrl": "http://localhost:4204/"
 }
 

package/src/chat21-core/providers/chat-manager.ts

@@ -17,7 +17,6 @@ import { LoggerService } from './abstract/logger.service';
 import { LoggerInstance } from './logger/loggerInstance';
 
 
-
 @Injectable({ providedIn: 'root' })
 
 export class ChatManager {
@@ -58,6 +57,7 @@ export class ChatManager {
    * setTiledeskToken
    */
   public setTiledeskToken(tiledeskToken: string) {
+    this.logger.info('initialize FROM [APP-COMP] - [CHAT MANAGER] - initialize -> firebaseConfig tenant ', this.tenant);
     this.tiledeskToken = tiledeskToken;
   }
 
@@ -72,6 +72,7 @@ export class ChatManager {
    * setCurrentUser
    */
   public setCurrentUser(currentUser: UserModel) {
+    this.logger.info('initialize FROM [APP-COMP] - [CHAT MANAGER] setCurrentUser currentUser ', currentUser)
     this.currentUser = currentUser;
   }
 

package/src/chat21-core/providers/firebase/firebase-archivedconversations-handler.ts

@@ -64,7 +64,7 @@ export class FirebaseArchivedConversationsHandler extends ArchivedConversationsH
      * inizializzo conversations handler
      */
     initialize(tenant: string, userId: string, translationMap: Map<string, string>) {
-        this.logger.info('[FIREBASEArchivedConversationsHandlerSERVICE] tenant ', tenant, ' - userId: ', userId, ' - translationMap: ', translationMap)
+        this.logger.info('[initialize FROM [APP-COMP] - FIREBASEArchivedConversationsHandlerSERVICE] tenant ', tenant, ' - userId: ', userId, ' - translationMap: ', translationMap)
         this.tenant = tenant;
         this.loggedUserId = userId;
         this.translationMap = translationMap;

package/src/chat21-core/providers/firebase/firebase-auth-service.ts

@@ -179,12 +179,15 @@ export class FirebaseAuthService extends MessagingAuthService {
   onAuthStateChanged() {
     const that = this;
     firebase.auth().onAuthStateChanged(user => {
-      this.logger.log('[FIREBASEAuthSERVICE] onAuthStateChanged', user)
+      this.logger.log('initialize FROM [APP-COMP] - [FIREBASEAuthSERVICE] onAuthStateChanged', user)
       if (!user) {
         this.logger.log('[FIREBASEAuthSERVICE] 1 - PASSO OFFLINE AL CHAT MANAGER')
+        // this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] - [FIREBASEAuthSERVICE] onAuthStateChanged user ', user)
+       
         that.BSAuthStateChanged.next('offline');
       } else {
         this.logger.log('[FIREBASEAuthSERVICE] 2 - PASSO ONLINE AL CHAT MANAGER')
+        // this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] - [FIREBASEAuthSERVICE] onAuthStateChanged user ', user)
         that.BSAuthStateChanged.next('online');
       }
     });
@@ -217,7 +220,8 @@ export class FirebaseAuthService extends MessagingAuthService {
       }
     }
     return firebase.auth().setPersistence(firebasePersistence).then(async () => {
-      return firebase.auth().signInWithCustomToken(token).then(async () => {
+      return firebase.auth().signInWithCustomToken(token).then(async (user) => {
+        
         // that.firebaseSignInWithCustomToken.next(response);
       }).catch((error) => {
         that.logger.error('[FIREBASEAuthSERVICE] signInFirebaseWithCustomToken Error: ', error);
@@ -317,6 +321,7 @@ export class FirebaseAuthService extends MessagingAuthService {
 
   logout() {
     this.logger.log('[FIREBASEAuthSERVICE] logout');
+    this.BSAuthStateChanged.next(null);
     // cancello token firebase dal local storage e da firebase
     // dovrebbe scattare l'evento authchangeStat
     this.signOut();

package/src/chat21-core/providers/firebase/firebase-notifications.ts

@@ -63,10 +63,10 @@ export class FirebaseNotifications extends NotificationsService {
 
     getNotificationPermissionAndSaveToken(currentUserUid) {
         // this.tenant = this.getTenant();
-        this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - tenant ', this.tenant)
-        this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - currentUserUid ', currentUserUid)
+        this.logger.log('initialize FROM [APP-COMP] - [FIREBASE-NOTIFICATIONS] calling requestPermission - tenant ', this.tenant, ' currentUserUid ', currentUserUid)
+        // this.logger.log('[FIREBASE-NOTIFICATIONS] calling requestPermission - currentUserUid ', currentUserUid)
         this.userId = currentUserUid;
-        // Service Worker explicit registration to explicitly define sw location at a path
+        // Service Worker explicit registration to explicitly define sw location at a path,
         // const swRegistration = async () => {
         //     try {
         //         await navigator.serviceWorker.register('http://localhost:8101/firebase-messaging-sw.js');
@@ -76,9 +76,9 @@ export class FirebaseNotifications extends NotificationsService {
         // }
 
 
-      
+
         if (firebase.messaging.isSupported()) {
-            const messaging = firebase.messaging(); 
+            const messaging = firebase.messaging();
             // messaging.requestPermission()
             Notification.requestPermission().then((permission) => {
                 if (permission === 'granted') {
@@ -165,7 +165,7 @@ export class FirebaseNotifications extends NotificationsService {
                 self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.userId', self.userId);
                 self.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > FCMcurrentToken', self.FCMcurrentToken);
                 // this.logger.log('[FIREBASE-NOTIFICATIONS] >>>> removeNotificationsInstance > this.tenant', this.tenant);
-      
+
 
             } else {
                 self.logger.debug('[FIREBASE-NOTIFICATIONS] - No FB user is signed in. ', user)
@@ -194,7 +194,7 @@ export class FirebaseNotifications extends NotificationsService {
                 })
         }
 
-    
+
     }
 
     // removeNotificationsInstance() {

package/src/chat21-core/providers/firebase/firebase-presence.service.ts

@@ -129,6 +129,7 @@ export class FirebasePresenceService extends PresenceService {
    * @param userid
    */
   public setPresence(userid: string): void {
+    this.logger.info('initialize FROM [APP-COMP] - [FIREBASEPresenceSERVICE] - SET PRESENCE userid ', userid) 
     this.onlineConnectionsRef = this.referenceOnlineForUser(userid);
     this.lastOnlineConnectionsRef = this.referenceLastOnlineForUser(userid);
     const connectedRefURL = '/.info/connected';

package/src/chat21-core/providers/tiledesk/tiledesk-auth.service.ts

@@ -5,12 +5,16 @@ import { UserModel } from 'src/chat21-core/models/user';
 import { avatarPlaceholder, getColorBck } from 'src/chat21-core/utils/utils-user';
 import { AppStorageService } from '../abstract/app-storage.service';
 import { LoggerInstance } from '../logger/loggerInstance';
+// import { BehaviorSubject } from 'rxjs';
+// import { EventsService } from 'src/app/services/events-service';
+
 
 @Injectable({
   providedIn: 'root'
 })
 export class TiledeskAuthService {
 
+  // public isOnline$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(null);
   // private persistence: string;
   public SERVER_BASE_URL: string;
 
@@ -23,8 +27,11 @@ export class TiledeskAuthService {
   private currentUser: UserModel;
   private logger: LoggerService = LoggerInstance.getInstance()
 
-  constructor(public http: HttpClient,
-    public appStorage: AppStorageService) { }
+  constructor(
+    public http: HttpClient,
+    public appStorage: AppStorageService,
+    // private events: EventsService,
+    ) { }
 
 
   initialize(serverBaseUrl: string) {
@@ -125,10 +132,12 @@ export class TiledeskAuthService {
   }
 
   logOut() {
-    this.logger.debug('[TILEDESK-AUTH] logOut()')
+    this.logger.log('[TILEDESK-AUTH] - LOGOUT')
     this.appStorage.removeItem('tiledeskToken')
     this.appStorage.removeItem('currentUser')
     this.setCurrentUser(null);
+    // this.isOnline$.next(false) 
+    
   }
 
 
@@ -155,8 +164,9 @@ export class TiledeskAuthService {
       member.avatar = avatar;
       member.color = color;
       this.currentUser = member;
-      this.logger.debug('[TILEDESK-AUTH] - createCompleteUser member ', member);
+      this.logger.log('[TILEDESK-AUTH] - createCompleteUser member ', member);
       this.appStorage.setItem('currentUser', JSON.stringify(this.currentUser));
+      // this.isOnline$.next(true) 
     } catch (err) {
       this.logger.error('[TILEDESK-AUTH]- createCompleteUser ERR ', err)
     }
@@ -171,7 +181,7 @@ export class TiledeskAuthService {
       this.logger.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken TOKEN DOES NOT EXIST - RUN SET ')
       this.appStorage.setItem('tiledeskToken', tiledeskToken);
     } else if (storedTiledeskToken && storedTiledeskToken !== tiledeskToken) {
-      console.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken STORED-TOKEN EXIST BUT IS != FROM TOKEN - RUN SET ')
+      this.logger.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken STORED-TOKEN EXIST BUT IS != FROM TOKEN - RUN SET ')
       this.appStorage.setItem('tiledeskToken', tiledeskToken);
     } else if (storedTiledeskToken && storedTiledeskToken === tiledeskToken){
       this.logger.log('[TILEDESK-AUTH] - checkAndSetInStorageTiledeskToken STORED-TOKEN EXIST AND IS = TO TOKEN ')

package/src/index.html

@@ -30,7 +30,7 @@
     // console.log("index.html Hey script watchToConnectionAtStartUp! ");
     // // ononline version
     window.ononline = (event) => {
-      console.log("index.html You are now connected to the network.");
+      // console.log("index.html You are now connected to the network.");
     };
 
     // // onoffline version