@chat21/chat21-ionic 3.0.59-rc10 → 3.0.59-rc19

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # chat21-ionic ver 3.0
 
+### 3.0.59-rc19
+- Fixes the bug: when the chat is in "mobile" mode and from the dashboard the agent clicks on "Open chat" for a specific conversation the "back" button of the chat does not return to the list of conversations
+- Fixes the bug: when the chat is in "mobile" mode and from the dashboard the agent clicks on "Open chat" for a specific conversation the chat does not display the details of the conversation
+
+### 3.0.59-rc18
+- Improves the "app-config" service
+
+### 3.0.59-rc16
+- Changes in config.xml the value of the "SplashScreen"
+- Improves the method to avoid page reloading when an agent clicks the "Open Chat" button of the dashboard on the realtime and non-real time conversation list page and on the conversation detail page
+- Modifies the "app-config" service by adding the ability to pass relative URLs to the websocket
+- Adds "wsUrlRel" property to env.sample, chat-config-template.json and chat-config.json
+- Adds a check in the "websocket-js.ts" service on the existence of the "ws" property of the "WebSocketJs" class before accessing the property "readyState"
+
+### 3.0.59-rc15
+- Implements a method in app.components that counts and stores the number of open Chat tabs
+- Implements a method on the conversation list page that prevents a new chat tab from opening when the agent clicks "Open Chat" from the dashboard
+
+### 3.0.59-rc14
+- Fixes the bug: the sound that warns that a new conversation has been received does not work
+
+### 3.0.59-rc12
+- Fixes the bug: Cannot read properties of undefined (reading 'get') when "translationMap" in not yet defined
+- Fixes the bug: when the log out is performed, the item with the number of new conversations remains visible in the left side panel of the conversations list
+
+### 3.0.59-rc11
+- Fixed bug: the item in the left side panel showing the number of new conversations is not displayed if there are no conversations
+- Removes the "last_project" object and the "contacts" object on logout from local storage
+
 ### 3.0.59-rc10
 - Changes in config.xml the site URL of the author 
 - Changes the splash screen images

package/README.md

@@ -60,6 +60,7 @@ In progress git
         pushEngine:"none", // OR YOUR CUSTOM PUSH ENGINE
         fileUploadAccept:"*/*",
         logLevel":"<YOUR-PREFERRED-LOG-LEVEL>",
