@chat21/chat21-ionic 3.0.64-rc1 → 3.0.64

package/CHANGELOG.md

@@ -1,10 +1,7 @@
 # chat21-ionic ver 3.0
 
-### 3.0.64-rc1
+### 3.0.64
 - Fixes the bug: in the conversation list, for the direct convesations, the name of the requester changes according to the order of arrival of the conversations
-- Displays balloon messages with a light orange background for "internal notes" type message
-- Adds the html component
-- Improves chat performance by caching conversations
 
 ### 3.0.63
 - Deploys in production
@@ -22,7 +19,7 @@
 - Fixes the bug: images that are not in the database cannot be downloaded
 - Adds default chat color to emojis picker tabs
 - Fixes the bug: the selected conversation is undefined
-- Fixes the bug: in the conversation list, for the support convesations, the name of the requester changes according to the order of arrival of the conversations
+- Fixes the bug: in the conversation list, the name of the requester changes according to the order of arrival of the conversations
 
 ### 3.0.62.3
 - Fixes the bug: the method setTyping fired twice after that a message is sent

package/deploy_amazon_beta.sh

@@ -0,0 +1,29 @@
+#npm version prerelease --preid=beta
+version=`node -e 'console.log(require("./package.json").version)'`
+echo "version $version"
+
+URL_VER=${version//[.]//}
+echo 'URL_VER: ---->'$URL_VER
+
+sed -i -e "s/$URL_VER/g" src/utils/constants.ts
+
+# ng build --prod --base-href /$NEW_BUILD/
+#ionic cordova build browser --prod
+
+ionic cordova platform add browser --save
+#ionic cordova build browser --prod --release
+ionic cordova build --env=pre browser #--prod  --verbose
+
+cp -p src/firebase-messaging-sw.js platforms/browser/www/
+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-dashboard-pre/chat-ionic5/$version/
+aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5/
+cd ../../../
+
+#aws cloudfront create-invalidation --distribution-id E13L8CUUKUWAJF --paths "/*"
+
+echo new version deployed on s3://tiledesk-dashboard-pre/chat-ionic5/$version/
+echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-dashboard-pre/chat-ionic5/$version/index.html

package/deploy_amazon_prod.sh

@@ -0,0 +1,25 @@
+# npm version patch
+version=`node -e 'console.log(require("./package.json").version)'`
+echo "version $version"
+
+URL_VER=${version//[.]//}
+echo 'URL_VER: ---->'$URL_VER
+
+# sed -i -e "s/$start$ver.$build/$start$NEW_VER.$NEW_BUILD/g" src/utils/constants.ts
+sed -i -e "s/$URL_VER/g" src/utils/constants.ts
+ionic cordova platform add browser --save
+#ionic cordova build --env=prod browser  -- --base-href /www/ --prod
+ionic cordova build --env=prod browser --prod 
+cp -p src/firebase-messaging-sw.js platforms/browser/www/
+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/
+cd ../../../
+# aws cloudfront create-invalidation --distribution-id E36UIP90GOSFPM --paths "/*"
+
+# echo new version deployed on s3://tiledesk-dashboard/chat/$NEW_BUILD/
+echo new version deployed on s3://tiledesk-console/v2/chat-ionic5/$version/
+echo available on https://console.tiledesk.com/v2/chat-ionic5/$version/index.html

package/deploy_pre.sh

@@ -1,83 +1,11 @@
-# environment=$(< src/utils/constants.ts)
-# start="CURR_VER_PROD = '0."
-# end="'"
-# one=${environment#*$start}
-# build=${one%%$end*} #two=${one%,*} -> %% prendo la prima istanza; % prendo la seconda
-# NEW_BUILD=$(($build + 1))
-# sed -i -e "s/$start$build/$start$NEW_BUILD/g" src/utils/constants.ts
-
 #npm version prerelease --preid=beta
 version=`node -e 'console.log(require("./package.json").version)'`
 echo "version $version"
 
-URL_VER=${version//[.]//}
-echo 'URL_VER: ---->'$URL_VER
-
-# if [ "$version" != "" ]; then
-#     git tag -a "v$version" -m "`git log -1 --format=%s`"
-#     echo "Created a new tag, v$version"
-#     git push --tags
-#     npm publish
-# fi
-
-sed -i -e "s/$URL_VER/g" src/utils/constants.ts
-
-# ng build --prod --base-href /$NEW_BUILD/
-#ionic cordova build browser --prod
-
-ionic cordova platform add browser --save
-#ionic cordova build browser --prod --release
-# ionic cordova build --env=pre browser --prod  #--verbose
-ionic cordova build -c=pre  browser --prod
-cp -p src/firebase-messaging-sw.js platforms/browser/www/
-cp -p src/manifest.json platforms/browser/www/
-cp -p src/chat-config.json platforms/browser/www/
-# cp -p config.xml platforms/browser/www/
- 
-######### chat-ionic5 - the good one - publish in pre
-cd platforms/browser/www
-aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5/$version/
-aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5/
-cd ../../../
-
-aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
-
-echo new version deployed on s3://tiledesk-dashboard-pre/chat-ionic5/$version/
-echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-dashboard-pre/chat-ionic5/$version/index.html
-echo available on https://support-pre.tiledesk.com/chat-ionic5/$version/index.html
-echo available on https://support-pre.tiledesk.com/chat-ionic5/index.html
-
-######### chat-ionic5-panel - publish in pre with the projects right panel 
-# cd platforms/browser/www
-# aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5-panel/$version/
-# aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5-panel/
-# cd ../../../
-
-# aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
-
-# echo new version deployed on s3://tiledesk-dashboard-pre/chat-ionic5-panel/$version/
-# echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-dashboard-pre/chat-ionic5-panel/$version/index.html
-# echo available on https://support-pre.tiledesk.com/chat-ionic5-panel/$version/index.html
-# echo available on https://support-pre.tiledesk.com/chat-ionic5-panel/index.html
-
-
-####### chat ionic MQTT in pre da aggiungere in deploy_pre.sh
-# cd platforms/browser/www
-# aws s3 sync . s3://tiledesk-dashboard-pre/native-mqtt/chat-ionic5/
-# aws s3 sync . s3://tiledesk-dashboard-pre/native-mqtt/chat-ionic5/$version
-# cd ../../../
-# echo new version deployed on s3://tiledesk-dashboard-pre/native-mqtt/chat-ionic5/
-# echo new version deployed on s3://tiledesk-dashboard-pre/native-mqtt/chat-ionic5/$version
-# echo http://tiledesk-dashboard-pre.s3-eu-west-1.amazonaws.com/native-mqtt/chat-ionic5/index.html
-# echo http://tiledesk-dashboard-pre.s3-eu-west-1.amazonaws.com/native-mqtt/chat-ionic5/$version/index.html
-
+if [ "$version" != "" ]; then
+    git tag -a "v$version" -m "`git log -1 --format=%s`"
+    echo "Created a new tag, v$version"
+    git push --tags
+    npm publish
+fi
 
-####### chat ionic FIREBASE in pre da aggiungere in deploy_pre.sh
-# cd platforms/browser/www
-# aws s3 sync . s3://tiledesk-dashboard-pre/chat5/
-# aws s3 sync . s3://tiledesk-dashboard-pre/chat5/$version
-# cd ../../../
-# echo new version deployed on s3://tiledesk-dashboard-pre/chat5/$version
-# echo new version deployed on s3://tiledesk-dashboard-pre/chat5/
-# echo available on http://support-pre.tiledesk.com/chat5/index.html
-# echo available on http://support-pre.tiledesk.com/chat5/$version/index.html

package/deploy_prod.sh

@@ -2,61 +2,10 @@
 version=`node -e 'console.log(require("./package.json").version)'`
 echo "version $version"
 
-URL_VER=${version//[.]//}
-echo 'URL_VER: ---->'$URL_VER
+if [ "$version" != "" ]; then
+    git tag -a "$version" -m "`git log -1 --format=%s`"
+    echo "Created a new tag, $version"
+    git push --tags
+    npm publish
+fi
 
-# if [ "$version" != "" ]; then
-#     git tag -a "$version" -m "`git log -1 --format=%s`"
-#     echo "Created a new tag, $version"
-#     git push --tags
-#     npm publish
-# fi
-
-sed -i -e "s/$URL_VER/g" src/utils/constants.ts
-
-ionic cordova platform add browser --save
-#ionic cordova build --env=prod browser  -- --base-href /www/ --prod
-ionic cordova build --env=prod browser --prod 
-cp -p src/firebase-messaging-sw.js platforms/browser/www/
-cp -p src/manifest.json platforms/browser/www/
-cp -p src/chat-config.json platforms/browser/www/
-cp -p config.xml platforms/browser/www/
-
-
-###### CHAT in prod
-cd platforms/browser/www
-aws s3 sync . s3://tiledesk-console/v2/chat/
-aws s3 sync . s3://tiledesk-console/v2/chat/$version/
-echo new version deployed on s3://tiledesk-console/v2/chat/$version/
-echo available on https://console.tiledesk.com/v2/chat/$version/index.html
-echo available on https://console.tiledesk.com/v2/chat/index.html
-
-
-###### CHAT in prod under latest
-# cd platforms/browser/www
-# aws s3 sync . s3://tiledesk-console/v2/chat/latest
-# echo available on https://console.tiledesk.com/v2/chat/latest/index.html
-
-###### CHAT-IONIC5
-# cd platforms/browser/www
-# #aws s3 sync . s3://tiledesk-dashboard/chat/
-# aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/
-# aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/$version/
-# cd ../../../
-# # aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
-
-# # echo new version deployed on s3://tiledesk-dashboard/chat/$NEW_BUILD/
-# echo new version deployed on s3://tiledesk-console/v2/chat-ionic5/$version/
-# echo available on https://console.tiledesk.com/v2/chat-ionic5/$version/index.html
-
-
-
-####### chat ionic FIREBASE in PROD IN SUBFOLDER 
-# cd platforms/browser/www
-# aws s3 sync . s3://tiledesk-console/v2/chat5-dev/
-# aws s3 sync . s3://tiledesk-console/v2/chat5-dev/$version
-# cd ../../../
-# echo new version deployed on s3://console.tiledesk.com/v2/chat5-dev/$version
-# echo new version deployed on s3://console.tiledesk.com/v2/chat5-dev/
-# echo available on http://console.tiledesk.com/v2/chat5-dev/index.html
-# echo available on http://console.tiledesk.com/v2/chat5-dev/$version/index.html

package/package.json

@@ -1,13 +1,8 @@
 {
     "name": "@chat21/chat21-ionic",
+    "version": "3.0.64",
     "author": "Tiledesk SRL",
-    "version": "3.0.64-rc1",
-    "license": "AGPL-3.0",
     "homepage": "https://tiledesk.com/",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/Tiledesk/chat21-ionic"
-    },
     "scripts": {
         "ng": "ng",
         "start": "ng serve",

package/src/app/app.component.ts

@@ -90,7 +90,6 @@ export class AppComponent implements OnInit {
   private setTimeoutSound: any;
   private isTabVisible: boolean = true;
   private tabTitle: string;
-  private setTimeoutConversationsEvent: any;
   private logger: LoggerService = LoggerInstance.getInstance();
   public toastMsgErrorWhileUnsubscribingFromNotifications: string;
   public toastMsgCloseToast: string;
@@ -342,6 +341,8 @@ export class AppComponent implements OnInit {
 
       if (event && event.data && event.data.action && event.data.parameter) {
         if (event.data.action === 'openJoinConversationModal') {
+          // console.log("[APP-COMP] message event action ", event.data.action);
+          // console.log("[APP-COMP] message event parameter ", event.data.parameter);
           this.presentAlertConfirmJoinRequest(event.data.parameter, event.data.calledBy)
         }
       }
@@ -376,6 +377,7 @@ export class AppComponent implements OnInit {
 
   async presentAlertConfirmJoinRequest(requestid, calledby) {
     var iframeWin = <HTMLIFrameElement>document.getElementById("unassigned-convs-iframe")
+    // console.log("[APP-COMP] message event iframeWin ", iframeWin);
 
     const isIFrame = (input: HTMLElement | null): input is HTMLIFrameElement =>
       input !== null && input.tagName === 'IFRAME';
@@ -393,10 +395,12 @@ export class AppComponent implements OnInit {
           role: 'cancel',
           cssClass: 'secondary',
           handler: (blah) => {
+            // console.log('Confirm Cancel: blah', blah);
           }
         }, {
           text: 'Ok',
           handler: () => {
+            // console.log('Confirm Okay');
 
             if (isIFrame(iframeWin) && iframeWin.contentWindow) {
               const msg = { action: "joinConversation", parameter: requestid, calledBy: calledby }
@@ -416,12 +420,14 @@ export class AppComponent implements OnInit {
   signInWithCustomToken(token) {
     // this.isOnline = false;
     this.logger.log('[APP-COMP] SIGNINWITHCUSTOMTOKEN  token', token)
-    this.tiledeskAuthService.signInWithCustomToken(token).then((user: any) => {
+    this.tiledeskAuthService.signInWithCustomToken(token)
+      .then((user: any) => {
         this.logger.log('[APP-COMP] SIGNINWITHCUSTOMTOKEN AUTLOGIN user', user)
         this.messagingAuthService.createCustomToken(token)
-    }).catch(error => {
+      })
+      .catch(error => {
         this.logger.error('[APP-COMP] SIGNINWITHCUSTOMTOKEN error::', error)
-    })
+      })
   }
 
   /** */
@@ -571,6 +577,16 @@ export class AppComponent implements OnInit {
       this.translate.use('en');
     }
 
+    // this.logger.debug('[APP-COMP] navigator.language: ', navigator.language);
+    // let language;
+    // if (navigator.language.indexOf('-') !== -1) {
+    //   language = navigator.language.substring(0, navigator.language.indexOf('-'));
+    // } else if (navigator.language.indexOf('_') !== -1) {
+    //   language = navigator.language.substring(0, navigator.language.indexOf('_'));
+    // } else {
+    //   language = navigator.language;
+    // }
+    // this.translate.use(language);
   }
 
 
@@ -645,6 +661,7 @@ export class AppComponent implements OnInit {
   updateStoredCurrentUser() {
     const storedCurrentUser = this.appStorageService.getItem('currentUser')
     const storedDshbrdUser = localStorage.getItem('user')
+
     this.logger.log('[APP-COMP] updateStoredCurrentUser - stored currentUser', storedCurrentUser)
     this.logger.log('[APP-COMP] updateStoredCurrentUser - stored dshbrdUser', storedDshbrdUser)
     if ((storedCurrentUser && storedCurrentUser !== 'undefined') && (storedDshbrdUser && storedDshbrdUser !== 'undefined')) {
@@ -661,6 +678,7 @@ export class AppComponent implements OnInit {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.color ', currentUser.color)
           this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fillColour ', dshbrdUser.fillColour)
         }
+
         if (currentUser.firstname !== dshbrdUser.firstname) {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.firstname !== dshbrdUser.firstname')
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.firstname ', currentUser.firstname)
@@ -671,6 +689,7 @@ export class AppComponent implements OnInit {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.firstname ', currentUser.firstname)
           this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.firstname ', dshbrdUser.firstname)
         }
+
         if (currentUser.lastname !== dshbrdUser.lastname) {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.lastname !== dshbrdUser.lastname')
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.lastname ', currentUser.lastname)
@@ -681,6 +700,7 @@ export class AppComponent implements OnInit {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.lastname ', currentUser.lastname)
           this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.lastname ', dshbrdUser.lastname)
         }
+
         if (currentUser.avatar !== dshbrdUser.fullname_initial) {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.avatar !== dshbrdUser.fullname_initial')
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.avatar ', currentUser.avatar)
@@ -691,6 +711,7 @@ export class AppComponent implements OnInit {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.avatar ', currentUser.avatar)
           this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fullname_initial ', dshbrdUser.fullname_initial)
         }
+
         let fullname = ""
         if (dshbrdUser.firstname && !dshbrdUser.lastname) {
           fullname = dshbrdUser.firstname
@@ -698,6 +719,7 @@ export class AppComponent implements OnInit {
           fullname = dshbrdUser.firstname + ' ' + dshbrdUser.lastname
           this.logger.log('[APP-COMP] updateStoredCurrentUser - fullname ', fullname)
         }
+
         if (fullname !== currentUser.fullname) {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.fullname !== dshbrdUser.fullname ')
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.fullname  ', fullname)
@@ -708,6 +730,7 @@ export class AppComponent implements OnInit {
           this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.fullname  ', fullname)
           this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fullname ', currentUser.fullname)
         }
+
         this.appStorageService.setItem('currentUser', JSON.stringify(currentUser));
         this.tiledeskAuthService.setCurrentUser(currentUser);
       }
@@ -823,10 +846,13 @@ export class AppComponent implements OnInit {
   }
 
   private initAudio() {
+    // console.log('HERE IS initAudio ')
     // SET AUDIO
     const href = window.location.href;
     const hrefArray = href.split('/#/');
     const chatBaseUrl = hrefArray[0]
+    // console.log('initAudio href', href)
+    // console.log('initAudio chatBaseUrl', chatBaseUrl)
 
     this.audio = new Audio();
     this.audio.src = chatBaseUrl + URL_SOUND_LIST_CONVERSATION;
@@ -836,6 +862,7 @@ export class AppComponent implements OnInit {
   private manageTabNotification() {
     if (!this.isTabVisible) {
       // TAB IS HIDDEN --> manage title and SOUND
+      // console.log('HERE IS manageTabNotification ')
       let badgeNewConverstionNumber = this.conversationsHandlerService.countIsNew()
       badgeNewConverstionNumber > 0 ? badgeNewConverstionNumber : badgeNewConverstionNumber = 1
       document.title = "(" + badgeNewConverstionNumber + ") " + this.tabTitle
@@ -854,6 +881,7 @@ export class AppComponent implements OnInit {
   }
 
   soundMessage() {
+    // console.log('HERE IS soundMessage ')
     const that = this;
     // this.audio = new Audio();
     // // this.audio.src = '/assets/sounds/pling.mp3';
@@ -889,7 +917,9 @@ export class AppComponent implements OnInit {
       return;
     }
 
-    this.BSAuthStateChangedSubscriptionRef = this.messagingAuthService.BSAuthStateChanged.pipe(filter((state) => state !== null)).subscribe((state: any) => {
+    this.BSAuthStateChangedSubscriptionRef = this.messagingAuthService.BSAuthStateChanged
+      // .pipe(takeUntil(this.unsubscribe$))
+      .pipe(filter((state) => state !== null)).subscribe((state: any) => {
         this.logger.log('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged  state', state);
 
         if (state && state === AUTH_STATE_ONLINE) {
@@ -918,24 +948,30 @@ export class AppComponent implements OnInit {
 
 
     this.conversationsHandlerService.conversationAdded.subscribe((conversation: ConversationModel) => {
-      this.logger.log('[APP-COMP] ***** conversationsAdded *****', conversation);
+      // this.logger.log('[APP-COMP] ***** conversationsAdded *****', conversation);
       // that.conversationsChanged(conversations);
       if (conversation && conversation.is_new === true) {
         this.manageTabNotification()
-        this.updateConversationsOnStorage()
       }
     });
 
     this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
+
       // console.log('[APP-COMP] ***** subscribeConversationChanged conversation: ', conversation);
-      if(conversation)  this.updateConversationsOnStorage();
-      const currentUser = this.tiledeskAuthService.getCurrentUser()
-      if (currentUser && currentUser !== null) {
+      let currentUser = null
+      const storedCurrentUser = this.appStorageService.getItem('currentUser')
+      if (storedCurrentUser && storedCurrentUser !== 'undefined') {
+        currentUser = JSON.parse(storedCurrentUser);
         this.logger.log('[APP-COMP] ***** subscribeConversationChanged currentUser: ', currentUser);
-        if (conversation && conversation.sender !== currentUser.uid) {
-          this.manageTabNotification();
-        }
 
+        if (currentUser) {
+          this.logger.log('[APP-COMP] ***** subscribeConversationChanged current_user uid: ', currentUser.uid);
+          if (conversation && conversation.sender !== currentUser.uid) {
+            this.manageTabNotification();
+          }
+        }
+      } else {
+        this.logger.error('[APP-COMP] ***** subscribeConversationChanged currentUser nor found in storage  ');
       }
     });
   }
@@ -998,8 +1034,9 @@ export class AppComponent implements OnInit {
 
   goOffLine = () => {
     this.logger.log('[APP-COMP] - GO-OFFLINE');
-    this.logger.log('[APP-COMP] - GO-OFFINE - supportmode ', this.SUPPORT_MODE);
-    if (this.SUPPORT_MODE === true) {
+    const supportmode = this.appConfigProvider.getConfig().supportMode;
+    this.logger.log('[APP-COMP] - GO-OFFINE - supportmode ', supportmode);
+    if (supportmode === true) {
       this.webSocketClose()
     }
     // this.isOnline = false;
@@ -1082,7 +1119,6 @@ export class AppComponent implements OnInit {
 
 
     if (hasClickedLogout === true) {
-      this.appStorageService.removeItem('conversations')
       // ----------------------------------------------
       // PUSH NOTIFICATIONS
       // ----------------------------------------------
@@ -1189,13 +1225,14 @@ export class AppComponent implements OnInit {
     this.logger.log('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);
     // 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.logger.log('[APP-COMP] - CONVS - INIT CONV')
+    this.conversationsHandlerService.subscribeToConversations(() => {
+      this.logger.log('[APP-COMP] - CONVS - INIT CONV')
+
       const conversations = this.conversationsHandlerService.conversations;
       this.logger.info('initialize FROM [APP-COMP] - [APP-COMP]-CONVS - INIT CONV CONVS', conversations)
+
       // this.logger.printDebug('SubscribeToConversations (convs-list-page) - conversations')
       if (!conversations || conversations.length === 0) {
         // that.showPlaceholder = true;
@@ -1206,31 +1243,6 @@ 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
-    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))
-    }, 2000);
-  }
-  // END: manage conversations on firebase upon last timestamp from stored conversations
-
   private initArchivedConversationsHandler(userId: string) {
     const keys = ['YOU'];
 

package/src/app/app.module.ts

@@ -278,7 +278,6 @@ const appInitializerFn = (appConfig: AppConfigProvider, logger: NGXLogger) => {
       serverLogLevel: NgxLoggerLevel.ERROR,
       timestampFormat: 'HH:mm:ss.SSS',
       enableSourceMaps: false,
-      disableFileDetails: true,
       colorScheme: ['purple', 'yellow', 'gray', 'gray', 'red', 'red', 'red'],
       serverLoggingUrl: 'https://tiledesk-server-pre.herokuapp.com/logs'
     }),

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

@@ -86,7 +86,7 @@
         [textColor]="'col-msg-sent'"
         [addAsCannedResponseTooltipText]="addAsCannedResponseTooltipText" 
         [areVisibleCAR]="areVisibleCAR"
-        [supportMode]="supportMode"
+        [support_mode]="support_mode"
         (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
         (onAfterMessageRender)="returnOnAfterMessageRender($event)" 
         (onImageRendered)="onImageRenderedFN($event)">
@@ -125,7 +125,7 @@
         [textColor]="'black'"
         [addAsCannedResponseTooltipText]="addAsCannedResponseTooltipText" 
         [areVisibleCAR]="areVisibleCAR"
-        [supportMode]="supportMode"
+        [support_mode]="support_mode"
         (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
         (onAfterMessageRender)="returnOnAfterMessageRender($event)" 
         (onImageRendered)="onImageRenderedFN($event)"

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

@@ -97,6 +97,7 @@ ion-item {
             background-color: var(--bubble-privateMsg);
             color: var(--bubble-privateMsgColor)
         }
+
     }
     .emoticon {
         background: unset !important;

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

@@ -22,12 +22,12 @@ export class IonConversationDetailComponent extends ConversationContentComponent
 
   @Input() senderId: string;
   @Input() channelType: string;
-  @Input() areVisibleCAR: boolean;
-  @Input() supportMode: boolean;
   @Output() onImageRendered = new EventEmitter<boolean>()
   @Output() onAddUploadingBubble = new EventEmitter<boolean>();
 
   public public_Key: any
+  public areVisibleCAR: boolean
+  public support_mode: boolean
   public uploadProgress: number = 100
   public fileType: any
   public browserLang: string;
@@ -64,11 +64,48 @@ export class IonConversationDetailComponent extends ConversationContentComponent
   }
 
   ngOnInit() {
+    this.getOSCODE()
     this.listenToUploadFileProgress();
     this.setMomentLocaleAndGetTranslation();
   }
 
+  getOSCODE() {
+    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
+    }
+    this.public_Key = this.appConfigProvider.getConfig().t2y12PruGU9wUtEGzBJfolMIgK
+    this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] AppConfigService getAppConfig public_Key', this.public_Key)
+
+    if (this.public_Key) {
+      let keys = this.public_Key.split('-')
+      this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] PUBLIC-KEY - public_Key keys', keys)
+
+      keys.forEach((key) => {
+        if (key.includes('CAR')) {
+          let car = key.split(':')
+          if (car[1] === 'F') {
+            this.areVisibleCAR = false
+            this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] PUBLIC-KEY - areVisibleCAR', this.areVisibleCAR)
+          } else {
+            this.areVisibleCAR = true
+            this.logger.log('[CONVS-DETAIL][ION-CONVS-DETAIL] PUBLIC-KEY - areVisibleCAR', this.areVisibleCAR)
+          }
+        }
+      })
 
+      if (!this.public_Key.includes('CAR')) {
+        this.areVisibleCAR = false
+        // console.log('[CONVS-DETAIL][ION-CONVS-DETAIL] PUBLIC-KEY - areVisibleCAR', this.areVisibleCAR)
+      }
+    } else {
+      this.areVisibleCAR = false
+    }
+  }
 
   setMomentLocaleAndGetTranslation() {
     this.browserLang = this.translate.getBrowserLang();