@chat21/chat21-ionic 3.0.65-rc2 → 3.0.67

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # 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
+
+### 3.0.65 in PROD
+- bug-fixed: icons in sidebar were not alignet correctly on Safari
+- bug-fixed: missing translations on sidebar-detail component and login-modal page on start when user logged in for the first time
+- bug-fixed: some icons not showed in side-bar user detail component: replaced material-design-icons with material-icons
+- bug-fixed: if removed conversation.uid is the selected ones, change url from /active to /archived with navigateByUrl after archivedConversation is completed
+- bug-fixed: truncate sender_fullname in conversation-list and conversation-detail header components
+- added: arabic translations language
+- changed: behaviour of is_new of a conversation (not update 'is_new' conversation property if conv is the selected one or if sender is me)
+
+### 3.0.65-rc3 - LATEST
+- changed: retrive conversations with 'onces' firebase event and remove lastTimestamp from added, changed and removed fireabase subscriptions event
+- bug-fixed: conversation not archived due to conversation_removed unhandled event
+- bug-fixed: if removed conversation.uid is the selected ones, change url from /active to /archived with navigateByUrl after archivedConversation is completed
+
 
 ### 3.0.65-rc2 - LATEST
 - changed: behaviour of is_new of a conversation (not update 'is_new' conversation property if conv is the selected one or if sender is me)

package/deploy_amazon_prod.sh

@@ -15,9 +15,9 @@ cp -p src/manifest.json platforms/browser/www/
 cp -p src/chat-config.json platforms/browser/www/
 
 cd platforms/browser/www
-# aws s3 sync . s3://tiledesk-console/v2/chat/
-# aws s3 sync . s3://tiledesk-console/v2/chat/$version/
-aws s3 sync . s3://tiledesk-console/v2/chat/latest/
+aws s3 sync . s3://tiledesk-console/v2/chat/
+aws s3 sync . s3://tiledesk-console/v2/chat/$version/
+# aws s3 sync . s3://tiledesk-console/v2/chat/latest/
 cd ../../../
 # aws cloudfront create-invalidation --distribution-id E36UIP90GOSFPM --paths "/*"
 

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.65-rc2",
+    "version": "3.0.67",
     "license": "AGPL-3.0",
     "homepage": "https://tiledesk.com/",
     "repository": {
@@ -60,7 +60,7 @@
         "file-saver": "^2.0.5",
         "firebase": "^8.6.7",
         "marked": "^2.0.1",
-        "material-design-icons": "^3.0.1",
+        "material-icons": "^1.11.2",
         "moment": "^2.24.0",
         "moment-timezone": "^0.5.28",
         "ng-connection-service": "^1.0.4",
@@ -119,4 +119,4 @@
             "ios"
         ]
     }
-}
+}

package/src/app/app.component.ts