+        supportMode: false,
         firebaseConfig: {
             tenant:"tilechat",
             apiKey: '123ABC..',
@@ -79,6 +80,7 @@ In progress git
         "apiUrl": "https://<YOUR-TILEDESK-API-URL>",
         "baseImageUrl": "https://<YOUR-BASE-IMAGE-URL>",
         "dashboardUrl": "https://<YOUR-DASHBOARD-URL>"
+        "wsUrl": 'ws://' + window.location.hostname + '/ws/',
     }
   };
   ```
@@ -88,6 +90,9 @@ In progress git
 
 * `fileUploadAccept`: The Chat21-ionic allows you to manage the type of files that can be uploaded. By default, all file types are accepted.
 
+* `wsUrl`: allows you to know in real time the agent's availability status, the agent's busy status and the number of unassigned conversations for a selected project
+
+* `supportMode`: if set to true it allows you to view the list of contacts from which you can make direct conversations and the item at the top of the list of conversations that shows the number of unassigned conversations of a selected project and that the agent can view and take over by clicking on it 
 
 ### Push notification
 * open `/src/firebase-messaging-sw.js` and replace messagingSenderId: with < your messagingSenderId >

package/config.xml

@@ -18,17 +18,8 @@
     <preference name="SplashMaintainAspectRatio" value="true" />
     <preference name="FadeSplashScreenDuration" value="300" />
     <preference name="SplashShowOnlyFirstTime" value="false" />
-    <preference name="SplashScreen" value="assets/splash_white.jpg" />
+    <preference name="SplashScreen" value="assets/logo.png" />
     <preference name="SplashScreenDelay" value="3000" />
-    <platform name="browser">
-        <preference name="SplashScreen" value="assets/transparent.png" />
-        <preference name="AutoHideSplashScreen" value="true" />
-        <preference name="SplashScreenDelay" value="3000" />
-        <preference name="SplashScreenBackgroundColor" value="white" />
-        <preference name="ShowSplashScreen" value="false" />
-        <preference name="SplashScreenWidth" value="600" />
-        <preference name="SplashScreenHeight" value="300" />
-    </platform>
     <platform name="android">
         <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
             <application android:networkSecurityConfig="@xml/network_security_config" />

package/env.sample

@@ -1,7 +1,7 @@
 API_BASEIMAGE_URL=CHANGEIT
 DASHBOARD_URL=https://YOUR_DASHBOARD_URL
 WS_URL=wss://YOUR_TILEDESK_SERVER_URL?token=
-
+WS_URL_RELATIVE=********
 SERVER_BASE_URL=http://localhost:3000/
 
 CHAT21_ENGINE=mqtt

package/package.json

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

package/src/app/app.component.ts

@@ -2,7 +2,7 @@ import { URL_SOUND_LIST_CONVERSATION } from './../chat21-core/utils/constants';
 import { ArchivedConversationsHandlerService } from 'src/chat21-core/providers/abstract/archivedconversations-handler.service';
 import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
 
-import { Component, ViewChild, NgZone, OnInit, HostListener, ElementRef, Renderer2, } from '@angular/core';
+import { Component, ViewChild, NgZone, OnInit, HostListener, ElementRef, Renderer2, AfterViewInit, } from '@angular/core';
 import { Config, Platform, IonRouterOutlet, IonSplitPane, NavController, MenuController, AlertController, IonNav, ToastController } from '@ionic/angular';
 import { ActivatedRoute, NavigationStart, Router } from '@angular/router';
 import { Subscription, VirtualTimeScheduler } from 'rxjs';
@@ -57,7 +57,7 @@ import { NetworkService } from './services/network-service/network.service';
 import * as PACKAGE from 'package.json';
 import { filter } from 'rxjs/operators'
 import { WebSocketJs } from './services/websocket/websocket-js';
-
+import { Location } from '@angular/common'
 // import { filter } from 'rxjs/operators';
 
 @Component({
@@ -108,7 +108,7 @@ export class AppComponent implements OnInit {
     private splashScreen: SplashScreen,
     private statusBar: StatusBar,
     private appConfigProvider: AppConfigProvider,
-    private events: EventsService,
+    public events: EventsService,
     public config: Config,
     public chatManager: ChatManager,
     public translate: TranslateService,
@@ -139,35 +139,93 @@ export class AppComponent implements OnInit {
     // private tiledeskService: TiledeskService,
     private networkService: NetworkService,
     public webSocketJs: WebSocketJs,
+    public location: Location
   ) {
 
-    // this.saveInStorageChatOpenedTab();
-    // FOR TEST
-    // const last_project = { "user_available": true, "number_assigned_requests": 59, "last_login_at": "2021-08-09T17:30:55.234Z", "status": "active", "_id": "6112bc8f58c958003495a2cb", "id_project": { "status": 100, "_id": "60ffe291f725db00347661ef", "name": "27-LUGLIO-21-STRIPE-TEST", "activeOperatingHours": false, "createdBy": "608ad02d3a4dc000344ade17", "profile": { "name": "pro", "trialDays": 30, "agents": 5, "type": "payment", "subStart": "2021-11-18T10:42:41.000Z", "subEnd": "2021-11-19T10:42:41.000Z", "subscriptionId": "sub_Jvf4kABe9t8JvX", "last_stripe_event": "invoice.payment_succeeded" }, "versions": 20115, "channels": [{ "name": "chat21" }], "createdAt": "2021-07-27T10:40:17.752Z", "updatedAt": "2021-11-18T11:55:01.346Z", "__v": 0, "widget": { "preChatForm": true, "preChatFormJson": [{ "name": "userFullname", "type": "text", "mandatory": true, "label": { "en": "Your name", "it": "Il tuo nome" } }, { "name": "userEmail", "type": "text", "mandatory": true, "regex": "/^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)+$/", "label": { "en": "Your email", "it": "La tua email" }, "errorLabel": { "en": "Invalid email address", "it": "Indirizzo email non valido" } }, { "name": "tel", "mandatory": true, "label": { "en": "Your phone number", "it": "Il tuo numero di telefono" } }], "preChatFormCustomFieldsEnabled": true }, "trialExpired": true, "trialDaysLeft": 84, "isActiveSubscription": true, "id": "60ffe291f725db00347661ef" }, "id_user": "60aa0fef1482fe00346854a7", "role": "admin", "createdBy": "608ad02d3a4dc000344ade17", "createdAt": "2021-08-10T17:51:11.318Z", "updatedAt": "2021-11-19T08:08:21.437Z", "__v": 0, "presence": { "status": "online", "changedAt": "2021-11-19T08:08:21.432Z" }, "isAuthenticated": true, "id": "6112bc8f58c958003495a2cb" }
-    // localStorage.setItem('last_project', JSON.stringify(last_project))
-  }
-  saveInStorageChatOpenedTab() {
-    // if (+localStorage.tabCount > 0) {
-    //   alert('Already open!');
-    // } else {
-    //   localStorage.tabCount = 0;
-    // }
+    this.saveInStorageNumberOfOpenedChatTab();
+
+    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);
 
-    // window.addEventListener('load', (event) => {
-    //   console.log('[CONVS-LIST-PAGE] page is fully loaded', event);
-    //   // let tab  = + localStorage.getItem('tab')
-    //   // console.log('[CONVS-LIST-PAGE] page is fully loaded getItem tab', + tab);
-    //   // localStorage.setItem('tab', "1" )
-    //   localStorage.tabCount = +localStorage.tabCount + 1;
+    //     this.navigateToDetail(convId, requesterFullaname)
+
+    //     this.events.publish('convid:haschanged', convId);
+    //   }
     // });
 
-    // // https://developers.google.com/web/updates/2018/07/page-lifecycle-api#the-beforeunload-event
-    // const terminationEvent = 'onpagehide' in self ? 'pagehide' : 'unload';
-    // window.addEventListener(terminationEvent, (event) => {
-    //   console.log('[CONVS-LIST-PAGE] page is terminationEvent', event);
-    //   localStorage.tabCount = +localStorage.tabCount - 1;
-    // }, { capture: true });
+
+
+
+  }
+
+  listenToUrlChanges() {
+    const self = this;
+    window.addEventListener('hashchange', function () {
+      // console.log('location changed!');
+
+      const convId = getParameterByName('convId')
+      // console.log('[APP-COMP] getParameterByName convId ', convId)
+      if (convId) {
+        setTimeout(() => {
+          self.events.publish('supportconvid:haschanged', convId);
+        }, 0);
+      }
+
+      const contact_id = getParameterByName('contact_id')
+      // console.log('[APP-COMP] getParameterByName contact_id ', contact_id)
+      const contact_fullname = getParameterByName('contact_fullname')
+      // console.log('[APP-COMP] getParameterByName contact_fullname ', contact_fullname)
+      if (contact_id && contact_fullname) {
+        setTimeout(() => {
+          self.router.navigateByUrl('conversation-detail/' + contact_id + '/' + contact_fullname + '/new');
+          self.events.publish('directconvid:haschanged', contact_id);
+        }, 0);
+        
+      } else {
+        // console.log('[APP-COMP] contact_id and contact_fullname are null')
+      }
+
+      const conversation_detail = getParameterByName('conversation_detail')
+      // console.log('[APP-COMP] getParameterByName conversation_detail ', conversation_detail)
+      if (conversation_detail) {
+        setTimeout(() => {
+          self.router.navigate(['conversation-detail/'])
+        }, 0);
+      } 
+    });
+  }
+
+  saveInStorageNumberOfOpenedChatTab() {
+    this.logger.log('Calling saveInStorageChatOpenedTab!');
+
+    // https://jsfiddle.net/jjjs5wd3/3/å
+    if (+localStorage.tabCount > 0) {
+      this.logger.log('Chat IONIC Already open!');
+    } else {
+      localStorage.tabCount = 0;
+
+      localStorage.tabCount = +localStorage.tabCount + 1;
+    }
+    const terminationEvent = 'onpagehide' in self ? 'pagehide' : 'unload';
+    window.addEventListener(terminationEvent, (event) => {
+      if (localStorage.tabCount > 0) {
+        localStorage.tabCount = +localStorage.tabCount - 1;
+      }
+    }, { capture: true });
+  }
+
+  getPageState() {
     const getState = () => {
+      localStorage.setItem('visibilityState', document.visibilityState)
       if (document.visibilityState === 'hidden') {
         return 'hidden';
       }
@@ -178,16 +236,20 @@ export class AppComponent implements OnInit {
     };
 
     let state = getState();
-    console.log('[CONVS-LIST-PAGE] page state ', state)
-    if (state === 'hidden') {
-      localStorage.setItem('hidden', 'true')
-    }
+    // console.log('[CONVS-LIST-PAGE] page state ', state)
+    // if (state === 'hidden') {
+    //   console.log(`State change: state ${state}`);
+    //   localStorage.setItem('hidden', 'true')
+    // }
 
     const logStateChange = (nextState) => {
+
       const prevState = state;
       if (nextState !== prevState) {
         console.log(`State change: ${prevState} >>> ${nextState}`);
         state = nextState;
+        localStorage.setItem('state', nextState)
+
       }
     };
 
@@ -207,11 +269,12 @@ export class AppComponent implements OnInit {
         // If the event's persisted property is `true` the page is about
         // to enter the Back-Forward Cache, which is also in the frozen state.
         logStateChange('frozen');
-        localStorage.setItem('terminated', 'true')
+        localStorage.setItem('state', 'frozen')
       } else {
         // If the event's persisted property is not `true` the page is
         // about to be unloaded.
         logStateChange('terminated');
+        localStorage.setItem('state', 'terminated')
         localStorage.setItem('terminated', 'true')
       }
     }, { capture: true });
@@ -240,7 +303,7 @@ export class AppComponent implements OnInit {
     if (token) {
       // this.isOnline = false;
       // this.logger.log('[APP-COMP] ngOnInit AUTOLOGIN token get with this.isOnline  ', this.isOnline)
-      this.logger.log('[APP-COMP] ngOnInit AUTOLOGIN token get with getParameterByName  ', token)
+      console.log('[APP-COMP] ngOnInit AUTOLOGIN token get with getParameterByName  ', token)
       // save token in local storage then 
 
       const storedToken = this.appStorageService.getItem('tiledeskToken');
@@ -252,13 +315,13 @@ export class AppComponent implements OnInit {
         this.logger.log('[APP-COMP] ngOnInit AUTOLOGIN the current user already exist DON\'T SAVE ')
       }
     }
-    this.initializeApp('oninit');
 
+
+    this.initializeApp('oninit');
     this.listenToPostMsgs();
   }
 
-
-
+ 
   listenToPostMsgs() {
     window.addEventListener("message", (event) => {
       // console.log("[APP-COMP] message event ", event);
@@ -391,7 +454,7 @@ export class AppComponent implements OnInit {
       if (this.platform.is('desktop')) {
         // console.log("running on desktop!");
       }
-      
+
 
 
 
@@ -577,13 +640,14 @@ export class AppComponent implements OnInit {
    * @param user
    */
   goOnLine = () => {
+    // console.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();
     this.connetWebsocket(tiledeskToken)
-
+    this.events.publish('go:online', true);
     const currentUser = this.tiledeskAuthService.getCurrentUser();
     // this.logger.printDebug('APP-COMP - goOnLine****', currentUser);
     this.logger.log('[APP-COMP] - GO-ONLINE - currentUser ', currentUser);
@@ -619,10 +683,11 @@ export class AppComponent implements OnInit {
   webSocketClose() {
     this.logger.log('[APP-COMP] - GO-OFFLINE - webSocketClose');
     this.webSocketJs.close()
+    this.events.publish('go:offline', true);
   }
 
   goOffLine = () => {
-    this.logger.log('[APP-COMP] - GO-OFFLINE');
+    // console.log('[APP-COMP] - GO-OFFLINE');
 
     this.webSocketClose()
     // this.isOnline = false;
@@ -666,7 +731,7 @@ export class AppComponent implements OnInit {
   }
 
   checkPlatform() {
-    this.logger.debug('[APP-COMP] checkPlatform');
+   console.log('[APP-COMP] checkPlatform');
     // let pageUrl = '';
     // try {
     //   const pathPage = this.route.snapshot.firstChild.routeConfig.path;
@@ -682,16 +747,21 @@ export class AppComponent implements OnInit {
     // }
 
     if (checkPlatformIsMobile()) {
+      // console.log('[APP-COMP] checkPlatformIsMobile',checkPlatformIsMobile());
       this.platformIs = PLATFORM_MOBILE;
       const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
-      this.logger.log('[APP-COMP] PLATFORM_MOBILE2 navigateByUrl', PLATFORM_MOBILE, this.route.snapshot);
+      // console.log('[APP-COMP]  platformIs', this.platformIs);
+      // console.log('[APP-COMP] PLATFORM', PLATFORM_MOBILE, 'route.snapshot', this.route.snapshot);
       if (!IDConv) {
         this.router.navigateByUrl('conversations-list')
       }
       // this.router.navigateByUrl(pageUrl);
       // this.navService.setRoot(ConversationListPage, {});
     } else {
+      // console.log('[APP-COMP] checkPlatformIsMobile',checkPlatformIsMobile());
       this.platformIs = PLATFORM_DESKTOP;
+      // console.log('[APP-COMP]  platformIs', this.platformIs);
+      // console.log('[APP-COMP] PLATFORM', PLATFORM_DESKTOP, 'route.snapshot',  this.route.snapshot);
       this.logger.log('[APP-COMP] PLATFORM_DESKTOP ', this.navService);
 
       this.navService.setRoot(ConversationListPage, {});
@@ -731,16 +801,23 @@ 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 = URL_SOUND_LIST_CONVERSATION;
+    this.audio.src = chatBaseUrl + URL_SOUND_LIST_CONVERSATION;
     this.audio.load();
   }
 
   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
@@ -759,6 +836,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';
@@ -770,7 +848,7 @@ export class AppComponent implements OnInit {
       that.audio.play().then(() => {
         that.logger.debug('[APP-COMP] ****** soundMessage played *****');
       }).catch((error: any) => {
-        that.logger.debug('[APP-COMP] ***soundMessage error*', error);
+        that.logger.error('[APP-COMP] ***soundMessage error*', error);
       });
     }, 1000);
   }
@@ -833,7 +911,7 @@ export class AppComponent implements OnInit {
 
     this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
 
-      this.logger.log('[APP-COMP] ***** subscribeConversationChanged conversation: ', conversation);
+      // console.log('[APP-COMP] ***** subscribeConversationChanged conversation: ', conversation);
       const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
       this.logger.log('[APP-COMP] ***** subscribeConversationChanged current_user: ', currentUser);
 
@@ -852,7 +930,7 @@ export class AppComponent implements OnInit {
    * apro dettaglio conversazione
    */
   subscribeChangedConversationSelected = (user: UserModel, type: string) => {
-    this.logger.log('[APP-COMP] subscribeUidConvSelectedChanged navigateByUrl', user, type);
+    console.log('[APP-COMP] subscribeUidConvSelectedChanged navigateByUrl', user, type);
     // this.router.navigateByUrl('conversation-detail/' + user.uid + '?conversationWithFullname=' + user.fullname);
     this.router.navigateByUrl('conversation-detail/' + user.uid + '/' + user.fullname + '/' + type);
   }

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

@@ -10,7 +10,7 @@
             <div class="chat21-bounce1" [ngStyle]="{'background-color': stylesMap.get('themeColor')}"></div>
             <div class="chat21-bounce2" [ngStyle]="{'background-color': stylesMap.get('themeColor')}"></div>
             <div class="chat21-bounce3" [ngStyle]="{'background-color': stylesMap.get('themeColor')}"></div>
-            <span>{{translationMap.get('LABEL_LOADING')}}</span>
+            <span>{{translationMap?.get('LABEL_LOADING')}}</span>
         </div>
       </span>
       

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

@@ -34,7 +34,7 @@
               width="24px" height="24px" viewBox="0 0 24 24">
               <path fill="none" d="M0 0h24v24H0z"/>
               <path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/>
-              <title id="altIconTitle">{{ translationMap.get('CLOSED') }}</title>
+              <title id="altIconTitle">{{ translationMap?.get('CLOSED') }}</title>
             </svg>
           </button>
         </div>

package/src/app/components/authentication/login/login.component.html

@@ -8,25 +8,25 @@
 
     <div class="signin-title" style="text-align:center">
       <h2 style="font-family: 'Montserrat', sans-serif; font-weight: 400;">
-        {{ translationMap.get('LABEL_SIGNIN_TO') }}
+        {{ translationMap?.get('LABEL_SIGNIN_TO') }}
         {{companyName}}
       </h2>
     </div>
     <div class="login-container">
       <form [formGroup]="userForm" (ngSubmit)="signInWithEmailAndPassword()" novalidate>
 
-        <ion-label stacked for="email">{{ translationMap.get('LABEL_EMAIL') }}</ion-label>
+        <ion-label stacked for="email">{{ translationMap?.get('LABEL_EMAIL') }}</ion-label>
         <ion-input #email formControlName="email" type="email" id="email" required autocapitalize="off" spellcheck="false"
-        placeholder="{{ translationMap.get('LABEL_PLACEHOLDER_EMAIL') }}"
+        placeholder="{{ translationMap?.get('LABEL_PLACEHOLDER_EMAIL') }}"
         [class.invalid]="!userForm.controls.email.valid" ></ion-input>
         <div *ngIf="formErrors.email" class="is-danger">
           {{ formErrors.email }}
         </div>
 
        
-        <ion-label stacked for="password">{{ translationMap.get('LABEL_PASSWORD') }}</ion-label>
+        <ion-label stacked for="password">{{ translationMap?.get('LABEL_PASSWORD') }}</ion-label>
         <ion-input #password formControlName="password" type="password" id="password" required
-        placeholder="{{ translationMap.get('LABEL_PLACEHOLDER_PASSWORD') }}"
+        placeholder="{{ translationMap?.get('LABEL_PLACEHOLDER_PASSWORD') }}"
         [class.invalid]="!userForm.controls.password.valid"></ion-input>
 
         <div *ngIf="formErrors.password" class="is-danger">
@@ -36,7 +36,7 @@
         
         <button type="submit" class="btn signin-button ion-activatable ripple-parent" [ngClass]="{'signin-button-is-disabled': !userForm.valid}" [disabled]="!userForm.valid">
           <span class="signin-button-label" *ngIf="showSpinnerInLoginBtn === false" >
-            {{ translationMap.get('LABEL_SIGNIN') }}
+            {{ translationMap?.get('LABEL_SIGNIN') }}
           </span>
           <ion-ripple-effect type="unbounded"></ion-ripple-effect>
           <ion-spinner *ngIf="showSpinnerInLoginBtn === true" name="bubbles" color="white" duration="2" ></ion-spinner>
@@ -50,9 +50,9 @@
         </p> -->
 
         <p style="color: #666666; font-size: 1.1em; text-align: center; margin-top: 16px;">
-           {{ translationMap.get('LABEL_FORGOT_YOUR_PASSWORD') }}
+           {{ translationMap?.get('LABEL_FORGOT_YOUR_PASSWORD') }}
           <span style="color: #03a5e8; cursor:pointer" (click)="goToResetPsw()">
-             {{ translationMap.get('LABEL_CLICK_HERE') }} 
+             {{ translationMap?.get('LABEL_CLICK_HERE') }} 
           </span>
         </p>
 

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

@@ -3,10 +3,8 @@
   <ion-toolbar>
     
     <ion-buttons slot="start">
-      <!-- (click)="pushPage('conversations-list')" -->
-      <ion-back-button text="" *ngIf="isMobile"
-          defaultHref="/conversations-list"
-         >
+      <!-- (click)="pushPage('conversations-list')" defaultHref="/conversations-list" -->
+      <ion-back-button style="display: block;" text="" *ngIf="isMobile" (click)="goBackToConversationList()">
       </ion-back-button> 
     </ion-buttons>
 

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

@@ -1,5 +1,5 @@
 import { Component, OnInit, Input, Output, EventEmitter, OnChanges } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { ImageRepoService } from 'src/chat21-core/providers/abstract/image-repo.service';
 
 // Logger
@@ -43,7 +43,8 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
   constructor(
     public imageRepoService: ImageRepoService,
     private route: ActivatedRoute,
-    public platform: Platform
+    public platform: Platform,
+    private router: Router
   ) {
     this.route.paramMap.subscribe(params => {
 
@@ -125,4 +126,8 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
   /** */
   pushPage(event) { }
 
+  goBackToConversationList() {
+    this.router.navigateByUrl('/conversations-list');
+  }
+
 }

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

@@ -130,7 +130,7 @@
                     </svg>
                   </div>
                   <span *ngIf="project?.ws_projct_user_isBusy === true" class="project-item--isBusy-busy-text text-pulse-animation">
-                    {{translationMap.get('Busy')}}
+                    {{translationMap?.get('Busy')}}
                   </span>
                 </div>
 

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

@@ -4,7 +4,7 @@
     padding-top: 0px;
     margin-top: 0px !important;
     padding-bottom: 0px !important;
-    background: #fff;
+    // background: #fff;
     padding-left: 0px;
     width: 100%;
     // min-height: 70px;
@@ -12,12 +12,12 @@
     min-height: 55px;
     height: 55px;
     position: relative;
-    top: -4px;
+    top: -5px;
 }
 
-.main-content-project-for-panel:hover {
-    background-color: rgb(244, 243, 244);
-}
+// .main-content-project-for-panel:hover {
+//     background-color: rgb(244, 243, 244);
+// }
 .container-project-for-panel {
     padding: 0px !important;
     width: 296px;
@@ -298,7 +298,7 @@
 
 .availabily-and-busy-wpr {
     // margin-top: 6px;
-    margin-top: 4px;
+    margin-top: 7px;
     margin-left: 11px;
 }
 

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

@@ -117,13 +117,14 @@ export class ProjectItemComponent implements OnInit {
     let stored_project = ''
     try {
       stored_project = localStorage.getItem('last_project')
+      this.logger.log('PROJECT-ITEM - THERE IS A STORED PROJECT ', stored_project)
     } catch (err) {
-      console.log('Get loacal storage item LAST PROJECT ', err)
+      this.logger.log('Get local storage LAST PROJECT ', err)
     }
 
 
     if (!stored_project) {
-      console.log('PROJECT-ITEM - THERE IS NOT STORED LAST PROJECT ', stored_project)
+      this.logger.log('PROJECT-ITEM - THERE IS NOT STORED LAST PROJECT ', stored_project)
       const tiledeskToken = this.appStorageService.getItem('tiledeskToken');
       this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTS - tiledeskToken', tiledeskToken);
       this.tiledeskService.getProjects(tiledeskToken).subscribe(projects => {

package/src/app/pages/authentication/login/login.page.html

@@ -3,6 +3,5 @@
   [translationMap] = translationMap
   [companyLogoBlackUrl]= companyLogoBlackUrl
   [companyName]= companyName
-  (eventSignInWithEmailAndPassword)="returnSignInWithEmailAndPassword($event)"
-  >
+  (eventSignInWithEmailAndPassword)="returnSignInWithEmailAndPassword($event)">
 </component-login>