@chat21/chat21-ionic 3.0.59 → 3.0.60-rc8

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # chat21-ionic ver 3.0
 
+### 3.0.60-rc8
+- Fixes the bug:: "info" messages sent by "SYSTEM" are not translated
+- Adds the Portuguese language
+- Adds the French language
+- Adds the Russian language
+- Adds the Turkish language
+
+### 3.0.60-rc7
+- Adds German language
+- Adds a method that translates chat texts based on the language of the browser settings if no preferred language is selected in the dashboard or based on the preferred language (ignoring the browser language)
+- Manages the language used for translations from the "moment" library based on the language of the browser settings if no preferred language has been selected in the dashboard or on the preferred language selected (ignoring the browser language)
+- Adds the ability to manage the visibility of canned responses in env.sample, chat-config-tempalte.json and chat-config.json
+- Fixes the bug: in the 'item' that displays the pinned project and the number of the not assigned conversions  the tooltip is not correctly displayed
+
+### 3.0.60-rc6
+- Fixes the bug: push notifications are initialized even if the "pushEngine" configuration variable is set to "none"
+- Adds spanish language
+
+### 3.0.60-rc5
+- Change the icon and link of the "pin button" in the item at the top of the conversation list (now opens the list of projects and not the list of new conversations)
+- Add a tooltip on the switch button to change the available/unavailable status
+- Adds a link to the to the new conversations at the icon that display the number of new conversations
+
+### 3.0.60-rc4
+- Translates the canned response displayed when there are not canned responses
+
+### 3.0.60-rc3
+- Enhances the item at the top of the conversation list that displays the number of new conversations of a selected project
+- Fixes the bug: the loading spinner is sometimes not displayed when loading the list of unassigned conversations
+- Displays as canned response "Test" when no canned responses are available
+- Adds the cursor to the "Send message" textarea after the "Canned responses" button has been clicked
+
+### 3.0.60-rc2
+- Fixes the bug: in AppConfigProvider the "wsUrl" is incorrect (window.location.port is missing)
+
+### 3.0.60-rc1
+- Adds the ability to view canned responses by clicking on the button with the "flash" icon located to the left of the "Enter a message" text area
+
+### 3.0.59.2
+- Fixes the bug: when the agent refreshes the chat page and the chat is in mobile mode, the badge with the number of unassigned conversations does not work
+
+### 3.0.59.1
+- Fixes the bug: "Unable to read uid of undefined" error occurs when agent logs out
+- Fixes the bug: When the agent logs into the chat and the chat is in mobile mode, no conversations are displayed
+- Fixes the bug: the websocket is initialized even if the supportMode property is set to false
+- Fixes the bug: when the agent refreshes the chat page and the chat is in mobile mode, the badge with the number of unassigned conversations does not work
+
 ### 3.0.59
 - Deploys in production 
 
@@ -7,7 +54,6 @@
 - Fixes the bug: the badge indicating the number of unassigned conversations does not update correctly when the project is changed
 - Changes the code that prevent the chat from opening in a new browser tab if the chat tab is already open
 - Publish conversations returned by subscription to websocket conversations > "on data" callback
-- Conditions the opening of websockets to "supportMode" set to true
 
 ### 3.0.59-rc22
 - Minor improvements
@@ -101,6 +147,9 @@
 - Fixes the bug: in the avatar-profile component the properties 'avatarUrl', 'color' and 'avatar' are private and accessible only within the class
 - Fixes the bug: on ios platforms the back button in the conversation details header overlaps the avatar
 
+### 3.0.58.1
+- Fix the bug: if the "chatEngine" property value is set to "mqtt "the login modal window does not disappear even if the agent is logged in
+
 ### 3.0.58
 - Changes the logic with which the 'online' / 'offline' event is published (done before by the onAuthStateChanged() method)
 - Removes the setTimeout set for displaying the login window

package/deploy_pre.sh

@@ -24,21 +24,60 @@ 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 --env=pre browser --prod  #--verbose
 