@@ -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, getParameterByName } from '../chat21-core/utils/utils';
+import { checkPlatformIsMobile, isGroup, getParameterByName, searchIndexInArrayForUid, compareValues } 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';
@@ -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,6 +101,7 @@ export class AppComponent implements OnInit {
   private hadBeenCalledOpenModal: boolean = false;
   public missingConnectionToast: any
   public executedInitializeAppByWatchConnection: boolean = false;
+  private isInitialized: boolean = false;
   private version: string;
   IS_ONLINE: boolean;
   IS_ON_MOBILE_DEVICE: boolean;
@@ -481,6 +484,7 @@ export class AppComponent implements OnInit {
       }
       this.uploadService.initialize();
 
+      this.setLanguage(null)
       this.initAuthentication();
       this.initSubscriptions();
       this.initAudio();
@@ -627,16 +631,13 @@ export class AppComponent implements OnInit {
 
 
   translateToastMsgs() {
-    this.translate.get('AnErrorOccurredWhileUnsubscribingFromNotifications')
-      .subscribe((text: string) => {
+    this.translate.get('AnErrorOccurredWhileUnsubscribingFromNotifications').subscribe((text: string) => {
         this.toastMsgErrorWhileUnsubscribingFromNotifications = text;
       });
-    this.translate.get('CLOSE_TOAST')
-      .subscribe((text: string) => {
+    this.translate.get('CLOSE_TOAST').subscribe((text: string) => {
         this.toastMsgCloseToast = text;
       });
-    this.translate.get('WAITING_FOR_NETWORK')
-      .subscribe((text: string) => {
+    this.translate.get('WAITING_FOR_NETWORK').subscribe((text: string) => {
         this.toastMsgWaitingForNetwork = text;
       });
   }
@@ -831,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() {
@@ -849,25 +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.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);
       });
-    }, 1000);
+    }
   }
   /**---------------- SOUND FUNCTIONS --> END <--- +*/
   /***************************************************+*/
@@ -922,8 +945,8 @@ export class AppComponent implements OnInit {
       // that.conversationsChanged(conversations);
       if (conversation && conversation.is_new === true) {
         this.manageTabNotification()
-        this.updateConversationsOnStorage()
       }
+      if(conversation) this.updateConversationsOnStorage()
     });
 
     this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
@@ -1145,33 +1168,6 @@ export class AppComponent implements OnInit {
   }
 
 
-  // listenToLogoutEvent() {
-  //   this.events.subscribe('profileInfoButtonClick:logout', (hasclickedlogout) => {
-  //     this.logger.debug('[APP-COMP] hasclickedlogout', hasclickedlogout);
-  //     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.debug('[APP-COMP] FIREBASE-NOTIFICATION >>>>  removeNotificationsInstance > CALLBACK RES', res);
-
-  //           if (res === 'success') {
-  //             that.removePresenceAndLogout();
-  //           } else {
-  //             that.removePresenceAndLogout();
-  //             that.presentToast();
-  //           }
-  //         })
-  //       }
-
-  //     }
-  //   });
-  // }
-
-
   async presentToast() {
     const toast = await this.toastController.create({
       message: this.toastMsgErrorWhileUnsubscribingFromNotifications,
@@ -1195,9 +1191,7 @@ export class AppComponent implements OnInit {
     // 1 - init chatConversationsHandler and  archviedConversationsHandler
     this.conversationsHandlerService.initialize(this.tenant, userId, translationMap);
     // this.subscribeToConvs()
-    const lastTimestamp = this.manageStoredConversations()
-    this.logger.log('[APP-COMP] initConversationsHandler: get lastTimestamp', lastTimestamp)
-    this.conversationsHandlerService.subscribeToConversations(lastTimestamp, () => {
+    this.conversationsHandlerService.subscribeToConversations(null, () => {
       // 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)
@@ -1211,34 +1205,19 @@ export class AppComponent implements OnInit {
 
   }
 
-  // START: manage conversations on firebase upon last timestamp from stored conversations
-  private manageStoredConversations(): number {
-    let timestamp = 0
-    if(this.appStorageService.getItem('conversations')){
-      const conversationsStored = JSON.parse(this.appStorageService.getItem('conversations'))
-      if(conversationsStored && conversationsStored.length > 0) {
-        this.conversationsHandlerService.conversations = conversationsStored
-        timestamp = conversationsStored[0].timestamp
-        this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
-      }
-    }
-    return timestamp
-  }
-
   private updateConversationsOnStorage(){
     const that = this
-    //reset timer and save conversation on storage after 2s
+    // reset timer and save conversation on storage after 2s
     clearTimeout(this.setTimeoutConversationsEvent);
     this.setTimeoutConversationsEvent = setTimeout(() => {
-      this.logger.debug('[APP-COMP] updateConversationsOnStorage: reset timer and save conversations -> ', this.conversationsHandlerService.conversations.length)
-      that.appStorageService.setItem('conversations', JSON.stringify(this.conversationsHandlerService.conversations))
+      // 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);
   }
-  // END: manage conversations on firebase upon last timestamp from stored conversations
 
   private initArchivedConversationsHandler(userId: string) {
     const keys = ['YOU'];
-
     const translationMap = this.translateService.translateLanguage(keys);
 
     this.logger.debug('[APP-COMP] initArchivedConversationsHandler ------------->', userId, this.tenant);
@@ -1246,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 {
@@ -1257,6 +1248,7 @@ export class AppComponent implements OnInit {
       clearInterval(this.setIntervalTime)
       this.isTabVisible = true;
       document.title = this.tabTitle;
+      this.checkAndRemoveDashboardForegroundCount()
     }
   }
 
@@ -1266,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;
     }
 
@@ -1303,5 +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/chatlib/conversation-detail/message/bubble-message/bubble-message.component.ts

@@ -59,16 +59,12 @@ export class BubbleMessageComponent implements OnInit, OnChanges {
   setMomentLocale() {
     this.browserLang = this.translate.getBrowserLang();
     const currentUser = this.tiledeskAuthService.getCurrentUser();
-    this.logger.log('[BUBBLE-MESSAGE] - ngOnInit - currentUser ', currentUser)
     let currentUserId = ''
     if (currentUser) {
       currentUserId = currentUser.uid
-      this.logger.log('[BUBBLE-MESSAGE] - ngOnInit - currentUserId ', currentUserId)
     }
 
     const stored_preferred_lang = localStorage.getItem(currentUserId + '_lang');
-    this.logger.log('[BUBBLE-MESSAGE] stored_preferred_lang: ', stored_preferred_lang);
-
 
     let chat_lang = ''
     if (this.browserLang && !stored_preferred_lang) {
@@ -81,15 +77,9 @@ export class BubbleMessageComponent implements OnInit, OnChanges {
         sameElse: 'LLLL'
       }
     });
-    // this.translate.getTranslation(chat_lang).subscribe((labels: string) => {
-    //   console.log('[BUBBLE-MESSAGE] translations: ', labels);
-    // });
   }
 
   ngOnChanges() {
-    this.logger.log('BUBBLE-MSG Hello !!!! this.message ',  this.message)
-    this.logger.log('BUBBLE-MSG ngOnChanges areVisibleCAR', this.areVisibleCAR)
-    this.logger.log('BUBBLE-MSG ngOnChanges supportMode', this.supportMode)
     if (this.message && this.message.metadata && typeof this.message.metadata === 'object') {
       this.getMetadataSize(this.message.metadata)
     }

package/src/app/chatlib/conversation-detail/message/return-receipt/return-receipt.component.html

@@ -1,18 +1,63 @@
 <div class="status-message">
   <!-- c21-ico-schedule -->
   <div *ngIf="!status" class="icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs><style>.cls-1{fill:none;}</style></defs><title>ic_schedule</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><path d="M9,1.5A7.5,7.5,0,1,0,16.5,9,7.5,7.5,0,0,0,9,1.5ZM9,15a6,6,0,1,1,6-6A6,6,0,0,1,9,15Z"/><path class="cls-1" d="M0,0H18V18H0Z"/><path d="M9.38,5.25H8.25v4.5l3.94,2.36.56-.92-3.37-2Z"/></g></g></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <defs>
+        <style>.cls-1{fill:none;}</style>
+      </defs>
+      <!-- <title>ic_schedule</title> -->
+      <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+          <path d="M9,1.5A7.5,7.5,0,1,0,16.5,9,7.5,7.5,0,0,0,9,1.5ZM9,15a6,6,0,1,1,6-6A6,6,0,0,1,9,15Z"/>
+          <path class="cls-1" d="M0,0H18V18H0Z"/>
+          <path d="M9.38,5.25H8.25v4.5l3.94,2.36.56-.92-3.37-2Z"/>
+        </g>
+      </g>
+    </svg>
   </div>
   <!-- c21-ico-done -->
   <div *ngIf="status == MSG_STATUS_SENT" class="icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs><style>.cls-1{fill:none;}</style></defs><title>ic_done</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><path class="cls-1" d="M0,0H18V18H0Z"/><path d="M6.75,12.15,3.6,9,2.55,10l4.2,4.2,9-9-1-1.05Z"/></g></g></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <defs>
+        <style>.cls-1{fill:none;}</style>
+      </defs>
+      <!-- <title>ic_done</title> -->
+      <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+          <path class="cls-1" d="M0,0H18V18H0Z"/>
+          <path d="M6.75,12.15,3.6,9,2.55,10l4.2,4.2,9-9-1-1.05Z"/>
+        </g>
+      </g>
+    </svg>
   </div>
   <!-- c21-ico-done -->
   <div *ngIf="status == MSG_STATUS_SENT_SERVER" class="icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs><style>.cls-1{fill:none;}</style></defs><title>ic_done</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><path class="cls-1" d="M0,0H18V18H0Z"/><path d="M6.75,12.15,3.6,9,2.55,10l4.2,4.2,9-9-1-1.05Z"/></g></g></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <defs>
+        <style>.cls-1{fill:none;}</style>
+      </defs>
+      <!-- <title>ic_done</title> -->
+      <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+          <path class="cls-1" d="M0,0H18V18H0Z"/>
+          <path d="M6.75,12.15,3.6,9,2.55,10l4.2,4.2,9-9-1-1.05Z"/>
+        </g>
+      </g>
+    </svg>
   </div>
   <!-- c21-ico-done_all -->
   <div *ngIf="status == MSG_STATUS_RETURN_RECEIPT" class="icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs><style>.cls-1{fill:none;}</style></defs><title>ic_done_all</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><path class="cls-1" d="M0,0H18V18H0Z"/><path d="M13.5,5.25,12.44,4.19,7.69,8.95,8.74,10Zm3.18-1.06L8.74,12.13,5.61,9,4.55,10.06l4.19,4.19,9-9ZM.31,10.06,4.5,14.25l1.06-1.06L1.37,9Z"/></g></g></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <defs>
+        <style>.cls-1{fill:none;}</style>
+      </defs>
+      <!-- <title>ic_done_all</title> -->
+      <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+          <path class="cls-1" d="M0,0H18V18H0Z"/>
+          <path d="M13.5,5.25,12.44,4.19,7.69,8.95,8.74,10Zm3.18-1.06L8.74,12.13,5.61,9,4.55,10.06l4.19,4.19,9-9ZM.31,10.06,4.5,14.25l1.06-1.06L1.37,9Z"/>
+        </g>
+      </g>
+    </svg>
   </div>
 </div>

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.html

@@ -76,7 +76,7 @@
 
 
 <ion-item button="true" lines="none" class="ion-no-padding" [class.ion-selected]="conversation?.uid === uidConvSelected"
-  *ngFor="let conversation of listConversations" (click)="openConversationByID(conversation)" detail=false>
+  *ngFor="let conversation of listConversations; let index= index" (click)="openConversationByID(conversation)" detail=false>
   <div tabindex="0"></div>
 
   <!-- <div [class.selected]="conversation.uid === uidConvSelected"></div> -->

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.ts

@@ -41,7 +41,7 @@ export class IonListConversationsComponent extends ListConversationsComponent im
   public alert_lbl: string;
   public actionNotAllowed_lbl: string;
   public youAreNoLongerAmongTheTeammatesManagingThisConversation_lbl: string;
-public ok_lbl: string;
+  public ok_lbl: string;
 
   tooltip_options = {
     'show-delay': 0,
@@ -119,35 +119,22 @@ public ok_lbl: string;
 
 
   translateLbls() {
-    this.translate.get('Resolve')
-      .subscribe((text: string) => {
-        this.resolve_btn_tooltip = text;
-      });
-
-    this.translate.get('Archive')
-      .subscribe((text: string) => {
-        this.archive_btn_tooltip = text;
-      });
-
-    this.translate.get('ALERT_TITLE')
-      .subscribe((text: string) => {
-        this.alert_lbl = text;
-      });
-
-      this.translate.get('ActionNotAllowed')
-      .subscribe((text: string) => {
-        this.actionNotAllowed_lbl = text;
-      });
-
-      this.translate.get('YouAreNoLongerAmongTheTeammatesManagingThisConversation')
-      .subscribe((text: string) => {
-        this.youAreNoLongerAmongTheTeammatesManagingThisConversation_lbl = text;
-      });
-
-      this.translate.get('CLOSE_ALERT_CONFIRM_LABEL')
-      .subscribe((text: string) => {
-        this.ok_lbl = text;
-      });
+    const translationKeys = [
+      'Resolve',
+      'Archive',
+      'ALERT_TITLE',
+      'ActionNotAllowed',
+      'CLOSE_ALERT_CONFIRM_LABEL',
+      'YouAreNoLongerAmongTheTeammatesManagingThisConversation'
+    ]
+    this.translate.get(['Resolve', 'Archive', 'ALERT_TITLE']).subscribe((translations: string) => {
+        this.resolve_btn_tooltip = translations['Resolve'];
+        this.archive_btn_tooltip = translations['Archive'];
+        this.alert_lbl = translations['ALERT_TITLE']
+        this.actionNotAllowed_lbl = translations['ActionNotAllowed']
+        this.ok_lbl = translations['CLOSE_ALERT_CONFIRM_LABEL']
+        this.youAreNoLongerAmongTheTeammatesManagingThisConversation_lbl = translations['YouAreNoLongerAmongTheTeammatesManagingThisConversation']
+    });
   }
 
   setMomentLocale() {
@@ -227,6 +214,7 @@ public ok_lbl: string;
     var conversationId = conversation.uid;
     this.logger.log('[ION-LIST-CONVS-COMP] - closeConversation - conversationId ', conversationId)
     this.onCloseConversation.emit(conversation)
+    let currentIndex = this.listConversations.findIndex(conv => conv.uid === conversation.uid)
   }
 
 

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.html

@@ -1,5 +1,5 @@
 <ion-header no-border class="ion-no-border">
-  <ion-toolbar style="height:60px">
+  <ion-toolbar>
     <ion-buttons slot="start" style="height:60px" *ngIf="isMobile">
       <!-- (click)="pushPage('conversations-list')" defaultHref="/conversations-list" -->
       <ion-back-button style="display: block;" text=""  (click)="goBackToConversationList()">

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.scss

@@ -25,6 +25,8 @@ ion-header {
     }
     ion-title {
         text-align: left;
+        padding-inline: unset;
+        margin: 0px 10px;
         height: 40px;
         width: 100%;
     }

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/project-item/project-item.component.ts

@@ -1,3 +1,4 @@
+import { EventsService } from './../../services/events-service';
 import { Component, EventEmitter, HostListener, OnInit, Output } from '@angular/core';
 import { WebsocketService } from 'src/app/services/websocket/websocket.service';
 import { Subject } from 'rxjs';
@@ -53,6 +54,7 @@ export class ProjectItemComponent implements OnInit {
     public tiledeskService: TiledeskService,
     public webSocketJs: WebSocketJs,
     private appConfigProvider: AppConfigProvider,
+    public events: EventsService
   ) { }
 
   ngOnInit() {
@@ -209,10 +211,13 @@ export class ProjectItemComponent implements OnInit {
       this.logger.log('[PROJECT-ITEM] - LAST PROJECT PARSED ', this.project)
     }
 
+    
+
 
   }
 
   doProjectSubscriptions(project) {
+    this.events.publish('storage:last_project', project)
     this.logger.log('[PROJECT-ITEM] doProjectSubscriptions project ', project)
     if (project) {
       const user_role = this.project.role