@chat21/chat21-ionic 3.0.61-rc23 → 3.0.61-rc26

package/CHANGELOG.md

@@ -1,8 +1,17 @@
 # chat21-ionic ver 3.0
 
+### 3.0.61-rc26
+- Fixes the bug: the conversation detail is not opened if the URL contains round brackets
+
+### 3.0.61-rc25
+- Handles the case that in the storage the value of the "last_project" key is undefined
+
+### 3.0.61-rc24
+- Handles the "writeToButton" and the 'archivedButton' environment variables if are returned as a string
+- Adds the "authPersistence" key in the chat-config-template.json, chat-config.json and env.sample files
 
 ### 3.0.61-rc23
-- Handles the "SupptMode" environment variable if returned as a string (fixes the Docker image bugs: part of the conversation details go under the sidebar in mobile mode, the "add message as canned response" button is not displayed)
+- Handles the "supportMode" environment variable if returned as a string (fixes the Docker image bugs: part of the conversation details go under the sidebar in mobile mode, the "add message as canned response" button is not displayed)
 - Fixes the position of the emoji selection window pop up when the canned responses button is not visible
 
 ### 3.0.61-rc22

package/README.md

@@ -36,6 +36,12 @@ In progress git
 * A Firebase project. Create one free on `https://firebase.google.com`
 * "Chat21 Firebase cloud functions" installed. Instructions:`https://github.com/chat21/chat21-cloud-functions`
 