+ionic cordova platform add browser --save
+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 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 "/*"
+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://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-test - publish in pre with the projects right panel 
+# cd platforms/browser/www
+# aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5-test/$version/
+# aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5-test/
+# cd ../../../
+
+# aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
+
+# echo new version deployed on s3://tiledesk-dashboard-pre/chat-ionic5-test/$version/
+# echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-dashboard-pre/chat-ionic5-test/$version/index.html
+# echo available on https://support-pre.tiledesk.com/chat-ionic5-test/$version/index.html
+# echo available on https://support-pre.tiledesk.com/chat-ionic5-test/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
+
+
+####### 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

@@ -1,4 +1,4 @@
-npm version patch
+# npm version patch
 version=`node -e 'console.log(require("./package.json").version)'`
 echo "version $version"
 
@@ -12,22 +12,47 @@ echo 'URL_VER: ---->'$URL_VER
 #     npm publish
 # fi
 
-# 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/
+cp -p config.xml platforms/browser/www/
+
 
+###### CHAT in prod
 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/
+aws s3 sync . s3://tiledesk-console/v2/chat/
+aws s3 sync . s3://tiledesk-console/v2/chat/$version/
 cd ../../../
-# aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
+echo new version deployed on s3://tiledesk-console/v2/chat/
+echo available on https://console.tiledesk.com/v2/chat/$version/index.html
+echo available on https://console.tiledesk.com/v2/chat/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
+
+
 
-# 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/env.sample

@@ -3,7 +3,7 @@ DASHBOARD_URL=https://YOUR_DASHBOARD_URL
 WS_URL=wss://YOUR_TILEDESK_SERVER_URL?token=
 WS_URL_RELATIVE=********
 SERVER_BASE_URL=http://localhost:3000/
