@chat21/chat21-ionic 3.0.66 → 3.0.67

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # chat21-ionic ver 3.0
 
+### 3.0.67 in PROD
+- added: control to 'foregroundCount' when tab is hidden/visible
+- added: sound control on/off to new conversations and conversations changed
+
 ### 3.0.66 in PROD
 - added: control to 'foregroundCount' locale storage variable from dashboard
 - added: uk translations

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.66",
+    "version": "3.0.67",
     "license": "AGPL-3.0",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/app.component.ts

@@ -89,6 +89,8 @@ export class AppComponent implements OnInit {
   private setIntervalTime: any;
   private setTimeoutSound: any;
   private isTabVisible: boolean = true;
+  private isSoundEnabled: boolean;
+  private hasPlayed: boolean;
   private tabTitle: string;
   private setTimeoutConversationsEvent: any;
   private logger: LoggerService = LoggerInstance.getInstance();
@@ -99,7 +101,7 @@ export class AppComponent implements OnInit {
   private hadBeenCalledOpenModal: boolean = false;
   public missingConnectionToast: any
   public executedInitializeAppByWatchConnection: boolean = false;
-  // private isInitialized: boolean = false;
+  private isInitialized: boolean = false;
   private version: string;
   IS_ONLINE: boolean;
   IS_ON_MOBILE_DEVICE: boolean;
@@ -830,6 +832,12 @@ export class AppComponent implements OnInit {
     this.audio = new Audio();
     this.audio.src = chatBaseUrl + URL_SOUND_LIST_CONVERSATION;
     this.audio.load();
+
+    const sound_status = localStorage.getItem('dshbrd----sound')
+    if(sound_status && sound_status !== 'undefined'){
+      this.isSoundEnabled = sound_status === 'enabled'? true: false
+    }
+
   }
 
   private manageTabNotification() {
@@ -848,26 +856,41 @@ export class AppComponent implements OnInit {
           document.title = "(" + badgeNewConverstionNumber + ") " + that.tabTitle;
         }
       }, 1000);
-      this.soundMessage()
+      // if(this.isSoundEnabled) this.soundMessage()
+    }
+
+    const sound_status = localStorage.getItem('dshbrd----sound')
+    if(sound_status && sound_status !== 'undefined'){
+      this.isSoundEnabled = sound_status === 'enabled'? true: false
     }
-    // if(this.isInitialized) this.soundMessage()
+
+    if(this.isInitialized && this.isSoundEnabled) 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 () {
+    // clearTimeout(this.setTimeoutSound);
+    // this.setTimeoutSound = setTimeout(function () {
+    //   that.audio.play().then(() => {
+    //     that.logger.debug('[APP-COMP] ****** soundMessage played *****');
+    //   }).catch((error: any) => {
+    //     that.logger.error('[APP-COMP] ***soundMessage error*', error);
+    //   });
+    // }, 4000);
+    
+    //play sound every 4s from the fist time you receive a conversation added/changed
+    if(!this.hasPlayed){
       that.audio.play().then(() => {
+        that.hasPlayed = true
         that.logger.debug('[APP-COMP] ****** soundMessage played *****');
+        setTimeout(() => {
+          that.hasPlayed = false
+        }, 4000);
       }).catch((error: any) => {
         that.logger.error('[APP-COMP] ***soundMessage error*', error);
       });
-    }, 4000);
+    }
   }
   /**---------------- SOUND FUNCTIONS --> END <--- +*/
   /***************************************************+*/
