@chat21/chat21-ionic 3.0.64 → 3.0.65

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

@@ -1,3 +1,4 @@
+import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
 import { ArchivedConversationsHandlerService } from 'src/chat21-core/providers/abstract/archivedconversations-handler.service'
 import { Component, OnInit, ViewChild } from '@angular/core'
 import { IonContent, ModalController } from '@ionic/angular'
@@ -17,6 +18,8 @@ import {
   closeModal,
   convertMessage,
   isGroup,
+  searchIndexInArrayForUid,
+  compareValues,
 } from '../../../chat21-core/utils/utils'
 
 import { EventsService } from '../../services/events-service'
@@ -118,6 +121,7 @@ export class ConversationListPage implements OnInit {
     public appConfigProvider: AppConfigProvider,
     public platform: Platform,
     private networkService: NetworkService,
+    private appStorageService: AppStorageService
   ) {
     this.listenToAppCompConvsLengthOnInitConvs()
     this.listenToLogoutEvent()
@@ -138,25 +142,14 @@ export class ConversationListPage implements OnInit {
         this.setUidConvSelected(IDConv, 'active')
       }
       if (!IDConv) {
-        this.logger.log(
-          '[CONVS-LIST-PAGE] - listen To convid:haschanged - is the page without conv select',
-        )
+        this.logger.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - is the page without conv select',)
 
         const chatTabCount = +localStorage.getItem('tabCount')
-        this.logger.log(
-          '[CONVS-LIST-PAGE] - listen To convid:haschanged - chatTabCount ',
-          chatTabCount,
-        )
+        this.logger.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - chatTabCount ',chatTabCount,)
         if (chatTabCount && chatTabCount > 0) {
-          this.logger.log(
-            '[CONVS-LIST-PAGE] - listen To convid:haschanged - the chat is already open ',
-            chatTabCount,
-          )
+          this.logger.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - the chat is already open ',chatTabCount)
           if (checkPlatformIsMobile()) {
-            this.logger.log(
-              '[CONVS-LIST-PAGE] - the chat is in mobile mode ',
-              checkPlatformIsMobile(),
-            )
+            this.logger.log('[CONVS-LIST-PAGE] - the chat is in mobile mode ',checkPlatformIsMobile())
             this.events.publish('noparams:mobile', true)
           }
         }
@@ -179,46 +172,7 @@ export class ConversationListPage implements OnInit {
   ngOnInit() {
     this.watchToConnectionStatus()
     this.getAppConfigToHideDiplayBtns()
-
-    // const currentUrl = this.router.url;
-    // this.logger.log('[CONVS-LIST-PAGE] current_url ngOnInit ', currentUrl);
-    // this.route.queryParams.subscribe(params => {
-    //   this.logger.log('[CONVS-LIST-PAGE] ngOnInit params', params);
-    //   if (params && params.convId) {
-    //     console.log('[CONVS-LIST-PAGE] ngOnInit params convId:', params.convId);
-
-    //     const conversationSelected = this.conversations.find(item => item.uid === params.convId);
-    //     if (conversationSelected) {
-    //       this.conversationSelected = conversationSelected;
-    //       console.log('[CONVS-LIST-PAGE] ngOnInit params convselected - conversationSelected: ', this.conversationSelected);
-    //       setTimeout(() => {
-    //         // this.navigateByUrl('active', params.convId)
-    //       }, 0);
-    //     }
-
-    //   } else {
-    //     console.log('[CONVS-LIST-PAGE] ngOnInit params No convId Params ');
-    //   }
-    //   if (params && params.contact_id && params.contact_fullname) {
-    //     this.logger.log('[CONVS-LIST-PAGE] ngOnInit params contact_id:', params.contact_id, 'contact_fullname ', params.contact_fullname);
-    //     setTimeout(() => {
-    //       this.router.navigateByUrl('conversation-detail/' + params.contact_id + '/' + params.contact_fullname + '/new');
-    //     }, 0);
-    //     this.uidConvSelected = params.contact_id
-    //   } else {
-    //     this.logger.log('[CONVS-LIST-PAGE] ngOnInit params No contact_id and contact_fullname Params ');
-    //   }
-
-    //   if (params && params.conversation_detail) {
-    //     this.logger.log('[CONVS-LIST-PAGE] ngOnInit params conversation_detail:', params.conversation_detail);
-    //     setTimeout(() => {
-    //       this.router.navigateByUrl('conversation-detail/');
-    //     }, 0);
-    //   } else {
-    //     this.logger.log('[CONVS-LIST-PAGE] ngOnInit params No conversation_detail Params ');
-    //   }
-
-    // });
+    
   }
 
   ngOnChanges() {
@@ -230,15 +184,6 @@ export class ConversationListPage implements OnInit {
     this.logger.log('[CONVS-LIST-PAGE] getConversationListHeight scrollbar2element', scrollbar2element)
   }
 
-  // this.support_mode = null
-  // if( this.appConfigProvider.getConfig().supportMode === true ||  this.appConfigProvider.getConfig().supportMode === 'true') {
-  //   this.support_mode = true
-  // } else if ( this.appConfigProvider.getConfig().supportMode === false  ||  this.appConfigProvider.getConfig().supportMode === 'false') {
-  //   this.support_mode = false
-  // } else if ( !this.appConfigProvider.getConfig().supportMode ) {
-  //   this.support_mode = false
-  // }
-
   getAppConfigToHideDiplayBtns() {
     const appConfig = this.appConfigProvider.getConfig()
     // console.log('[CONVS-LIST-PAGE] - appConfig ', appConfig)
@@ -266,7 +211,6 @@ export class ConversationListPage implements OnInit {
       this.writeto_btn = false;
       this.logger.log('[CONVS-LIST-PAGE] getAppConfigToHideDiplayBtns writeto_btn ', this.writeto_btn)
     }
-    // console.log('[ION-LIST-CONVS-COMP] - supportMode ', this.supportMode)
   }
 
   watchToConnectionStatus() {
@@ -285,12 +229,9 @@ export class ConversationListPage implements OnInit {
 
   ionViewWillEnter() {
     this.logger.log('Called ionViewDidEnter')
-    this.logger.log(
-      '[CONVS-LIST-PAGE] ionViewWillEnter uidConvSelected',
-      this.uidConvSelected,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] ionViewWillEnter uidConvSelected',this.uidConvSelected )
     this.listnerStart()
-
+    // this.conversations = this.manageStoredConversations()
     // exit from app with hardware back button
     this.subscription = this.platform.backButton.subscribe(() => {
       navigator['app'].exitApp()
@@ -313,29 +254,18 @@ export class ConversationListPage implements OnInit {
   openUnsevedConversationIframe(event) {
     this.logger.log('[CONVS-LIST-PAGE] openUnsevedConversationIframe ', event)
     this.hasClickedOpenUnservedConvIframe = true
-    this.logger.log(
-      '[CONVS-LIST-PAGE] - HAS CLIKED OPEN UNSERVED REQUEST IFRAME',
-      this.hasClickedOpenUnservedConvIframe,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] - HAS CLIKED OPEN UNSERVED REQUEST IFRAME',this.hasClickedOpenUnservedConvIframe )
     const DASHBOARD_BASE_URL = this.appConfigProvider.getConfig().dashboardUrl
     // http://localhost:4204/#/projects-for-panel
     this.PROJECTS_FOR_PANEL_URL = DASHBOARD_BASE_URL + '#/projects-for-panel'
-    this.UNASSIGNED_CONVS_URL =
-      DASHBOARD_BASE_URL +
-      '#/project/' +
-      this.lastProjectId +
-      '/unserved-request-for-panel'
+    this.UNASSIGNED_CONVS_URL = DASHBOARD_BASE_URL + '#/project/' + this.lastProjectId + '/unserved-request-for-panel'
 
     if (event === 'pinbtn') {
       this.IFRAME_URL = this.PROJECTS_FOR_PANEL_URL
     } else {
       this.IFRAME_URL = this.UNASSIGNED_CONVS_URL
     }
-
-    this.logger.log(
-      '[CONVS-LIST-PAGE] - HAS CLIKED OPEN UNSERVED REQUEST IFRAME > UNASSIGNED CONVS URL',
-      this.UNASSIGNED_CONVS_URL,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] - HAS CLIKED OPEN UNSERVED REQUEST IFRAME > UNASSIGNED CONVS URL',this.UNASSIGNED_CONVS_URL )
     this.openUnassignedConversations(this.IFRAME_URL, event)
   }
 
@@ -360,10 +290,7 @@ export class ConversationListPage implements OnInit {
     try {
       closeModal(this.modalController)
     } catch (err) {
-      this.logger.error(
-        '[CONVS-LIST-PAGE] closeContactsDirectory -> error:',
-        err,
-      )
+      this.logger.error( '[CONVS-LIST-PAGE] closeContactsDirectory -> error:', err)
     }
   }
 
@@ -372,46 +299,23 @@ export class ConversationListPage implements OnInit {
     const that = this
     if (navigator && navigator.serviceWorker) {
       navigator.serviceWorker.addEventListener('message', function (event) {
-        that.logger.log(
-          '[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker event data: ',
-          event.data,
-        )
-        that.logger.log(
-          '[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker event data data: ',
-          event.data['data'],
-        )
-        that.logger.log(
-          '[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker event data data typeof: ',
-          typeof event.data['data'],
-        )
+        that.logger.log('[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker event data: ', event.data)
+        that.logger.log('[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker event data data: ', event.data['data'] )
+        that.logger.log('[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker event data data typeof: ', typeof event.data['data'] )
         let uidConvSelected = ''
         if (event.data && event.data['conversWith']) {
           uidConvSelected = event.data['conversWith']
         } else {
-          that.logger.log(
-            '[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - DIFFERENT MSG',
-          )
+          that.logger.log('[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - DIFFERENT MSG',)
           return
         }
 
-        that.logger.log(
-          '[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker event dataObjct uidConvSelected: ',
-          uidConvSelected,
-        )
-        that.logger.log(
-          '[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker that.conversations: ',
-          that.conversations,
-        )
-        const conversationSelected = that.conversations.find(
-          (item) => item.uid === uidConvSelected,
-        )
+        that.logger.log('[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker event dataObjct uidConvSelected: ', uidConvSelected )
+        that.logger.log('[CONVS-LIST-PAGE] FIREBASE-NOTIFICATION  listenToNotificationCLick - Received a message from service worker that.conversations: ', that.conversations)
+        const conversationSelected = that.conversations.find((item) => item.uid === uidConvSelected)
         if (conversationSelected) {
           that.conversationSelected = conversationSelected
-          that.logger.log(
-            '[CONVS-LIST-PAGE] listenToNotificationCLick- Received a message from service worker event conversationSelected: ',
-            that.conversationSelected,
-          )
-
+          that.logger.log('[CONVS-LIST-PAGE] listenToNotificationCLick- Received a message from service worker event conversationSelected: ', that.conversationSelected )
           that.navigateByUrl('active', uidConvSelected)
         }
       })
@@ -420,68 +324,61 @@ export class ConversationListPage implements OnInit {
 
   private listnerStart() {
     const that = this
-    this.chatManager.BSStart.pipe(takeUntil(that.unsubscribe$)).subscribe(
-      (data: any) => {
-        this.logger.log(
-          '[CONVS-LIST-PAGE] - BSStart SUBSCR DATA - Current user *****',
-          data,
-        )
+    this.chatManager.BSStart.pipe(takeUntil(that.unsubscribe$)).subscribe((data: any) => {
+        this.logger.log('[CONVS-LIST-PAGE] - BSStart SUBSCR DATA - Current user *****', data)
         if (data) {
           that.initialize()
         }
-      },
-      (error) => {
+    },(error) => {
         this.logger.error('[CONVS-LIST-PAGE] - BSStart SUBSCR - ERROR: ', error)
-      },
-      () => {
+    },() => {
         this.logger.log('[CONVS-LIST-PAGE] - BSStart SUBSCR * COMPLETE *')
-      },
-    )
+    })
   }
 
   // ------------------------------------------------------------------ //
   // Init convrsation handler
   // ------------------------------------------------------------------ //
   initConversationsHandler() {
+    // this.conversations = this.manageStoredConversations()
     this.conversations = this.conversationsHandlerService.conversations
-    this.logger.log('[CONVS-LIST-PAGE] - CONVERSATIONS ', this.conversations)
+    this.logger.log('[CONVS-LIST-PAGE] - CONVERSATIONS ', this.conversations.length, this.conversations)
     // save conversationHandler in chatManager
     this.chatManager.setConversationsHandler(this.conversationsHandlerService)
     this.showPlaceholder = false
   }
 
+  private manageStoredConversations(): ConversationModel[] {
+    let conversationsStored = []
+    if(this.appStorageService.getItem('conversations')){
+      conversationsStored = JSON.parse(this.appStorageService.getItem('conversations'))
+      if(conversationsStored && conversationsStored.length > 0) {
+        // this.conversationsHandlerService.conversations = conversationsStored
+        this.logger.log('[CONVS-LIST-PAGE] retrive conversations from storage --> ', conversationsStored.length)
+        this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
+      }
+    }
+    return conversationsStored
+  }
+
   initArchivedConversationsHandler() {
     const keysConversation = ['CLOSED', 'Resolve']
-    this.translationMapConversation = this.translateService.translateLanguage(
-      keysConversation,
-    )
+    this.translationMapConversation = this.translateService.translateLanguage( keysConversation )
 
     this.archivedConversationsHandlerService.subscribeToConversations(() => {
-      this.logger.log(
-        '[CONVS-LIST-PAGE]-CONVS - conversations archived length ',
-        this.archivedConversations.length,
-      )
+      this.logger.log('[CONVS-LIST-PAGE]-CONVS - conversations archived length ',this.archivedConversations.length)
     })
 
     this.archivedConversations = this.archivedConversationsHandlerService.archivedConversations
-    this.logger.log(
-      '[CONVS-LIST-PAGE] archived conversation',
-      this.archivedConversations,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] archived conversation',this.archivedConversations )
 
     // save archivedConversationsHandlerService in chatManager
     this.chatManager.setArchivedConversationsHandler(
       this.archivedConversationsHandlerService,
     )
 
-    this.logger.log(
-      '[CONVS-LIST-PAGE]-CONVS SubscribeToConversations - conversations archived length ',
-      this.archivedConversations.length,
-    )
-    if (
-      !this.archivedConversations ||
-      this.archivedConversations.length === 0
-    ) {
+    this.logger.log('[CONVS-LIST-PAGE]-CONVS SubscribeToConversations - conversations archived length ', this.archivedConversations.length )
+    if (!this.archivedConversations || this.archivedConversations.length === 0 ) {
       this.loadingIsActive = false
     }
   }
@@ -494,26 +391,17 @@ export class ConversationListPage implements OnInit {
   // - for the direct conversation
   // ----------------------------------------------------------------------------------------------------
   listenToAppCompConvsLengthOnInitConvs() {
-    this.events.subscribe(
-      'appcompSubscribeToConvs:loadingIsActive',
-      (loadingIsActive) => {
-        this.logger.log(
-          '[CONVS-LIST-PAGE]-CONVS loadingIsActive',
-          loadingIsActive,
-        )
-        if (loadingIsActive === false) {
-          this.loadingIsActive = false
-        }
-      },
-    )
+    this.events.subscribe( 'appcompSubscribeToConvs:loadingIsActive', (loadingIsActive) => {
+      this.logger.log( '[CONVS-LIST-PAGE]-CONVS loadingIsActive', loadingIsActive)
+      if (loadingIsActive === false) {
+        this.loadingIsActive = false
+      }
+    })
   }
 
   listenGoOnline() {
     this.events.subscribe('go:online', (goonline) => {
-      this.logger.info(
-        '[CONVS-LIST-PAGE] - listen To go:online - goonline',
-        goonline,
-      )
+      this.logger.info('[CONVS-LIST-PAGE] - listen To go:online - goonline',goonline)
       // this.events.unsubscribe('profileInfoButtonClick:logout')
       if (goonline === true) {
         this.displayNewConvsItem = true
@@ -523,10 +411,7 @@ export class ConversationListPage implements OnInit {
 
   listenGoOffline() {
     this.events.subscribe('go:offline', (offline) => {
-      this.logger.info(
-        '[CONVS-LIST-PAGE] - listen To go:offline - offline',
-        offline,
-      )
+      this.logger.info('[CONVS-LIST-PAGE] - listen To go:offline - offline',offline)
       // this.events.unsubscribe('profileInfoButtonClick:logout')
       if (offline === true) {
         this.displayNewConvsItem = false
@@ -535,31 +420,19 @@ export class ConversationListPage implements OnInit {
   }
 
   listenToLogoutEvent() {
-    this.events.subscribe(
-      'profileInfoButtonClick:logout',
-      (hasclickedlogout) => {
-        this.logger.info(
-          '[CONVS-LIST-PAGE] - listenToLogoutEvent - hasclickedlogout',
-          hasclickedlogout,
-        )
+    this.events.subscribe('profileInfoButtonClick:logout', (hasclickedlogout) => {
+        this.logger.info('[CONVS-LIST-PAGE] - listenToLogoutEvent - hasclickedlogout',hasclickedlogout)
 
         this.conversations = []
         this.conversationsHandlerService.conversations = []
         this.uidConvSelected = null
 
-        this.logger.log(
-          '[CONVS-LIST-PAGE] - listenToLogoutEvent - CONVERSATIONS ',
-          this.conversations,
-        )
-        this.logger.log(
-          '[CONVS-LIST-PAGE] - listenToLogoutEvent - uidConvSelected ',
-          this.uidConvSelected,
-        )
+        this.logger.log('[CONVS-LIST-PAGE] - listenToLogoutEvent - CONVERSATIONS ', this.conversations )
+        this.logger.log('[CONVS-LIST-PAGE] - listenToLogoutEvent - uidConvSelected ', this.uidConvSelected )
         if (hasclickedlogout === true) {
           this.loadingIsActive = false
         }
-      },
-    )
+    })
   }
 
   // ------------------------------------------------------------------
@@ -592,50 +465,36 @@ export class ConversationListPage implements OnInit {
     //   this.readAllMessages(conversationId);
     // });
 
-    this.conversationsHandlerService.conversationAdded.subscribe(
-      (conversation: ConversationModel) => {
+    this.conversationsHandlerService.conversationAdded.subscribe((conversation: ConversationModel) => {
         // this.logger.log('[CONVS-LIST-PAGE] ***** conversationsAdded *****', conversation);
         // that.conversationsChanged(conversations);
         if (conversation) {
           this.onImageLoaded(conversation)
           this.onConversationLoaded(conversation)
         }
-      },
-    )
+    })
 
-    this.conversationsHandlerService.conversationChanged.subscribe(
-      (conversation: ConversationModel) => {
+    this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
         // this.logger.log('[CONVS-LIST-PAGE] ***** subscribeConversationChanged *****', conversation);
         // that.conversationsChanged(conversations)
         if (conversation) {
           this.onImageLoaded(conversation)
           this.onConversationLoaded(conversation)
         }
-      },
-    )
+    })
 
-    this.conversationsHandlerService.conversationRemoved.subscribe(
-      (conversation: ConversationModel) => {
-        this.logger.log(
-          '[CONVS-LIST-PAGE] ***** conversationsRemoved *****',
-          conversation,
-        )
-      },
-    )
+    this.conversationsHandlerService.conversationRemoved.subscribe((conversation: ConversationModel) => {
+        this.logger.log('[CONVS-LIST-PAGE] ***** conversationsRemoved *****',conversation)
+    })
 
-    this.archivedConversationsHandlerService.archivedConversationAdded.subscribe(
-      (conversation: ConversationModel) => {
-        this.logger.log(
-          '[CONVS-LIST-PAGE] ***** archivedConversationAdded *****',
-          conversation,
-        )
+    this.archivedConversationsHandlerService.archivedConversationAdded.subscribe((conversation: ConversationModel) => {
+        this.logger.log('[CONVS-LIST-PAGE] ***** archivedConversationAdded *****',conversation)
         // that.conversationsChanged(conversations);
         if (conversation) {
           this.onImageLoaded(conversation)
           this.onConversationLoaded(conversation)
         }
-      },
-    )
+    })
   }
 
   // ------------------------------------------------------------------------------------
@@ -644,14 +503,8 @@ export class ConversationListPage implements OnInit {
   subscribeLoggedUserLogout = () => {
     this.conversations = []
     this.uidConvSelected = null
-    this.logger.log(
-      '[CONVS-LIST-PAGE] - subscribeLoggedUserLogout conversations ',
-      this.conversations,
-    )
-    this.logger.log(
-      '[CONVS-LIST-PAGE] - subscribeLoggedUserLogout uidConvSelected ',
-      this.uidConvSelected,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] - subscribeLoggedUserLogout conversations ',this.conversations)
+    this.logger.log('[CONVS-LIST-PAGE] - subscribeLoggedUserLogout uidConvSelected ',this.uidConvSelected)
   }
 
   // ------------------------------------------------------------------------------------
@@ -659,15 +512,10 @@ export class ConversationListPage implements OnInit {
   // ------------------------------------------------------------------------------------
   conversationsChanged = (conversations: ConversationModel[]) => {
     this.numberOpenConv = this.conversationsHandlerService.countIsNew()
-    this.logger.log(
-      '[CONVS-LIST-PAGE] - conversationsChanged - NUMB OF CONVERSATIONS: ',
-      this.numberOpenConv,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] - conversationsChanged - NUMB OF CONVERSATIONS: ',this.numberOpenConv)
     // console.log('conversationsChanged »»»»»»»»» uidConvSelected', that.conversations[0], that.uidConvSelected);
     if (this.uidConvSelected && !this.conversationSelected) {
-      const conversationSelected = this.conversations.find(
-        (item) => item.uid === this.uidConvSelected,
-      )
+      const conversationSelected = this.conversations.find((item) => item.uid === this.uidConvSelected)
       if (conversationSelected) {
         this.conversationSelected = conversationSelected
         this.setUidConvSelected(this.uidConvSelected)
@@ -684,26 +532,13 @@ export class ConversationListPage implements OnInit {
   // !!!!!! IS USED? ?????
   // ------------------------------
   subscribeChangedConversationSelected = (user: UserModel, type: string) => {
-    this.logger.log(
-      '[CONVS-LIST-PAGE]  ************** subscribeUidConvSelectedChanged navigateByUrl',
-      user,
-      type,
-    )
+    this.logger.log('[CONVS-LIST-PAGE]  ************** subscribeUidConvSelectedChanged navigateByUrl',user, type)
     this.uidConvSelected = user.uid
-    this.logger.log(
-      '[CONVS-LIST-PAGE]  ************** uidConvSelected ',
-      this.uidConvSelected,
-    )
+    this.logger.log('[CONVS-LIST-PAGE]  ************** uidConvSelected ', this.uidConvSelected)
     // this.conversationsHandlerService.uidConvSelected = user.uid;
-    const conversationSelected = this.conversations.find(
-      (item) => item.uid === this.uidConvSelected,
-    )
+    const conversationSelected = this.conversations.find( (item) => item.uid === this.uidConvSelected)
     if (conversationSelected) {
-      this.logger.log(
-        '[CONVS-LIST-PAGE] --> uidConvSelected: ',
-        this.conversationSelected,
-        this.uidConvSelected,
-      )
+      this.logger.log('[CONVS-LIST-PAGE] --> uidConvSelected: ',this.conversationSelected, this.uidConvSelected)
       this.conversationSelected = conversationSelected
     }
     // this.router.navigateByUrl('conversation-detail/' + user.uid + '?conversationWithFullname=' + user.fullname);
@@ -714,10 +549,7 @@ export class ConversationListPage implements OnInit {
    * evento richiamato quando si seleziona bottone profile-info-modal
    */
   subscribeProfileInfoButtonClicked = (event: string) => {
-    this.logger.log(
-      '[CONVS-LIST-PAGE] ************** subscribeProfileInfoButtonClicked: ',
-      event,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] ************** subscribeProfileInfoButtonClicked: ', event)
     if (event === 'displayArchived') {
       this.initArchivedConversationsHandler()
       // this.openArchivedConversationsModal()
@@ -727,15 +559,11 @@ export class ConversationListPage implements OnInit {
       const keys = ['LABEL_ARCHIVED']
       // const keys = ['History'];
 
-      this.headerTitle = this.translateService
-        .translateLanguage(keys)
-        .get(keys[0])
+      this.headerTitle = this.translateService.translateLanguage(keys).get(keys[0])
     } else if (event === 'displayContact') {
       this.conversationType = 'archived'
       const keys = ['LABEL_CONTACTS']
-      this.headerTitle = this.translateService
-        .translateLanguage(keys)
-        .get(keys[0])
+      this.headerTitle = this.translateService.translateLanguage(keys).get(keys[0])
     }
   }
 
@@ -783,10 +611,7 @@ export class ConversationListPage implements OnInit {
   initialize() {
     const appconfig = this.appConfigProvider.getConfig()
     this.tenant = appconfig.firebaseConfig.tenant
-    this.logger.log(
-      '[CONVS-LIST-PAGE] - initialize -> firebaseConfig tenant ',
-      this.tenant,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] - initialize -> firebaseConfig tenant ',this.tenant)
 
     if (this.tiledeskAuthService.getCurrentUser()) {
       this.loggedUserUid = this.tiledeskAuthService.getCurrentUser().uid
@@ -813,22 +638,18 @@ export class ConversationListPage implements OnInit {
   // It only works on BSStart.subscribe! it is useful or can be eliminated
   // --------------------------------------------------------
   initVariables() {
-    this.logger.log(
-      '[CONVS-LIST-PAGE] uidReciverFromUrl:: ' + this.uidReciverFromUrl,
-    )
+    this.logger.log('[CONVS-LIST-PAGE] uidReciverFromUrl:: ' + this.uidReciverFromUrl)
     this.logger.log('[CONVS-LIST-PAGE] loggedUserUid:: ' + this.loggedUserUid)
     this.logger.log('[CONVS-LIST-PAGE] tenant:: ' + this.tenant)
     if (this.route.component['name'] !== 'ConversationListPage') {
       if (this.route && this.route.snapshot && this.route.snapshot.firstChild) {
         const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv')
+        const convType = this.route.snapshot.firstChild.paramMap.get('Convtype')
         this.logger.log('[CONVS-LIST-PAGE] conversationWith 2: ', IDConv)
         if (IDConv) {
-          this.setUidConvSelected(IDConv)
+          this.setUidConvSelected(IDConv, convType)
         } else {
-          this.logger.log(
-            '[CONVS-LIST-PAGE] conversationWith 2 (else): ',
-            IDConv,
-          )
+          this.logger.log('[CONVS-LIST-PAGE] conversationWith 2 (else): ',IDConv)
         }
       }
     }
@@ -846,12 +667,15 @@ export class ConversationListPage implements OnInit {
       let conversationSelected
       if (conversationType === 'active') {
         conversationSelected = this.conversations.find((item) => item.uid === this.uidConvSelected)
-      } else if (conversationType === 'archived') { conversationSelected = this.archivedConversations.find((item) => item.uid === this.uidConvSelected) }
+      } else if (conversationType === 'archived') { 
+        conversationSelected = this.archivedConversations.find((item) => item.uid === this.uidConvSelected)
+      }
       if (conversationSelected) {
-        this.logger.log('[CONVS-LIST-PAGE] conversationSelected', conversationSelected,)
+        this.logger.log('[CONVS-LIST-PAGE] conversationSelected', conversationSelected)
         this.logger.log('[CONVS-LIST-PAGE] the conversation ', this.conversationSelected, ' has already been loaded')
         this.conversationSelected = conversationSelected
         this.logger.log('[CONVS-LIST-PAGE] setUidConvSelected: ', this.conversationSelected)
+        conversationType === 'active'? this.conversationsHandlerService.uidConvSelected = conversationSelected.uid : this.archivedConversationsHandlerService.uidConvSelected = conversationSelected.uid
       }
     }
   }
@@ -860,10 +684,12 @@ export class ConversationListPage implements OnInit {
     this.logger.log('onConversationSelected conversation', conversation)
     if (conversation.archived) {
       this.navigateByUrl('archived', conversation.uid)
+      this.archivedConversationsHandlerService.uidConvSelected = conversation.uid
       this.logger.log('[CONVS-LIST-PAGE] onConversationSelected archived conversation.uid ', conversation.uid,
       )
     } else {
       this.navigateByUrl('active', conversation.uid)
+      this.conversationsHandlerService.uidConvSelected = conversation.uid
       this.logger.log('[CONVS-LIST-PAGE] onConversationSelected active conversation.uid ', conversation.uid)
     }
   }
@@ -882,9 +708,7 @@ export class ConversationListPage implements OnInit {
       conversation_with_fullname = conversation.recipient_fullname
     }
     if (!conversation_with.startsWith('support-group')) {
-      conversation.image = this.imageRepoService.getImagePhotoUrl(
-        conversation_with,
-      )
+      conversation.image = this.imageRepoService.getImagePhotoUrl(conversation_with)
     }
   }
 
@@ -1048,29 +872,18 @@ export class ConversationListPage implements OnInit {
       this.logger.log('[CONVS-LIST-PAGE] onCloseConversation conversationId: ', conversationId)
 
       const conversationWith_segments = conversationId.split('-')
-      this.logger.log(
-        '[CONVS-LIST-PAGE] - conversationId_segments: ',
-        conversationWith_segments,
-      )
+      this.logger.log('[CONVS-LIST-PAGE] - conversationId_segments: ',conversationWith_segments)
 
       // Removes the last element of the array if is = to the separator
-      if (
-        conversationWith_segments[conversationWith_segments.length - 1] === ''
-      ) {
+      if (conversationWith_segments[conversationWith_segments.length - 1] === '') {
         conversationWith_segments.pop()
       }
 
       if (conversationWith_segments.length === 4) {
         const lastArrayElement =
           conversationWith_segments[conversationWith_segments.length - 1]
-        this.logger.log(
-          '[CONVS-LIST-PAGE] - lastArrayElement ',
-          lastArrayElement,
-        )
-        this.logger.log(
-          '[CONVS-LIST-PAGE] - lastArrayElement length',
-          lastArrayElement.length,
-        )
+        this.logger.log('[CONVS-LIST-PAGE] - lastArrayElement ',lastArrayElement)
+        this.logger.log('[CONVS-LIST-PAGE] - lastArrayElement length',lastArrayElement.length)
         if (lastArrayElement.length !== 32) {
           conversationWith_segments.pop()
         }
@@ -1082,11 +895,7 @@ export class ConversationListPage implements OnInit {
           project_id = conversationWith_segments[2]
 
           const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()
-          this.archiveSupportGroupConv(
-            tiledeskToken,
-            project_id,
-            conversationId,
-          )
+          this.archiveSupportGroupConv(tiledeskToken,project_id,conversationId,)
         } else {
           this.getProjectIdByConversationWith(conversationId)
         }
@@ -1099,89 +908,42 @@ export class ConversationListPage implements OnInit {
   getProjectIdByConversationWith(conversationId: string) {
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()
 
-    this.tiledeskService
-      .getProjectIdByConvRecipient(tiledeskToken, conversationId)
-      .subscribe(
-        (res) => {
-          this.logger.log(
-            '[CONVS-LIST-PAGE] - GET PROJECTID BY CONV RECIPIENT RES',
-            res,
-          )
+    this.tiledeskService.getProjectIdByConvRecipient(tiledeskToken, conversationId).subscribe((res) => {
+          this.logger.log('[CONVS-LIST-PAGE] - GET PROJECTID BY CONV RECIPIENT RES',res)
 
           if (res) {
             const project_id = res.id_project
-            this.logger.log(
-              '[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT  project_id',
-              project_id,
-            )
-            this.archiveSupportGroupConv(
-              tiledeskToken,
-              project_id,
-              conversationId,
-            )
+            this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT  project_id',project_id)
+            this.archiveSupportGroupConv(tiledeskToken,project_id,conversationId)
           }
-        },
-        (error) => {
-          this.logger.error(
-            '[CONVS-LIST-PAGE] - GET PROJECTID BY CONV RECIPIENT - ERROR  ',
-            error,
-          )
-        },
-        () => {
-          this.logger.log(
-            '[CONVS-LIST-PAGE] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *',
-          )
-        },
-      )
+    },(error) => {
+          this.logger.error('[CONVS-LIST-PAGE] - GET PROJECTID BY CONV RECIPIENT - ERROR  ',error)
+    },() => {
+          this.logger.log('[CONVS-LIST-PAGE] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *')
+    })
   }
 
   archiveSupportGroupConv(tiledeskToken, project_id, conversationId) {
-    this.logger.log(
-      '[CONVS-LIST-PAGE] - onCloseConversation projectId: ',
-      project_id,
-    )
-    this.tiledeskService
-      .closeSupportGroup(tiledeskToken, project_id, conversationId)
-      .subscribe(
-        (res) => {
-          this.archiveActionNotAllowed = false
-          this.logger.log(
-            '[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup RES',
-            res,
-          )
-        },
-        (error) => {
-          this.logger.error(
-            '[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup - ERROR  ',
-            error,
-          )
-          this.logger.error(
-            '[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup - ERROR  error.error.msg ',
-            error.error.msg,
-          )
-          this.logger.error(
-            '[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup - ERROR  error.status ',
-            error.status,
-          )
-          if (error.error.msg === 'you dont belong to the project.') {
-            this.archiveActionNotAllowed = true
-          }
-        },
-        () => {
-          this.logger.log(
-            '[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup * COMPLETE *',
-          )
-          this.logger.log(
-            '[CONVS-LIST-PAGE] - onCloseConversation (closeSupportGroup) CONVS ',
-            this.conversations,
-          )
-          this.logger.log(
-            '[CONVS-LIST-PAGE] - onCloseConversation (closeSupportGroup) CONVS LENGHT ',
-            this.conversations.length,
-          )
-          this.events.publish('conversationhasbeenclosed', conversationId)
-        },
-      )
+    this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation projectId: ',project_id)
+    this.tiledeskService.closeSupportGroup(tiledeskToken, project_id, conversationId).subscribe((res) => {
+      this.archiveActionNotAllowed = false
+      this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup RES',res)
+    },(error) => {
+      this.logger.error('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup - ERROR  ',error)
+      this.logger.error('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup - ERROR  error.error.msg ',error.error.msg)
+      this.logger.error('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup - ERROR  error.status ',error.status)
+      if (error.error.msg === 'you dont belong to the project.') {
+        this.archiveActionNotAllowed = true
+      }
+    },() => {
+      this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup * COMPLETE *')
+      this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation (closeSupportGroup) CONVS ',this.conversations)
+      this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation (closeSupportGroup) CONVS LENGHT ',this.conversations.length)
+      this.events.publish('conversationhasbeenclosed', conversationId)
+      if(conversationId === this.uidConvSelected){
+        this.navigateByUrl('archived', conversationId)
+      }
+    })
   }
 
   onCloseAlert($event) {