-
+FEATURES_TOKEN=CAR:F
 CHAT21_ENGINE=mqtt
 UPLOAD_ENGINE=native
 PUSH_ENGINE=none

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.59",
+    "version": "3.0.60-rc8",
     "author": "Tiledesk SRL",
     "homepage": "https://ionicframework.com/",
     "scripts": {

package/src/app/app.component.ts

@@ -148,22 +148,9 @@ export class AppComponent implements OnInit {
 
     // this.listenToUrlChanges();
     // this.getPageState();
+  }
 
-    // location.subscribe((val) => {
-
-    //   console.log('location subscribe val', val)
-    //   if (val.type == "hashchange") {
-    //     const convId = getParameterByName('convId')
-    //     console.log('[APP-COMP] ngOnInit convId get with getParameterByName  ', convId)
-    //     const requesterFullaname = getParameterByName('requester_fullaname')
-    //     console.log('[APP-COMP] ngOnInit convId get with getParameterByName  ', requesterFullaname);
 
-    //     this.navigateToDetail(convId, requesterFullaname)
-
-    //     this.events.publish('convid:haschanged', convId);
-    //   }
-    // });
-  }
 
   listenChatAlreadyOpenWithoutParamsInMobileMode() {
     this.events.subscribe('noparams:mobile', (isAlreadyOpenInMobileMode) => {
@@ -349,7 +336,7 @@ export class AppComponent implements OnInit {
       //       const msg = { action: "hasArchived", parameter: event.data.parameter, calledBy: event.data.calledBy }
       //       iframeWin.contentWindow.postMessage(msg, '*');
       //     }
-          
+
       //   }
       // }
       if (event && event.data && event.data.action && event.data.text) {
@@ -456,7 +443,7 @@ export class AppComponent implements OnInit {
       // console.log("Check platform");
       this.getPlatformName();
 
-      this.setLanguage();
+      // this.setLanguage();
 
       // if (this.splashScreen) {
       this.splashScreen.hide();
@@ -534,19 +521,42 @@ export class AppComponent implements OnInit {
   }
 
   /** */
-  setLanguage() {
+  setLanguage(currentUser) {
+    // const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
+    this.logger.log('[APP-COMP] - setLanguage current_user uid: ', currentUser);
+
+    let currentUserId = ''
+    if (currentUser) {
+      currentUserId = currentUser.uid;
+      this.logger.log('[APP-COMP] - setLanguage current_user uid: ', currentUserId);
+    }
     this.translate.setDefaultLang('en');
     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;
+
+    const browserLang = this.translate.getBrowserLang();
+    this.logger.log('[APP-COMP] browserLang: ', browserLang);
+    const stored_preferred_lang = localStorage.getItem(currentUserId + '_lang');
+    this.logger.log('[APP-COMP] stored_preferred_lang: ', stored_preferred_lang);
+
+    let chat_lang = ''
+    if (browserLang && !stored_preferred_lang) {
+      chat_lang = browserLang
+    } else if (browserLang && stored_preferred_lang) {
+      chat_lang = stored_preferred_lang
     }
-    this.translate.use(language);
+
+    this.translate.use(chat_lang);
+
+    // 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);
   }
 
 
@@ -679,8 +689,8 @@ export class AppComponent implements OnInit {
     // }
 
     if (checkPlatformIsMobile()) {
-      // this.chatManager.startApp()
-      
+      this.chatManager.startApp();
+
       this.logger.log('[APP-COMP] checkPlatformIsMobile', checkPlatformIsMobile());
       this.platformIs = PLATFORM_MOBILE;
       const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
@@ -693,7 +703,7 @@ export class AppComponent implements OnInit {
       // this.router.navigateByUrl(pageUrl);
       // this.navService.setRoot(ConversationListPage, {});
     } else {
-      // this.chatManager.startApp()
+      this.chatManager.startApp();
       this.logger.log('[APP-COMP] checkPlatformIsMobile', checkPlatformIsMobile());
       this.platformIs = PLATFORM_DESKTOP;
       // console.log('[APP-COMP]  platformIs', this.platformIs);
@@ -815,7 +825,7 @@ export class AppComponent implements OnInit {
       .pipe(filter((state) => state !== null))
       .subscribe((state: any) => {
         this.logger.log('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged  state', state);
-        // this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] ***** BSAuthStateChanged  isOnline', this.isOnline);
+
         if (state && state === AUTH_STATE_ONLINE) {
           // const user = this.tiledeskAuthService.getCurrentUser();
           // if (this.isOnline === false) {
@@ -868,24 +878,25 @@ export class AppComponent implements OnInit {
  * @param user
  */
   goOnLine = () => {
-    // console.log('[APP-COMP] - GO-ONLINE ');
+    this.logger.log('[APP-COMP]- GO-ONLINE ');
     // this.isOnline = true;
     // this.logger.info('initialize FROM [APP-COMP] - [APP-COMP] - GO-ONLINE isOnline ', this.isOnline);
     // clearTimeout(this.timeModalLogin);
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
 
-    const supportmode = this.appConfigProvider.getConfig().supportMode;
-    this.logger.log('[APP-COMP] - GO-ONLINE - supportmode ', supportmode);
+    // const supportmode = this.appConfigProvider.getConfig().supportMode;
+    // this.logger.log('[APP-COMP] - GO-ONLINE - supportmode ', supportmode);
     // if (supportmode === true) {
-      this.connetWebsocket(tiledeskToken)
+    //   this.connetWebsocket() // moved in the comp project-item
     // }
     this.events.publish('go:online', true);
     const currentUser = this.tiledeskAuthService.getCurrentUser();
+    this.setLanguage(currentUser);
     // this.logger.printDebug('APP-COMP - goOnLine****', currentUser);
     this.logger.log('[APP-COMP] - GO-ONLINE - currentUser ', currentUser);
     this.chatManager.setTiledeskToken(tiledeskToken);
     this.chatManager.setCurrentUser(currentUser);
-    this.chatManager.startApp();
+    // this.chatManager.startApp();
 
     // ----------------------------------------------
     // PUSH NOTIFICATIONS
@@ -912,26 +923,16 @@ export class AppComponent implements OnInit {
     }
   }
 
-  connetWebsocket(tiledeskToken) {
-    const appconfig = this.appConfigProvider.getConfig();
-    this.logger.log('connetWebsocket appconfig wsUrl ', appconfig.wsUrl)
-    const WS_URL = appconfig.wsUrl + '?token=' + tiledeskToken
-    this.webSocketJs.init(
-      WS_URL,
-      undefined,
-      undefined,
-      undefined
-    );
-  }
+
 
 
   goOffLine = () => {
-    console.log('[APP-COMP] - GO-OFFLINE');
+    this.logger.log('[APP-COMP] - GO-OFFLINE');
     const supportmode = this.appConfigProvider.getConfig().supportMode;
     this.logger.log('[APP-COMP] - GO-OFFINE - supportmode ', supportmode);
-    // if (supportmode === true) {
+    if (supportmode === true) {
       this.webSocketClose()
-    // }
+    }
     // this.isOnline = false;
     // this.conversationsHandlerService.conversations = [];
     this.chatManager.setTiledeskToken(null);
@@ -1111,7 +1112,7 @@ export class AppComponent implements OnInit {
   }
 
   private initConversationsHandler(userId: string) {
-    const keys = ['YOU'];
+    const keys = ['YOU', 'INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU'];
     const translationMap = this.translateService.translateLanguage(keys);
 
     this.logger.log('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);

package/src/app/app.module.ts

@@ -90,7 +90,7 @@ import { ConversationInfoModule } from 'src/app/components/conversation-info/con
 
 
 // Directives
-import { TooltipModule } from 'ng2-tooltip-directive';
+
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { Network } from '@ionic-native/network/ngx';
 import { ConnectionService } from 'ng-connection-service';
@@ -114,7 +114,7 @@ export function authenticationFactory(http: HttpClient, appConfig: AppConfigProv
 
     auth.setBaseUrl(appConfig.getConfig().apiUrl);
 
-    if (config.pushEngine = PUSH_ENGINE_MQTT) {
+    if (config.pushEngine === PUSH_ENGINE_MQTT) {
       // FOR PUSH NOTIFICATIONS INIT FIREBASE APP
       FirebaseInitService.initFirebase(config.firebaseConfig);
     }

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

@@ -6,6 +6,7 @@ import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service
 import { isFile, isFrame, isImage } from 'src/chat21-core/utils/utils-message';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { TranslateService } from '@ngx-translate/core';
+import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
 import * as moment from 'moment';
 @Component({
   selector: 'chat-bubble-message',
@@ -36,53 +37,78 @@ export class BubbleMessageComponent implements OnInit, OnChanges {
   };
 
   private logger: LoggerService = LoggerInstance.getInstance()
+ 
   constructor(
     public sanitizer: DomSanitizer,
-    private translate: TranslateService) {
+    private translate: TranslateService,
+    public tiledeskAuthService: TiledeskAuthService
+    
+    ) {
     // console.log('BUBBLE-MSG Hello !!!!')
   }
 
   ngOnInit() {
+
+    this.setMomentLocale()
+    // this.browserLang = this.translate.getBrowserLang();
+  
+    // if (this.browserLang) {
+    //   if (this.browserLang === 'it') {
+
+
+    //     moment.locale('it', {
+    //       calendar: {
+    //         lastDay: '[Ieri alle] LT',
+    //         sameDay: '[Oggi alle] LT',
+    //         nextDay: '[Domani alle] LT',
+    //         lastWeek: '[Ultimo] dddd [alle] LT',
+    //         nextWeek: 'dddd [alle] LT',
+    //         sameElse: 'lll'
+    //       }
+    //     });
+
+    //   } else {
+    //     moment.locale('en', {
+    //       calendar: {
+    //         lastDay: '[Yesterday at] LT',
+    //         sameDay: '[Today at] LT',
+    //         nextDay: '[Tomorrow at] LT',
+    //         lastWeek: '[last] dddd [at] LT',
+    //         nextWeek: 'dddd [at] LT',
+    //         sameElse: 'lll'
+    //       }
+    //     });
+    //   }
+    // }
+
+  }
+
+
+  setMomentLocale() {
     this.browserLang = this.translate.getBrowserLang();
-    // console.log('BUBBLE-MSG ngOnInit browserLang ', this.browserLang)
-    if (this.browserLang) {
-      if (this.browserLang === 'it') {
-        // console.log('BUBBLE-MSG browserLang ', this.browserLang)
-        // moment.locale('it')
-
-        moment.locale('it', {
-          calendar: {
-            lastDay: '[Ieri alle] LT',
-            sameDay: '[Oggi alle] LT',
-            nextDay: '[Domani alle] LT',
-            lastWeek: '[Ultimo] dddd [alle] LT',
-            nextWeek: 'dddd [alle] LT',
-            sameElse: 'lll'
-          }
-        });
-
-      } else {
-        // console.log('BUBBLE-MSG browserLang ', this.browserLang)
-        // moment.locale('en')
-
-        moment.locale('en', {
-          calendar: {
-            lastDay: '[Yesterday at] LT',
-            sameDay: '[Today at] LT',
-            nextDay: '[Tomorrow at] LT',
-            lastWeek: '[last] dddd [at] LT',
-            nextWeek: 'dddd [at] LT',
-            sameElse: 'lll'
-          }
-        });
-      }
+    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);
 
 
-    // const yesterday = moment().subtract(1, 'day')
-    // console.log('BUBBLE-MSG yesterday ', yesterday)
-
+    let chat_lang = ''
+    if (this.browserLang && !stored_preferred_lang) {
+      chat_lang = this.browserLang
+    } else if (this.browserLang && stored_preferred_lang) {
+      chat_lang = stored_preferred_lang
+    }
+    moment.locale(chat_lang , {
+      calendar: {
+        sameElse: 'LLLL'
+      }
+    });
   }
 
   ngOnChanges() {

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

@@ -75,7 +75,7 @@
 </ion-item-sliding> -->
 
 
-<ion-item button="true" lines="none" class="ion-no-padding" [class.ion-selected]="conversation.uid === uidConvSelected"
+<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>
   <div tabindex="0"></div>
 

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

@@ -14,6 +14,7 @@ import * as moment from 'moment';
 import { NetworkService } from '../../../services/network-service/network.service';
 import { AppConfigProvider } from 'src/app/services/app-config';
 import { DomSanitizer } from '@angular/platform-browser'
+import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
 // import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 // import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
@@ -32,7 +33,7 @@ export class IonListConversationsComponent extends ListConversationsComponent im
   public logger: LoggerService = LoggerInstance.getInstance();
   public currentYear: any;
   public browserLang: string;
- 
+
   public PROJECT_FOR_PANEL: any;
 
   /**
@@ -51,19 +52,24 @@ export class IonListConversationsComponent extends ListConversationsComponent im
     private networkService: NetworkService,
     private appConfigProvider: AppConfigProvider,
     private sanitizer: DomSanitizer,
+    public tiledeskAuthService: TiledeskAuthService
   ) {
     super(iterableDiffers, kvDiffers)
-    this.browserLang = this.translate.getBrowserLang();
-    if (this.browserLang) {
-      if (this.browserLang === 'it') {
-        // this.translate.use('it');
-        moment.locale('it')
-
-      } else {
-        // this.translate.use('en');
-        moment.locale('en')
-      }
-    }
+    this.setMomentLocale();
+
+
+    // if (this.browserLang) {
+
+    //   moment.locale(this.browserLang)
+    //   // if (this.browserLang === 'it') {
+    //   //   // this.translate.use('it');
+    //   //   moment.locale('it')
+
+    //   // } else {
+    //   //   // this.translate.use('en');
+    //   //   moment.locale('en')
+    //   // }
+    // }
 
     this.currentYear = moment().format('YYYY');
     this.logger.log('[ION-LIST-CONVS-COMP] - currentYear ', this.currentYear)
@@ -74,13 +80,36 @@ export class IonListConversationsComponent extends ListConversationsComponent im
     this.PROJECT_FOR_PANEL = this.sanitizer.bypassSecurityTrustResourceUrl(DASHBOARD_BASE_URL + '#/project-for-panel');
   }
 
+  setMomentLocale() {
+    this.browserLang = this.translate.getBrowserLang();
+    const currentUser = this.tiledeskAuthService.getCurrentUser();
+    this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - currentUser ', currentUser)
+    let currentUserId = ''
+    if (currentUser) {
+      currentUserId = currentUser.uid
+      this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - currentUserId ', currentUserId)
+    }
+
+    const stored_preferred_lang = localStorage.getItem(currentUserId + '_lang');
+    this.logger.log('[ION-LIST-CONVS-COMP] stored_preferred_lang: ', stored_preferred_lang);
+
+
+    let chat_lang = ''
+    if (this.browserLang && !stored_preferred_lang) {
+      chat_lang = this.browserLang
+    } else if (this.browserLang && stored_preferred_lang) {
+      chat_lang = stored_preferred_lang
+    }
+    moment.locale(chat_lang)
+  }
+
   ngOnInit() {
     this.isApp = this.platform.is('ios') || this.platform.is('android')
     this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - IS-APP ', this.isApp)
     this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - Platform', this.platform.platforms());
   }
 
- 
+