@@ -1185,12 +1208,12 @@ export class AppComponent implements OnInit {
   private updateConversationsOnStorage(){
     const that = this
     // reset timer and save conversation on storage after 2s
-    // clearTimeout(this.setTimeoutConversationsEvent);
-    // this.setTimeoutConversationsEvent = setTimeout(() => {
-    //   that.logger.debug('[APP-COMP] updateConversationsOnStorage: reset timer and save conversations -> ', this.conversationsHandlerService.conversations.length)
-    //   that.appStorageService.setItem('conversations', JSON.stringify(that.conversationsHandlerService.conversations))
-    //   that.isInitialized = true;
-    // }, 2000);
+    clearTimeout(this.setTimeoutConversationsEvent);
+    this.setTimeoutConversationsEvent = setTimeout(() => {
+      // that.logger.debug('[APP-COMP] updateConversationsOnStorage: reset timer and save conversations -> ', this.conversationsHandlerService.conversations.length)
+      // that.appStorageService.setItem('conversations', JSON.stringify(that.conversationsHandlerService.conversations))
+      that.isInitialized = true;
+    }, 2000);
   }
 
   private initArchivedConversationsHandler(userId: string) {
@@ -1202,10 +1225,22 @@ export class AppComponent implements OnInit {
     this.archivedConversationsHandlerService.initialize(this.tenant, userId, translationMap);
   }
 
+  checkAndRemoveDashboardForegroundCount(){
+    try {
+      const dashboardForegroundCount = localStorage.getItem('dshbrd----foregroundcount')
+      this.logger.log('[SIDEBAR] - THERE IS DASHBOARD FOREGROUND COUNT', dashboardForegroundCount)
+      if (dashboardForegroundCount && dashboardForegroundCount !== 'undefined') {
+        localStorage.setItem('dshbrd----foregroundcount', '0')
+      }
+    } catch (err) {
+      this.logger.error('Get local storage dshbrd----foregroundcount ', err)
+    }
+  }
+
 
   @HostListener('document:visibilitychange', [])
   visibilitychange() {
-    // this.logger.debug("document TITLE", document.hidden, document.title);
+    this.logger.debug("document TITLE", document.hidden, document.title);
     if (document.hidden) {
       this.isTabVisible = false
     } else {
@@ -1213,6 +1248,7 @@ export class AppComponent implements OnInit {
       clearInterval(this.setIntervalTime)
       this.isTabVisible = true;
       document.title = this.tabTitle;
+      this.checkAndRemoveDashboardForegroundCount()
     }
   }
 
@@ -1222,7 +1258,7 @@ export class AppComponent implements OnInit {
   @HostListener('window:storage', ['$event'])
   onStorageChanged(event: any) {
 
-    if (event.key !== 'chat_sv5__tiledeskToken') {
+    if (event.key !== 'chat_sv5__tiledeskToken' && event.key !== 'dshbrd----sound') {
       return;
     }
 
@@ -1259,6 +1295,11 @@ export class AppComponent implements OnInit {
 
       }
     }
+
+    if(event.key === 'dshbrd----sound'){
+      this.events.publish('storage:sound', event.newValue);
+      this.isSoundEnabled = event.newValue === 'enabled'? true: false
+    }
   }
 }
 

package/src/app/components/ddp-header/ddp-header.component.html

@@ -11,25 +11,40 @@
     <div *ngIf="numberOpenConv > 0" class="number-open-conv">({{numberOpenConv}})</div>
   </ion-title>
 
-  <ion-buttons slot="end">
+  <ion-buttons slot="start">
+    <ion-button *ngIf="sound_btn==='enabled'" ion-button fill="clear" (click)="onSoundChangeFN('disabled')">
+      <ion-icon slot="icon-only" name="volume-high-outline" ></ion-icon>
+    </ion-button>
 
+    <ion-button *ngIf="sound_btn==='disabled'" ion-button fill="clear" (click)="onSoundChangeFN('enabled')">
+      <ion-icon slot="icon-only" name="volume-mute-outline" ></ion-icon>
+    </ion-button>
+  </ion-buttons>
+
+  <ion-buttons slot="end">
+    
     <ion-button ion-button fill="clear" (click)="presentCreateTicketModal()"
-      tooltip="{{translationMap?.get('CreateTicket')}}" [options]="tooltipOptions" placement="bottom">
+      tooltip="{{translationMap?.get('CreateTicket')}}" 
+      [options]="tooltipOptions" 
+      placement="bottom">
       <ion-icon slot="icon-only" name="ticket-outline"></ion-icon>
     </ion-button>
 
     <ion-button *ngIf="archived_btn" ion-button fill="clear" (click)="onClickArchivedConversation()" 
-      tooltip="{{translationMap?.get('ViewArchivedConversations')}}" [options]="tooltipOptions" placement="bottom">
+      tooltip="{{translationMap?.get('ViewArchivedConversations')}}" 
+      [options]="tooltipOptions" 
+      placement="bottom">
       <ion-icon slot="icon-only" name="file-tray-full-outline"></ion-icon>
       <!-- <ion-icon name="file-tray-stacked-outline"></ion-icon> -->
       <!-- <ion-icon name="file-tray-full-outline"></ion-icon> -->
     </ion-button>
 
     <ion-button *ngIf="writeto_btn" ion-button fill="clear" (click)="onOpenContactsDirectory($event)"
-    tooltip="{{translationMap?.get('ViewContactsList')}}" [options]="tooltipOptions" placement="bottom">
+      tooltip="{{translationMap?.get('ViewContactsList')}}" 
+      [options]="tooltipOptions" 
+      placement="bottom">
       <ion-icon slot="icon-only" name="create-outline"></ion-icon>
       <!-- <ion-icon slot="icon-only" name="people-outline"></ion-icon> -->
-
     </ion-button>
 
     <!--   <button ion-button icon-only (click)="onOpenArchivedConversationsPage()">

package/src/app/components/ddp-header/ddp-header.component.ts

@@ -9,12 +9,16 @@ import { CustomTranslateService } from 'src/chat21-core/providers/custom-transla
   styleUrls: ['./ddp-header.component.scss'],
 })
 export class DdpHeaderComponent implements OnInit {
+  
   @Input() numberOpenConv: number
   @Input() supportMode: boolean
   @Input() archived_btn: boolean
   @Input() writeto_btn: boolean
+  @Input() sound_btn: string
+  @Output() onSoundChange = new EventEmitter<string>()
   @Output() openContactsDirectory = new EventEmitter()
   @Output() openProfileInfo = new EventEmitter()
+
   IS_ON_MOBILE_DEVICE: boolean
   createTicketModal = null
   public translationMap: Map<string, string>;
@@ -87,6 +91,10 @@ export class DdpHeaderComponent implements OnInit {
   onOpenContactsDirectory(e: any) {
     this.openContactsDirectory.emit(e)
   }
+
+  onSoundChangeFN(e: any){
+    this.onSoundChange.emit(e)
+  }
   // END @Output() //
 
   onClickArchivedConversation() {

package/src/app/components/sidebar/sidebar.component.ts

@@ -233,55 +233,26 @@ export class SidebarComponent implements OnInit {
 
 
   translateLabels() {
-    this.getConversationsTranslation();
-    this.getContactsTranslation();
-    this.getActivitiesTranslation();
-    this.getAppsTranslation();
-    this.getAnalyticsTranslation();
-    this.getHistoryTranslation();
-    this.getSettingsTranslation()
-  }
-
-  getConversationsTranslation() {
-    this.translate.get('Conversations').subscribe((text: string) => {
-        this.conversations_lbl = text
-      });
-  }
-
-  getContactsTranslation() {
-    this.translate.get('LABEL_CONTACTS').subscribe((text: string) => {
-        this.contacts_lbl = text
-      });
-  }
-
-  getAppsTranslation() {
-    this.translate.get('Apps').subscribe((text: string) => {
-        this.apps_lbl = text
-      });
-  }
-
-  getAnalyticsTranslation() {
-    this.translate.get('Analytics').subscribe((text: string) => {
-        this.analytics_lbl = text
-      });
-  }
-
-  getActivitiesTranslation() {
-    this.translate.get('Activities').subscribe((text: string) => {
-        this.activities_lbl = text
-      });
-  }
-
-  getHistoryTranslation() {
-    this.translate.get('History').subscribe((text: string) => {
-        this.history_lbl = text
-      });
-  }
-
-  getSettingsTranslation() {
-    this.translate.get('Settings').subscribe((text: string) => {
-        this.settings_lbl = text
-      });
+    const keys= [
+      'Conversations',
+      'LABEL_CONTACTS',
+      'Apps',
+      'Analytics',
+      'Activities',
+      'History',
+      'Settings'
+    ]
+
+    this.translate.get(keys).subscribe((text: string) => {
+      this.conversations_lbl = text['Conversations'];
+      this.contacts_lbl = text['LABEL_CONTACTS']
+      this.apps_lbl = text['Apps']
+      this.analytics_lbl = text['Analytics']
+      this.activities_lbl = text['Activities']
+      this.history_lbl = text['History']
+      this.settings_lbl = text['Settings']
+      
+    });
   }
 
   getOSCODE() {

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -1786,43 +1786,22 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   }
   checkAcceptedFile(draggedFileMimeType) {
     let isAcceptFile = false
-    this.logger.log(
-      '[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept: ',
-      this.appConfigProvider.getConfig().fileUploadAccept,
-    )
+    this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept: ',this.appConfigProvider.getConfig().fileUploadAccept)
     const accept_files = this.appConfigProvider.getConfig().fileUploadAccept
-    this.logger.log(
-      '[CONVS-DETAIL] > checkAcceptedFile - mimeType: ',
-      draggedFileMimeType,
-    )
+    this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - mimeType: ',draggedFileMimeType)
     if (accept_files === '*/*') {
       isAcceptFile = true
       return isAcceptFile
     } else if (accept_files !== '*/*') {
-      this.logger.log(
-        '[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept typeof accept_files ',
-        typeof accept_files,
-      )
+      this.logger.log( '[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept typeof accept_files ',typeof accept_files)
       const accept_files_array = accept_files.split(',')
-      this.logger.log(
-        '[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept accept_files_array ',
-        accept_files_array,
-      )
-      this.logger.log(
-        '[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept accept_files_array typeof: ',
-        typeof accept_files_array,
-      )
+      this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept accept_files_array ',accept_files_array)
+      this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept accept_files_array typeof: ',typeof accept_files_array)
 
       accept_files_array.forEach((accept_file) => {
-        this.logger.log(
-          '[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept accept_file ',
-          accept_file,
-        )
+        this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept accept_file ',accept_file)
         const accept_file_segment = accept_file.split('/')
-        this.logger.log(
-          '[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept accept_file_segment ',
-          accept_file_segment,
-        )
+        this.logger.log('[CONVS-DETAIL] > checkAcceptedFile - fileUploadAccept accept_file_segment ',accept_file_segment)
         if (accept_file_segment[1] === '*') {
           if (draggedFileMimeType.startsWith(accept_file_segment[0])) {
             isAcceptFile = true

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

@@ -4,12 +4,14 @@
     [supportMode]="supportMode"
     [archived_btn]="archived_btn"
     [writeto_btn]="writeto_btn"
+    [sound_btn]="sound_btn"
+    (onSoundChange)="onSoundChange($event)"
     (openContactsDirectory)=openContactsDirectory($event) 
     (openProfileInfo)=openProfileInfo($event)>
   </app-ddp-header>
 
   <app-option-header *ngIf="conversationType !=='active'" 
-  [headerTitle]=headerTitle
+    [headerTitle]=headerTitle
     (onBackButton)=onBackButtonFN($event)>
   </app-option-header>
 </ion-header>

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

@@ -72,6 +72,7 @@ export class ConversationListPage implements OnInit {
   public supportMode: boolean
   public writeto_btn: boolean
   public archived_btn: boolean
+  public sound_btn: string
   public convertMessage = convertMessage
   private isShowMenuPage = false
   private logger: LoggerService = LoggerInstance.getInstance()
@@ -127,6 +128,7 @@ export class ConversationListPage implements OnInit {
     this.listenToLogoutEvent()
     this.listenGoOnline()
     this.listenGoOffline()
+    this.listenToStorageChange()
     this.listenToSwPostMessage()
     this.listenSupportConvIdHasChanged()
     // this.listenDirectConvIdHasChanged();
@@ -211,6 +213,16 @@ export class ConversationListPage implements OnInit {
       this.writeto_btn = false;
       this.logger.log('[CONVS-LIST-PAGE] getAppConfigToHideDiplayBtns writeto_btn ', this.writeto_btn)
     }
+
+
+    const sound_status = localStorage.getItem('dshbrd----sound')
+    if(sound_status && sound_status !== 'undefined'){
+      this.sound_btn = sound_status
+    } else {
+      this.sound_btn = 'enabled'
+    }
+
+
   }
 
   watchToConnectionStatus() {
@@ -336,6 +348,8 @@ export class ConversationListPage implements OnInit {
     })
   }
 
+  
+
   // ------------------------------------------------------------------ //
   // Init convrsation handler
   // ------------------------------------------------------------------ //
@@ -435,6 +449,10 @@ export class ConversationListPage implements OnInit {
     })
   }
 
+  listenToStorageChange(){
+    this.events.subscribe('storage:sound', value => this.sound_btn = value)
+  }
+
   // ------------------------------------------------------------------
   //  SUBSCRIPTIONS
   // ------------------------------------------------------------------
@@ -839,6 +857,13 @@ export class ConversationListPage implements OnInit {
     }
   }
 
+  onSoundChange(event: string){
+    if(event && event !== undefined){
+      localStorage.setItem('dshbrd----sound', event)
+      this.sound_btn = event
+    }
+  }
+
   listenToCloseConvFromHeaderConversation() {
     this.events.subscribe('conversation:closed', (convId) => {
       this.logger.log('[CONVS-LIST-PAGE] hasclosedconversation  convId', convId)

package/src/app/pages/loader-preview/loader-preview.page.ts

@@ -110,39 +110,25 @@ export class LoaderPreviewPage implements OnInit, AfterViewInit {
     } else if (file.type.startsWith('image') && file.type.includes('svg')) {
       // this.previewFiles(file)
 
-      this.logger.log(
-        '[LOADER-PREVIEW-PAGE] - readAsDataURL file TYPE',
-        file.type,
-      )
+      this.logger.log('[LOADER-PREVIEW-PAGE] - readAsDataURL file TYPE',file.type)
       this.logger.log('[LOADER-PREVIEW-PAGE] - readAsDataURL file ', file)
       const preview = document.querySelector('#img-preview') as HTMLImageElement
 
       const reader = new FileReader()
       const that = this
-      reader.addEventListener(
-        'load',
-        function () {
+      reader.addEventListener('load',function () {
           // convert image file to base64 string
           // const img = reader.result as string;
           const img = reader.result.toString()
-          that.logger.log(
-            'FIREBASE-UPLOAD USE CASE SVG LoaderPreviewPage readAsDataURL img ',
-            img,
-          )
+          that.logger.log('FIREBASE-UPLOAD USE CASE SVG LoaderPreviewPage readAsDataURL img ',img)
 
           // that.fileSelected = that.sanitizer.bypassSecurityTrustResourceUrl(img);
 
-          that.arrayFiles.push(
-            that.sanitizer.bypassSecurityTrustResourceUrl(img),
-          )
+          that.arrayFiles.push(that.sanitizer.bypassSecurityTrustResourceUrl(img))
           if (!that.fileSelected) {
-            that.fileSelected = that.sanitizer.bypassSecurityTrustResourceUrl(
-              img,
-            )
+            that.fileSelected = that.sanitizer.bypassSecurityTrustResourceUrl(img)
           }
-        },
-        false,
-      )
+      },false)
 
       if (file) {
         reader.readAsDataURL(file)
@@ -153,27 +139,13 @@ export class LoaderPreviewPage implements OnInit, AfterViewInit {
       // ---------------------------------------------------------------------
       // } else if (file.type.startsWith("application") || file.type.startsWith("video") || file.type.startsWith("audio") ) {
     } else {
-      this.logger.log(
-        '[LOADER-PREVIEW-PAGE] - readAsDataURL - USE CASE FILE - FILE ',
-        file,
-      )
-      this.logger.log(
-        '[LOADER-PREVIEW-PAGE] - readAsDataURL - USE CASE FILE - FILE TYPE',
-        file.type,
-      )
-      this.file_extension =
-        file.name.substring(file.name.lastIndexOf('.') + 1, file.name.length) ||
-        file.name
-      this.logger.log(
-        '[LOADER-PREVIEW-PAGE] - readAsDataURL - USE CASE FILE - FILE EXTENSION',
-        this.file_extension,
-      )
+      this.logger.log('[LOADER-PREVIEW-PAGE] - readAsDataURL - USE CASE FILE - FILE ',file)
+      this.logger.log('[LOADER-PREVIEW-PAGE] - readAsDataURL - USE CASE FILE - FILE TYPE',file.type)
+      this.file_extension =  file.name.substring(file.name.lastIndexOf('.') + 1, file.name.length) || file.name
+      this.logger.log('[LOADER-PREVIEW-PAGE] - readAsDataURL - USE CASE FILE - FILE EXTENSION',this.file_extension)
       this.file_name = file.name
       this.file_name_ellipsis_the_middle = this.start_and_end(file.name)
-      this.logger.log(
-        '[LOADER-PREVIEW-PAGE] - readAsDataURL - USE CASE FILE - FILE NAME',
-        this.file_name,
-      )
+      this.logger.log( '[LOADER-PREVIEW-PAGE] - readAsDataURL - USE CASE FILE - FILE NAME',this.file_name)
       // if (file.type) {
       //   const file_type_array = file.type.split('/');
       //   this.logger.log('FIREBASE-UPLOAD USE CASE FILE LoaderPreviewPage readAsDataURL file_type_array', file_type_array);
@@ -204,10 +176,7 @@ export class LoaderPreviewPage implements OnInit, AfterViewInit {
     const reader = new FileReader()
     reader.onloadend = (evt) => {
       const img = reader.result.toString()
-      this.logger.log(
-        '[LOADER-PREVIEW-PAGE] - createFile file - FileReader success img',
-        img,
-      )
+      this.logger.log('[LOADER-PREVIEW-PAGE] - createFile file - FileReader success img',img)
       this.arrayFiles.push(img)
       if (!this.fileSelected) {
         this.fileSelected = img

package/src/chat-config-pre.json

@@ -3,6 +3,7 @@
     "chatEngine": "firebase",
     "uploadEngine": "firebase",
     "pushEngine": "firebase",
+    "fileUploadAccept": "*/*",
     "firebaseConfig": {
         "apiKey": "AIzaSyCoWXHNvP1-qOllCpTshhC6VjPXeRTK0T4",
         "authDomain": "chat21-pre-01.firebaseapp.com",

package/src/chat21-core/providers/abstract/archivedconversations-handler.service.ts

@@ -8,11 +8,10 @@ export abstract class ArchivedConversationsHandlerService {
 
   // BehaviorSubject
   abstract BSConversationDetail: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  // abstract readAllMessages: BehaviorSubject<string> = new BehaviorSubject<string>(null);
   abstract archivedConversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
   abstract archivedConversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
   abstract archivedConversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  abstract loadedConversationsStorage: BehaviorSubject<ConversationModel[]> = new BehaviorSubject<ConversationModel[]>([]);
+  // abstract readAllMessages: BehaviorSubject<string> = new BehaviorSubject<string>(null);
 
   // params
   abstract archivedConversations: Array<ConversationModel> = [];

package/src/chat21-core/providers/abstract/conversations-handler.service.ts

@@ -15,16 +15,14 @@ export abstract class ConversationsHandlerService {
 
   // BehaviorSubject
   abstract BSConversationDetail: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  // abstract readAllMessages: BehaviorSubject<string> = new BehaviorSubject<string>(null);
   abstract conversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
   abstract conversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
   abstract conversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  abstract loadedConversationsStorage: BehaviorSubject<ConversationModel[]> = new BehaviorSubject<ConversationModel[]>([]);
-
+  // abstract readAllMessages: BehaviorSubject<string> = new BehaviorSubject<string>(null);
+ 
   // params
   abstract conversations: Array<ConversationModel> = [];
   abstract uidConvSelected: string;
-  // abstract imageRepo: ImageRepoService;
 
   // functions
   abstract initialize(tenant: string, userId: string, translationMap: Map<string, string>): void;

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

@@ -28,11 +28,10 @@ export class FirebaseArchivedConversationsHandler extends ArchivedConversationsH
 
     // BehaviorSubject
     BSConversationDetail: BehaviorSubject<ConversationModel>;
+    archivedConversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+    archivedConversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+    archivedConversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
     // readAllMessages: BehaviorSubject<string>;
-    archivedConversationAdded: BehaviorSubject<ConversationModel>;
-    archivedConversationChanged: BehaviorSubject<ConversationModel>;
-    archivedConversationRemoved: BehaviorSubject<ConversationModel>;
-    loadedConversationsStorage: BehaviorSubject<ConversationModel[]>;
 
     // public params
     archivedConversations: Array<ConversationModel> = [];

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

@@ -40,9 +40,8 @@ export class FirebaseAuthService extends MessagingAuthService {
 
 
   // BehaviorSubject
-  BSAuthStateChanged: BehaviorSubject<any>;
-  BSSignOut: BehaviorSubject<any>;
-  // firebaseSignInWithCustomToken: BehaviorSubject<any>;
+  BSAuthStateChanged: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  BSSignOut: BehaviorSubject<any> = new BehaviorSubject<any>(null);
 
   // public params
   // private persistence: string;

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

@@ -32,10 +32,10 @@ import { messageType, isEmojii } from 'src/chat21-core/utils/utils-message';
 export class FirebaseConversationHandler extends ConversationHandlerService {
 
     // BehaviorSubject
-    messageAdded: BehaviorSubject<MessageModel>;
-    messageChanged: BehaviorSubject<MessageModel>;
-    messageRemoved: BehaviorSubject<string>;
-    isTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+    messageAdded: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);;
+    messageChanged: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);;
+    messageRemoved: BehaviorSubject<string> = new BehaviorSubject<string>(null);
+    messageWait: BehaviorSubject<any> = new BehaviorSubject<string>(null);
 
     // public variables
     public attributes: any;

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

@@ -31,12 +31,11 @@ import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 export class FirebaseConversationsHandler extends ConversationsHandlerService {
 
     // BehaviorSubject
-    BSConversationDetail: BehaviorSubject<ConversationModel>;
+    BSConversationDetail: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+    conversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+    conversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+    conversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
     // readAllMessages: BehaviorSubject<string>;
-    conversationAdded: BehaviorSubject<ConversationModel>;
-    conversationChanged: BehaviorSubject<ConversationModel>;
-    conversationRemoved: BehaviorSubject<ConversationModel>;
-    loadedConversationsStorage: BehaviorSubject<ConversationModel[]>;
 
     // public params
     conversations: Array<ConversationModel> = [];

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

@@ -31,11 +31,11 @@ import { LoggerInstance } from '../logger/loggerInstance';
 export class FirebaseGroupsHandler extends GroupsHandlerService {
 
     // BehaviorSubject
-    BSgroupDetail: BehaviorSubject<GroupModel>;
-    SgroupDetail: Subject<GroupModel>;
-    groupAdded: BehaviorSubject<GroupModel>;
-    groupChanged: BehaviorSubject<GroupModel>;
-    groupRemoved: BehaviorSubject<GroupModel>;
+    BSgroupDetail: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null); 
+    SgroupDetail: Subject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+    groupAdded: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+    groupChanged: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+    groupRemoved: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
 
     // public params
     conversations: Array<ConversationModel> = [];

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

@@ -23,9 +23,8 @@ import { LoggerInstance } from '../logger/loggerInstance';
 export class FirebasePresenceService extends PresenceService {
 
   // BehaviorSubject
-  // BSIsOnline: BehaviorSubject<any>;
-  BSIsOnline: BehaviorSubject<any>;
-  BSLastOnline: BehaviorSubject<any>;
+  BSIsOnline: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  BSLastOnline: BehaviorSubject<any> = new BehaviorSubject<any>(null);
 
   // public tenant: string;
 

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

@@ -32,8 +32,8 @@ export class TypingModel {
 export class FirebaseTypingService extends TypingService {
 
   // BehaviorSubject
-  BSIsTyping: BehaviorSubject<any>;
-  BSSetTyping: BehaviorSubject<any>;
+  BSIsTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  BSSetTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
 
   // public params
   // public tenant: string;

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

@@ -24,7 +24,7 @@ import { UploadModel } from '../../models/upload';
 export class FirebaseUploadService extends UploadService {
 
   // BehaviorSubject
-  BSStateUpload: BehaviorSubject<any>;
+  BSStateUpload: BehaviorSubject<any> = new BehaviorSubject<any>(null);
 
   //private
   private url: string;

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

@@ -22,13 +22,10 @@ export class MQTTArchivedConversationsHandler extends ArchivedConversationsHandl
 
     // BehaviorSubject
     BSConversationDetail: BehaviorSubject<ConversationModel>;
+    archivedConversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+    archivedConversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+    archivedConversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
     // readAllMessages: BehaviorSubject<string>;
-    archivedConversationAdded: BehaviorSubject<ConversationModel>;
-    archivedConversationChanged: BehaviorSubject<ConversationModel>;
-    archivedConversationRemoved: BehaviorSubject<ConversationModel>;
-    loadedConversationsStorage: BehaviorSubject<ConversationModel[]>;
-    BSConversations: BehaviorSubject<ConversationModel[]>
-    // imageRepo: ImageRepoService;
 
     // public variables
     archivedConversations: Array<ConversationModel> = [];

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

@@ -25,11 +25,11 @@ import { AppStorageService } from '../abstract/app-storage.service';
 
 
 @Injectable({ providedIn: 'root' })
-
 export class MQTTAuthService extends MessagingAuthService {
   
-  BSAuthStateChanged: BehaviorSubject<any>;
-  BSSignOut: BehaviorSubject<any>;
+  // BehaviorSubject
+  BSAuthStateChanged: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  BSSignOut: BehaviorSubject<any> = new BehaviorSubject<any>(null);
 
   SERVER_BASE_URL: string;
 

package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts

@@ -30,10 +30,10 @@ import { messageType } from '../../utils/utils-message';
 export class MQTTConversationHandler extends ConversationHandlerService {
 
     // BehaviorSubject
-    messageAdded: BehaviorSubject<MessageModel>;
-    messageChanged: BehaviorSubject<MessageModel>;
-    messageRemoved: BehaviorSubject<string>;
-    isTypings: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+    messageAdded: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);;
+    messageChanged: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);;
+    messageRemoved: BehaviorSubject<string> = new BehaviorSubject<string>(null);
+    messageWait: BehaviorSubject<any> = new BehaviorSubject<string>(null);
 
     // public variables
     public attributes: any;

package/src/chat21-core/providers/mqtt/mqtt-conversations-handler.ts

@@ -23,15 +23,20 @@ import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
 @Injectable({ providedIn: 'root' })
 export class MQTTConversationsHandler extends ConversationsHandlerService {
 
-    BSConversationDetail: BehaviorSubject<ConversationModel>;
-    conversationAdded: BehaviorSubject<ConversationModel>;
-    conversationChanged: BehaviorSubject<ConversationModel>;
-    conversationRemoved: BehaviorSubject<ConversationModel>;
-    loadedConversationsStorage: BehaviorSubject<ConversationModel[]>;
+    // BehaviorSubject
+    BSConversationDetail: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);;
+    conversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);;
+    conversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);; 
+    conversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);;
     BSConversations: BehaviorSubject<ConversationModel[]>
+    // readAllMessages: BehaviorSubject<string>;
+    
+    // public variables
     conversations: Array<ConversationModel> = [];
     uidConvSelected: string;
     tenant: string;
+
+    // private variables
     private loggedUserId: string;
     private translationMap: Map<string, string>;
     private isConversationClosingMap: Map<string, boolean>;

package/src/chat21-core/providers/mqtt/mqtt-groups-handler.ts

@@ -14,11 +14,11 @@ import { avatarPlaceholder, getColorBck } from 'src/chat21-core/utils/utils-user
   export class MQTTGroupsHandler extends GroupsHandlerService {
     
     // BehaviorSubject
-    BSgroupDetail: BehaviorSubject<GroupModel>;
-    SgroupDetail: Subject<GroupModel>;
-    groupAdded: BehaviorSubject<GroupModel>;
-    groupChanged: BehaviorSubject<GroupModel>;
-    groupRemoved: BehaviorSubject<GroupModel>;
+    BSgroupDetail: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null); 
+    SgroupDetail: Subject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+    groupAdded: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+    groupChanged: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+    groupRemoved: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
 
     // private params
     private tenant: string;

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

@@ -21,8 +21,9 @@ import { environment } from '../../../environments/environment';
 })
 export class MQTTPresenceService extends PresenceService {
 
-  BSIsOnline: BehaviorSubject<any>;
-  BSLastOnline: BehaviorSubject<any>;
+  // BehaviorSubject
+  BSIsOnline: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  BSLastOnline: BehaviorSubject<any> = new BehaviorSubject<any>(null);
 
   // private params
   private tenant: string;

package/src/chat21-core/providers/mqtt/mqtt-typing.service.ts

@@ -14,6 +14,7 @@ import { LoggerInstance } from '../logger/loggerInstance';
 import { setLastDate } from '../../utils/utils';
 import { environment } from '../../../environments/environment';
 import { TypingService } from '../abstract/typing.service';
+import { BehaviorSubject } from 'rxjs';
 
 export class TypingModel {
 
@@ -31,6 +32,10 @@ export class TypingModel {
 
 export class MQTTTypingService extends TypingService {
 
+  // BehaviorSubject
+  BSIsTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  BSSetTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  
   // private params
   private tenant: string;
   private urlNodeTypings: string;

package/src/chat21-core/providers/native/native-upload-service.ts

@@ -11,16 +11,9 @@ import { LoggerInstance } from '../logger/loggerInstance';
 @Injectable()
 export class NativeUploadService extends UploadService {
 
+    BSStateUpload: BehaviorSubject<any> = new BehaviorSubject<any>(null)
 
-
-    BSStateUpload: BehaviorSubject<any>;
-
-    // private persistence: string;
-    SERVER_BASE_URL: string;
-
-    public token: any;
-    public tiledeskToken: any;
-
+    private tiledeskToken: string;
     private URL_TILEDESK_IMAGES: string;
     private URL_TILEDESK_FILE: string;
     private logger: LoggerService = LoggerInstance.getInstance()

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

@@ -14,7 +14,6 @@ import { LoggerInstance } from '../logger/loggerInstance';
 })
 export class TiledeskAuthService {
 
-  // public isOnline$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(null);
   // private persistence: string;
   public SERVER_BASE_URL: string;