+# Run Tiledesk with Docker Compose
+
+Do you want to install all the Tiledesk components on your server with just one click?
+Use [Docker Compose Tiledesk installation guide](https://github.com/Tiledesk/tiledesk-deployment/blob/master/docker-compose/README.md)
+
+
 # Installation #
 * Install the latest stable release. Check on Github page the last release under the Releases tab and then run 
 - `git clone https://github.com/frontiere21/chat21-ionic.git --branch <LATEST-RELEASE-VERSION>`

package/deploy_pre.sh

@@ -32,20 +32,20 @@ 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/
+# 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 ../../../
+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://support-pre.tiledesk.com/chat-ionic5/$version/index.html
-# echo available on https://support-pre.tiledesk.com/chat-ionic5/index.html
+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
@@ -73,11 +73,11 @@ cp -p config.xml platforms/browser/www/
 
 
 ####### 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
+# 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/env.sample

@@ -13,7 +13,7 @@ LOG_LEVEL=INFO
 SUPPORT_MODE=false
 WRITE_TO_BUTTON=false,
 ARCHIVED_BUTTON=false,
-
+AUTH_PERSISTENCE=LOCAL
 # For MQTT Chat Engine
 MQTT_APPID=tilechat
 MQTT_ENDPOINT=mqtt://localhost:15675/ws

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.61-rc23",
+    "version": "3.0.61-rc26",
     "author": "Tiledesk SRL",
     "homepage": "https://tiledesk.com/",
     "scripts": {

package/src/app/app.component.ts

@@ -754,8 +754,8 @@ export class AppComponent implements OnInit {
       if (IDConv && FullNameConv) {
         pageUrl += IDConv + '/' + FullNameConv + '/' + Convtype
       }
-
-      this.router.navigateByUrl(pageUrl);
+      // replace(/\(/g, '%28').replace(/\)/g, '%29') -> used for the encoder of any round brackets
+      this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29'));
 
 
       // const DASHBOARD_URL = this.appConfigProvider.getConfig().DASHBOARD_URL;

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

@@ -99,7 +99,7 @@ export class IonConversationDetailComponent extends ConversationContentComponent
 
       if (!this.public_Key.includes('CAR')) {
         this.areVisibleCAR = false
-        console.log('[CONVS-DETAIL][ION-CONVS-DETAIL] PUBLIC-KEY - areVisibleCAR', this.areVisibleCAR)
+        // console.log('[CONVS-DETAIL][ION-CONVS-DETAIL] PUBLIC-KEY - areVisibleCAR', this.areVisibleCAR)
       }
     } else {
       this.areVisibleCAR = false

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

@@ -15,7 +15,7 @@ export class ListConversationsComponent implements OnInit {
   @Input() listConversations: ConversationModel[];
   @Input() limit?: number
   @Input() stylesMap: Map<string, string>;
-  @Input() translationMap: Map< string, string>;
+  @Input() translationMap: Map<string, string>;
   @Output() onConversationSelected = new EventEmitter<ConversationModel>();
   @Output() onImageLoaded = new EventEmitter<ConversationModel>();
   @Output() onConversationLoaded = new EventEmitter<ConversationModel>();
@@ -29,9 +29,11 @@ export class ListConversationsComponent implements OnInit {
   arrayDiffer: any;
 
   uidConvSelected: string;
-  constructor(public iterableDiffers: IterableDiffers,
-              public kvDiffers: KeyValueDiffers) {
-          this.iterableDifferListConv = this.iterableDiffers.find([]).create(null);   
+  constructor(
+    public iterableDiffers: IterableDiffers,
+    public kvDiffers: KeyValueDiffers
+  ) {
+    this.iterableDifferListConv = this.iterableDiffers.find([]).create(null);
   }
 
   ngOnInit() {
@@ -44,7 +46,7 @@ export class ListConversationsComponent implements OnInit {
     // })
   }
 
-  ngOnChanges(changes: SimpleChanges){
+  ngOnChanges(changes: SimpleChanges) {
     // console.log('empDifferMap:: 1111' + JSON.stringify(this.listConversations[1]))
     // console.log('empDifferMap:: 1111', this.listConversations)
     // this.listConversations.forEach(emp => {
@@ -56,7 +58,8 @@ export class ListConversationsComponent implements OnInit {
 
   public openConversationByID(conversation) {
     this.logger.log('[LISTCONVERSATIONS-W] openConversationByID: ', conversation);
-    if ( conversation ) {
+    if (conversation) {
+      this.logger.log(conversation.recipient_fullname)
       // this.conversationsService.updateIsNew(conversation);
       // this.conversationsService.updateConversationBadge();
       this.uidConvSelected = conversation.uid
@@ -67,10 +70,10 @@ export class ListConversationsComponent implements OnInit {
   ngAfterViewInit() {
     this.logger.log('[LISTCONVERSATIONS-W] ---ngAfterViewInit---: listConversations ', this.listConversations);
   }
-  
+
   ngDoCheck() {
     let changesListConversation = this.iterableDifferListConv.diff(this.listConversations);
-    if(changesListConversation){
+    if (changesListConversation) {
       // changesListConversation.forEachAddedItem(element => {
       //   console.log('itemmmm 1111 added ', element)
       //   let conv = element.item
@@ -104,7 +107,7 @@ export class ListConversationsComponent implements OnInit {
       //   console.log('... Array changes ...', empArrayChanges);
       //   empArrayChanges.forEachAddedItem((record) => {
       //     console.log('1111 Added ', record.currentValue);
-  
+
       //   });
       //   empArrayChanges.forEachRemovedItem((record) => {
       //     console.log('1111 Removed ' + record.previousValue);
@@ -128,7 +131,7 @@ export class ListConversationsComponent implements OnInit {
     //     });
     //   }
     // }
-    
+
   }
 
 

package/src/app/components/project-item/project-item.component.ts

@@ -179,8 +179,8 @@ export class ProjectItemComponent implements OnInit {
     }
 
 
-    if (!stored_project) {
-      this.logger.log('PROJECT-ITEM - THERE IS NOT STORED LAST PROJECT ', stored_project)
+    if (!stored_project || stored_project === 'undefined') {
+      this.logger.log('PROJECT-ITEM - THERE IS NOT STORED LAST PROJECT OR IS UNDEFINED ', stored_project)
       const tiledeskToken = this.appStorageService.getItem('tiledeskToken');
       this.logger.log('[PROJECT-ITEM] - GET PROJECTS - tiledeskToken', tiledeskToken);
       this.tiledeskService.getProjects(tiledeskToken).subscribe(projects => {
@@ -204,7 +204,7 @@ export class ProjectItemComponent implements OnInit {
     }
 
 
-    if (stored_project) {
+    if (stored_project && stored_project !== 'undefined') {
       this.logger.log('PROJECT-ITEM - THERE IS STORED LAST PROJECT ', stored_project)
       if (stored_project) {
         this.project = JSON.parse(stored_project)

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

@@ -100,8 +100,8 @@ export class SidebarComponent implements OnInit {
 
   getStoredProjectAndUserRole() {
     const stored_project = localStorage.getItem('last_project')
-    // console.log('[SIDEBAR] stored_project ', stored_project)
-    if (stored_project) {
+    this.logger.log('[SIDEBAR] stored_project ', stored_project)
+    if (stored_project && stored_project !== 'undefined') {
       const project = JSON.parse(stored_project)
       this.logger.log('[SIDEBAR] project ', project)
 
@@ -111,6 +111,8 @@ export class SidebarComponent implements OnInit {
       this.USER_ROLE = project.role;
       this.logger.log('[SIDEBAR] USER_ROLE ', this.USER_ROLE)
       this.buildURLs(this.USER_ROLE)
+    } else {
+      this.logger.log('[SIDEBAR] stored_project ', stored_project)
     }
   }
 

package/src/app/components/sidebar-user-details/sidebar-user-details.component.ts

@@ -313,7 +313,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   getCurrentStoredProject() {
     try {
       const project = localStorage.getItem('last_project')
-      if (project) {
+      if (project && project !== 'undefined') {
         const projectObjct = JSON.parse(localStorage.getItem('last_project'))
         // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
 

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

@@ -257,7 +257,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   getStoredProjectAndUserRole() {
     const stored_project = localStorage.getItem('last_project')
     // console.log('[SIDEBAR] stored_project ', stored_project)
-    if (stored_project) {
+    if (stored_project && stored_project !== undefined) {
       const project = JSON.parse(stored_project)
       // this.logger.log('[CONVS-DETAIL]  project ', project)
 

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

@@ -227,29 +227,44 @@ export class ConversationListPage implements OnInit {
 
   getConversationListHeight() {
     var scrollbar2element = document.getElementById('scrollbar2')
-    this.logger.log(
-      '[CONVS-LIST-PAGE] getConversationListHeight scrollbar2element',
-      scrollbar2element,
-    )
+    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('[ION-LIST-CONVS-COMP] - appConfig ', appConfig)
-    if (appConfig && appConfig.supportMode) {
-      this.supportMode = appConfig.supportMode
-    } else {
+    // console.log('[CONVS-LIST-PAGE] - appConfig ', appConfig)
+    this.supportMode = null
+    if (appConfig && appConfig.supportMode === true || appConfig.supportMode === 'true') {
+      this.supportMode = true;
+      this.logger.log('[CONVS-LIST-PAGE] getAppConfigToHideDiplayBtns supportMode ', this.supportMode)
+    } else if (appConfig && appConfig.supportMode === false || appConfig.supportMode === 'false') {
       this.supportMode = false
+      this.logger.log('[CONVS-LIST-PAGE] getAppConfigToHideDiplayBtns supportMode ', this.supportMode)
     }
-    if (appConfig && appConfig.archivedButton) {
-      this.archived_btn = appConfig.archivedButton
-    } else {
-      this.archived_btn = false
+    this.archived_btn = null
+    if (appConfig && appConfig.archivedButton === true || appConfig.archivedButton === 'true') {
+      this.archived_btn = true;
+      this.logger.log('[CONVS-LIST-PAGE] getAppConfigToHideDiplayBtns archived_btn ', this.archived_btn)
+    } else if (appConfig && appConfig.archivedButton === false || appConfig.archivedButton === 'false') {
+      this.archived_btn = false;
+      this.logger.log('[CONVS-LIST-PAGE] getAppConfigToHideDiplayBtns archived_btn ', this.archived_btn)
     }
-    if (appConfig && appConfig.writeToButton) {
-      this.writeto_btn = appConfig.writeToButton
-    } else {
-      this.writeto_btn = false
+    this.writeto_btn = null
+    if (appConfig && appConfig.writeToButton === true || appConfig.writeToButton === 'true') {
+      this.writeto_btn = true;
+      this.logger.log('[CONVS-LIST-PAGE] getAppConfigToHideDiplayBtns writeto_btn ', this.writeto_btn)
+    } else if (appConfig && appConfig.writeToButton === false || appConfig.writeToButton === 'false') {
+      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)
   }
@@ -257,10 +272,7 @@ export class ConversationListPage implements OnInit {
   watchToConnectionStatus() {
     this.networkService.checkInternetFunc().subscribe((isOnline) => {
       this.checkInternet = isOnline
-      this.logger.log(
-        '[ION-LIST-CONVS-COMP] - watchToConnectionStatus - isOnline',
-        this.checkInternet,
-      )
+      this.logger.log('[ION-LIST-CONVS-COMP] - watchToConnectionStatus - isOnline', this.checkInternet)
 
       // checking internet connection
       if (this.checkInternet == true) {
@@ -833,29 +845,13 @@ export class ConversationListPage implements OnInit {
     if (uidConvSelected) {
       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,
-        )
-      }
+        conversationSelected = this.conversations.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] the conversation ',
-          this.conversationSelected,
-          ' has already been loaded',
-        )
+        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,
-        )
+        this.logger.log('[CONVS-LIST-PAGE] setUidConvSelected: ', this.conversationSelected)
       }
     }
   }
@@ -864,16 +860,11 @@ export class ConversationListPage implements OnInit {
     this.logger.log('onConversationSelected conversation', conversation)
     if (conversation.archived) {
       this.navigateByUrl('archived', conversation.uid)
-      this.logger.log(
-        '[CONVS-LIST-PAGE] onConversationSelected archived conversation.uid ',
-        conversation.uid,
+      this.logger.log('[CONVS-LIST-PAGE] onConversationSelected archived conversation.uid ', conversation.uid,
       )
     } else {
       this.navigateByUrl('active', conversation.uid)
-      this.logger.log(
-        '[CONVS-LIST-PAGE] onConversationSelected active conversation.uid ',
-        conversation.uid,
-      )
+      this.logger.log('[CONVS-LIST-PAGE] onConversationSelected active conversation.uid ', conversation.uid)
     }
   }
 
@@ -910,52 +901,35 @@ export class ConversationListPage implements OnInit {
 
     var regex = /<br\s*[\/]?>/gi
     if (conversation && conversation.last_message_text) {
-      conversation.last_message_text = conversation.last_message_text.replace(
-        regex,
-        '',
-      )
+      conversation.last_message_text = conversation.last_message_text.replace(regex, '',)
 
       //FIX-BUG: 'YOU: YOU: YOU: text' on last-message-text in conversation-list
-      if (
-        conversation.sender === this.loggedUserUid &&
-        !conversation.last_message_text.includes(': ')
-      ) {
+      if (conversation.sender === this.loggedUserUid && !conversation.last_message_text.includes(': ')) {
         // this.logger.log('[CONVS-LIST-PAGE] onConversationLoaded', conversation)
 
         if (conversation.type !== 'image' && conversation.type !== 'file') {
-          conversation.last_message_text =
-            translationMap.get('YOU') + ': ' + conversation.last_message_text
+          conversation.last_message_text = translationMap.get('YOU') + ': ' + conversation.last_message_text
         } else if (conversation.type === 'image') {
           // this.logger.log('[CONVS-LIST-PAGE] HAS SENT AN IMAGE');
           // this.logger.log("[CONVS-LIST-PAGE] translationMap.get('YOU')")
-          const SENT_AN_IMAGE = (conversation[
-            'last_message_text'
-          ] = translationMap.get('SENT_AN_IMAGE'))
+          const SENT_AN_IMAGE = (conversation['last_message_text'] = translationMap.get('SENT_AN_IMAGE'))
 
-          conversation.last_message_text =
-            translationMap.get('YOU') + ': ' + SENT_AN_IMAGE
+          conversation.last_message_text = translationMap.get('YOU') + ': ' + SENT_AN_IMAGE
         } else if (conversation.type === 'file') {
           // this.logger.log('[CONVS-LIST-PAGE] HAS SENT FILE')
-          const SENT_AN_ATTACHMENT = (conversation[
-            'last_message_text'
-          ] = translationMap.get('SENT_AN_ATTACHMENT'))
-          conversation.last_message_text =
-            translationMap.get('YOU') + ': ' + SENT_AN_ATTACHMENT
+          const SENT_AN_ATTACHMENT = (conversation['last_message_text'] = translationMap.get('SENT_AN_ATTACHMENT'))
+          conversation.last_message_text = translationMap.get('YOU') + ': ' + SENT_AN_ATTACHMENT
         }
       } else {
         if (conversation.type === 'image') {
           // this.logger.log('[CONVS-LIST-PAGE] HAS SENT AN IMAGE');
           // this.logger.log("[CONVS-LIST-PAGE] translationMap.get('YOU')")
-          const SENT_AN_IMAGE = (conversation[
-            'last_message_text'
-          ] = translationMap.get('SENT_AN_IMAGE'))
+          const SENT_AN_IMAGE = (conversation['last_message_text'] = translationMap.get('SENT_AN_IMAGE'))
 
           conversation.last_message_text = SENT_AN_IMAGE
         } else if (conversation.type === 'file') {
           // this.logger.log('[CONVS-LIST-PAGE] HAS SENT FILE')
-          const SENT_AN_ATTACHMENT = (conversation[
-            'last_message_text'
-          ] = translationMap.get('SENT_AN_ATTACHMENT'))
+          const SENT_AN_ATTACHMENT = (conversation['last_message_text'] = translationMap.get('SENT_AN_ATTACHMENT'))
           conversation.last_message_text = SENT_AN_ATTACHMENT
         }
       }
@@ -974,69 +948,31 @@ export class ConversationListPage implements OnInit {
   // }
 
   navigateByUrl(converationType: string, uidConvSelected: string) {
-    this.logger.log('[CONVS-LIST-PAGE] calling navigateByUrl: ')
-    this.logger.log(
-      '[CONVS-LIST-PAGE] navigateByUrl uidConvSelected: ',
-      uidConvSelected,
-    )
-    this.logger.log(
-      '[CONVS-LIST-PAGE] navigateByUrl run  this.setUidConvSelected',
-    )
-    this.logger.log(
-      '[CONVS-LIST-PAGE] navigateByUrl this.uidConvSelected ',
-      this.uidConvSelected,
-    )
-    this.logger.log(
-      '[CONVS-LIST-PAGE] navigateByUrl this.conversationSelected ',
-      this.conversationSelected,
-    )
+
+    this.logger.log('[CONVS-LIST-PAGE] navigateByUrl uidConvSelected: ', uidConvSelected)
+
+    this.logger.log('[CONVS-LIST-PAGE] navigateByUrl this.uidConvSelected ', this.uidConvSelected)
 
     this.setUidConvSelected(uidConvSelected, converationType)
     if (checkPlatformIsMobile()) {
-      this.logger.log(
-        '[CONVS-LIST-PAGE] checkPlatformIsMobile(): ',
-        checkPlatformIsMobile(),
-      )
-      this.logger.log(
-        '[CONVS-LIST-PAGE] DESKTOP (window >= 768)',
-        this.navService,
-      )
-      let pageUrl =
-        'conversation-detail/' +
-        this.uidConvSelected +
-        '/' +
-        this.conversationSelected.conversation_with_fullname +
-        '/' +
-        converationType
+      this.logger.log('[CONVS-LIST-PAGE] checkPlatformIsMobile(): ', checkPlatformIsMobile())
+      this.logger.log('[CONVS-LIST-PAGE] DESKTOP (window < 768)', this.navService)
+      this.logger.log('[CONVS-LIST-PAGE] navigateByUrl this.conversationSelected conversation_with_fullname ', this.conversationSelected.conversation_with_fullname)
+      let pageUrl = 'conversation-detail/' + this.uidConvSelected + '/' + this.conversationSelected.conversation_with_fullname + '/' + converationType
       this.logger.log('[CONVS-LIST-PAGE] pageURL', pageUrl)
-      this.router.navigateByUrl(pageUrl)
+        // replace(/\(/g, '%28').replace(/\)/g, '%29') -> used for the encoder of any round brackets
+      this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29'))
     } else {
-      this.logger.log(
-        '[CONVS-LIST-PAGE] checkPlatformIsMobile(): ',
-        checkPlatformIsMobile(),
-      )
-      this.logger.log(
-        '[CONVS-LIST-PAGE] MOBILE (window < 768) ',
-        this.navService,
-      )
+      this.logger.log('[CONVS-LIST-PAGE] navigateByUrl this.conversationSelected conversation_with_fullname ', this.conversationSelected.conversation_with_fullname)
+      this.logger.log('[CONVS-LIST-PAGE] checkPlatformIsMobile(): ', checkPlatformIsMobile())
+      this.logger.log('[CONVS-LIST-PAGE] MOBILE (window >= 768) ', this.navService)
       let pageUrl = 'conversation-detail/' + this.uidConvSelected
-      if (
-        this.conversationSelected &&
-        this.conversationSelected.conversation_with_fullname
-      ) {
-        pageUrl =
-          'conversation-detail/' +
-          this.uidConvSelected +
-          '/' +
-          this.conversationSelected.conversation_with_fullname +
-          '/' +
-          converationType
+      if (this.conversationSelected && this.conversationSelected.conversation_with_fullname) {
+        pageUrl = 'conversation-detail/' + this.uidConvSelected + '/' + this.conversationSelected.conversation_with_fullname + '/' + converationType
       }
-      this.logger.log(
-        '[CONVS-LIST-PAGE] setUidConvSelected navigateByUrl--->: ',
-        pageUrl,
-      )
-      this.router.navigateByUrl(pageUrl)
+      this.logger.log('[CONVS-LIST-PAGE] setUidConvSelected navigateByUrl--->: ', pageUrl)
+      // replace(/\(/g, '%28').replace(/\)/g, '%29') -> used for the encoder of any round brackets
+      this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29'))
     }
   }
 
@@ -1109,7 +1045,7 @@ export class ConversationListPage implements OnInit {
     if (conversation) {
       const conversationId = conversation.uid
 
-      this.logger.log( '[CONVS-LIST-PAGE] onCloseConversation conversationId: ', conversationId )
+      this.logger.log('[CONVS-LIST-PAGE] onCloseConversation conversationId: ', conversationId)
 
       const conversationWith_segments = conversationId.split('-')
       this.logger.log(

package/src/chat-config-mqtt.json

@@ -1,27 +1,36 @@
 {
+    "t2y12PruGU9wUtEGzBJfolMIgK": "",
     "chatEngine": "mqtt",
     "uploadEngine": "native",
-    "pushEngine": "none",
+    "pushEngine":"none",
     "fileUploadAccept":"*/*",
-    "logLevel": "Debug",
+    "logLevel":"info",
+    "authPersistence": "LOCAL",
+    "supportMode": "true",
+    "writeToButton": "true",
+    "archivedButton": "true",
     "firebaseConfig": {
-        "tenant": "tilechat",
-        "apiKey": "AIzaSyCoWXHNvP1-qOllCpTshhC6VjPXeRTK0T4",
-        "authDomain": "chat21-pre-01.firebaseapp.com",
-        "databaseURL": "https://chat21-pre-01.firebaseio.com",
-        "projectId": "chat21-pre-01",
-        "storageBucket": "chat21-pre-01.appspot.com",
-        "messagingSenderId": "269505353043",
-        "appId": "1:269505353043:web:b82af070572669e3707da6",
-        "chat21ApiUrl": "https://us-central1-chat21-pre-01.cloudfunctions.net"
+        "tenant":"tilechat",
+        "apiKey": "",
+        "authDomain": "",
+        "databaseURL": "",
+        "projectId": "",
+        "storageBucket": "",
+        "messagingSenderId": "",
+        "appId": "",
+        "chat21ApiUrl": "",
+        "vapidKey": ""
     },
     "chat21Config": {
         "appId": "tilechat",
-        "MQTTendpoint": "ws://99.80.197.164:15675/ws",
-        "APIendpoint": "http://99.80.197.164:8004/api"
+        "MQTTendpoint": "ws://localhost:8081/mqws/ws",
+        "APIendpoint": "/chatapi/api"
     },
-    "apiUrl": "http://99.80.197.164:3000/",
-    "baseImageUrl": "http://99.80.197.164:3000/",
-    "dashboardUrl": "http://tiledesk-dashboard-pre.s3-eu-west-1.amazonaws.com/native-mqtt/dashboard/2.1.70-beta.1.6/index.html"
+    "apiUrl": "/api/",
+    "baseImageUrl": "/api/",
+    "dashboardUrl": "/dashboard/",
+    "wsUrl": "",
+    "wsUrlRel": ""
 }
 
+

package/src/chat-config-template.json

@@ -5,6 +5,10 @@
     "pushEngine":"${PUSH_ENGINE}",
     "fileUploadAccept":"${FILE_UPLOAD_ACCEPT}",
     "logLevel":"${LOG_LEVEL}",
+    "authPersistence": "${AUTH_PERSISTENCE}",
+    "supportMode": "${SUPPORT_MODE}",
+    "writeToButton": "${WRITE_TO_BUTTON}",
+    "archivedButton": "${ARCHIVED_BUTTON}",
     "firebaseConfig": {
         "tenant":"${FIREBASE_TENANT}",
         "apiKey": "${FIREBASE_APIKEY}",
@@ -26,8 +30,5 @@
     "baseImageUrl": "${API_BASEIMAGE_URL}",
     "dashboardUrl": "${DASHBOARD_URL}",
     "wsUrl": "${WS_URL}",
-    "wsUrlRel": "${WS_URL_RELATIVE}",
-    "supportMode": "${SUPPORT_MODE}",
-    "writeToButton": "${WRITE_TO_BUTTON}",
-    "archivedButton": "${ARCHIVED_BUTTON}"
+    "wsUrlRel": "${WS_URL_RELATIVE}"
 }

package/src/chat-config.json

@@ -5,6 +5,7 @@
     "pushEngine":"none",
     "fileUploadAccept":"*/*",
     "logLevel": "Info",
+    "authPersistence": "LOCAL",
     "firebaseConfig": {
         "tenant":"tilechat",
         "apiKey": "CHANGEIT",