@chat21/chat21-ionic 3.0.61-rc2 → 3.0.61-rc3

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # chat21-ionic ver 3.0
 
+### 3.0.61-rc3
+- Replaces console.log with custom loggers 
+- Fixes the bug: the info support sidebar is no more displayed
+
 ### 3.0.61-rc2
 - Fixes the bug: Profile picture in the sidebar does not update when logged in with another user after logging out
 - Bug Fix: in the "info-profile" page avoid the "uid of undefined" error

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.61-rc2",
+    "version": "3.0.61-rc3",
     "author": "Tiledesk SRL",
     "homepage": "https://ionicframework.com/",
     "scripts": {

package/src/app/app.component.ts

@@ -298,10 +298,10 @@ export class AppComponent implements OnInit {
    */
   ngOnInit() {
     const appconfig = this.appConfigProvider.getConfig();
-    console.log('[APP-COMP] appconfig', appconfig)
+    // console.log('[APP-COMP] appconfig', appconfig)
     if (appconfig && appconfig.supportMode) {
       this.SUPPORT_MODE = appconfig.supportMode
-      console.log('[APP-COMP] appconfig > SUPPORT_MODE', this.SUPPORT_MODE)
+      // console.log('[APP-COMP] appconfig > SUPPORT_MODE', this.SUPPORT_MODE)
     } else {
       this.SUPPORT_MODE = false;
     }
@@ -850,13 +850,13 @@ export class AppComponent implements OnInit {
           // if (this.isOnline === false) {
           // if (AUTH_STATE_ONLINE) {
           this.IS_ONLINE = true;
-          console.log('[APP-COMP] IS_ONLINE', this.IS_ONLINE)
+          // console.log('[APP-COMP] IS_ONLINE', this.IS_ONLINE)
           this.goOnLine();
           // }
         } else if (state === AUTH_STATE_OFFLINE) {
           // this.checkTokenAndGoOffline() //se c'è un tiledeskToken salvato, allora aspetta, altrimenti vai offline
           this.IS_ONLINE = false;
-          console.log('[APP-COMP] IS_ONLINE', this.IS_ONLINE)
+          // console.log('[APP-COMP] IS_ONLINE', this.IS_ONLINE)
           this.goOffLine()
         }
       }, error => {

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

@@ -95,10 +95,8 @@ export class IonListConversationsComponent extends ListConversationsComponent im
     this.translate.get('Resolve')
       .subscribe((text: string) => {
         // this.deleteContact_msg = text;
-        
-
         this.archive_btn_tooltip = text;
-       console.log('[ION-LIST-CONVS-COMP] getTranslations Resolve : ', text)
+      //  console.log('[ION-LIST-CONVS-COMP] getTranslations Resolve : ', text)
        
       });
   }

package/src/app/components/conversation-info/info-content/info-content.component.html

@@ -10,9 +10,9 @@
     [groupDetail]="groupDetail">
   </app-info-group>
 
-  <!-- <app-info-support-group *ngIf="panelType === 'support-group-panel'"
+  <app-info-support-group *ngIf="panelType === 'support-group-panel'"
     [urlConversationSupportGroup]="urlConversationSupportGroup">
-  </app-info-support-group> -->
+  </app-info-support-group>
 
 
 </ion-content>

package/src/app/components/ddp-header/ddp-header.component.ts

@@ -25,7 +25,7 @@ export class DdpHeaderComponent implements OnInit {
     if (/Android|iPhone/i.test(window.navigator.userAgent)) {
       this.IS_ON_MOBILE_DEVICE = true;
     }
-    console.log('[DDP-HEADER] IS_ON_MOBILE_DEVICE', this.IS_ON_MOBILE_DEVICE)
+    // console.log('[DDP-HEADER] IS_ON_MOBILE_DEVICE', this.IS_ON_MOBILE_DEVICE)
     return this.IS_ON_MOBILE_DEVICE;
   }
 

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

@@ -71,7 +71,7 @@ export class ProjectItemComponent implements OnInit {
     if (/Android|iPhone/i.test(window.navigator.userAgent)) {
       this.IS_ON_MOBILE_DEVICE = true;
     }
-    console.log('[PROJECT-ITEM] IS_ON_MOBILE_DEVICE', this.IS_ON_MOBILE_DEVICE)
+    // console.log('[PROJECT-ITEM] IS_ON_MOBILE_DEVICE', this.IS_ON_MOBILE_DEVICE)
     return this.IS_ON_MOBILE_DEVICE;
   }
 

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

@@ -57,7 +57,7 @@ export class SidebarComponent implements OnInit {
 
   ngOnInit() {
     this.DASHBOARD_URL = this.appConfig.getConfig().dashboardUrl + '#/project/';
-    console.log('[SIDEBAR] DASHBOARD_URL ', this.DASHBOARD_URL)
+    // console.log('[SIDEBAR] DASHBOARD_URL ', this.DASHBOARD_URL)
     this.getStoredProjectAndDashboardBaseUrl()
     this.subcribeToAuthStateChanged()
     this.listenTocurrentProjectUserUserAvailability$()
@@ -68,25 +68,25 @@ export class SidebarComponent implements OnInit {
   getCurrentChatLangAndTranslateLabels() {
     const browserLang = this.translate.getBrowserLang();
     const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
-    console.log('[SIDEBAR] - ngOnInit - currentUser ', currentUser)
-    console.log('[SIDEBAR] - ngOnInit - browserLang ', browserLang)
+    // console.log('[SIDEBAR] - ngOnInit - currentUser ', currentUser)
+    // console.log('[SIDEBAR] - ngOnInit - browserLang ', browserLang)
     let currentUserId = ''
     if (currentUser) {
       currentUserId = currentUser.uid
-      console.log('[SIDEBAR] - ngOnInit - currentUserId ', currentUserId)
+      // console.log('[SIDEBAR] - ngOnInit - currentUserId ', currentUserId)
     }
 
     const stored_preferred_lang = localStorage.getItem(currentUserId + '_lang');
-    console.log('[SIDEBAR] stored_preferred_lang: ', stored_preferred_lang);
+    // console.log('[SIDEBAR] stored_preferred_lang: ', stored_preferred_lang);
 
     let chat_lang = '';
     if (browserLang && !stored_preferred_lang) {
       chat_lang = browserLang
-      console.log('[SIDEBAR] chat_lang: ', chat_lang);
+      this.logger.log('[SIDEBAR] chat_lang: ', chat_lang);
     } else if (browserLang && stored_preferred_lang) {
       chat_lang = stored_preferred_lang
 
-      console.log('[SIDEBAR] chat_lang: ', chat_lang);
+      this.logger.log('[SIDEBAR] chat_lang: ', chat_lang);
     }
 
     this.translate.use(chat_lang);
@@ -115,7 +115,7 @@ export class SidebarComponent implements OnInit {
   getContactsTranslation() {
     this.translate.get('LABEL_CONTACTS')
       .subscribe((text: string) => {
-        console.log('[SIDEBAR] - translate Contacts', text)
+        // console.log('[SIDEBAR] - translate Contacts', text)
         this.contacts_lbl = text
       });
   }
@@ -123,7 +123,7 @@ export class SidebarComponent implements OnInit {
   getAppsTranslation() {
     this.translate.get('Apps')
       .subscribe((text: string) => {
-        console.log('[SIDEBAR] - translate Apps', text)
+        // console.log('[SIDEBAR] - translate Apps', text)
         this.apps_lbl = text
       });
   }
@@ -131,7 +131,7 @@ export class SidebarComponent implements OnInit {
   getAnalyticsTranslation() {
     this.translate.get('Analytics')
       .subscribe((text: string) => {
-        console.log('[SIDEBAR] - translate Analytics', text)
+        // console.log('[SIDEBAR] - translate Analytics', text)
         this.analytics_lbl = text
       });
   }
@@ -139,7 +139,7 @@ export class SidebarComponent implements OnInit {
   getActivitiesTranslation() {
     this.translate.get('Activities')
       .subscribe((text: string) => {
-        console.log('[SIDEBAR] - translate Activities', text)
+        // console.log('[SIDEBAR] - translate Activities', text)
         this.activities_lbl = text
       });
   }
@@ -147,7 +147,7 @@ export class SidebarComponent implements OnInit {
   getHistoryTranslation() {
     this.translate.get('History')
       .subscribe((text: string) => {
-        console.log('[SIDEBAR] - translate History', text)
+        // console.log('[SIDEBAR] - translate History', text)
         this.history_lbl = text
       });
   }
@@ -155,7 +155,7 @@ export class SidebarComponent implements OnInit {
   getSettingsTranslation() {
     this.translate.get('Settings')
       .subscribe((text: string) => {
-        console.log('[SIDEBAR] - translate Settings', text)
+        // console.log('[SIDEBAR] - translate Settings', text)
         this.settings_lbl = text
       });
   }
@@ -225,7 +225,7 @@ export class SidebarComponent implements OnInit {
 
   listenTocurrentProjectUserUserAvailability$() {
     this.wsService.currentProjectUserAvailability$.subscribe((projectUser) => {
-      console.log('[SIDEBAR] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS RES ', projectUser);
+      this.logger.log('[SIDEBAR] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS RES ', projectUser);
 
       this.IS_AVAILABLE = projectUser['user_available']
       this.IS_BUSY = projectUser['isBusy']
@@ -249,11 +249,11 @@ export class SidebarComponent implements OnInit {
   }
 
   openUserDetailSidePanel() {
-    console.log('[SIDEBAR] OPEN UESER DTLS SIDE PANEL')
+    this.logger.log('[SIDEBAR] OPEN UESER DTLS SIDE PANEL')
     this.HAS_CLICKED_OPEN_USER_DETAIL = true
-    console.log('[SIDEBAR] OPEN USER DTLS SIDE PANEL ', this.HAS_CLICKED_OPEN_USER_DETAIL)
+    this.logger.log('[SIDEBAR] OPEN USER DTLS SIDE PANEL ', this.HAS_CLICKED_OPEN_USER_DETAIL)
     const elSidebarUserDtls = <HTMLElement>document.querySelector('#user-details');
-    console.log('[SIDEBAR] OPEN USER DTLS SIDE PANEL elSidebarUserDtls ', elSidebarUserDtls)
+    this.logger.log('[SIDEBAR] OPEN USER DTLS SIDE PANEL elSidebarUserDtls ', elSidebarUserDtls)
     if (elSidebarUserDtls) {
       elSidebarUserDtls.classList.add("active");
       this.events.publish('userdetailsidebar:opened', true);
@@ -262,16 +262,16 @@ export class SidebarComponent implements OnInit {
   }
 
   onCloseUserDetailsSidebar($event) {
-    console.log('[SIDEBAR] HAS_CLICKED_CLOSE_USER_DETAIL ', $event)
+    this.logger.log('[SIDEBAR] HAS_CLICKED_CLOSE_USER_DETAIL ', $event)
     this.HAS_CLICKED_OPEN_USER_DETAIL = $event
     const elemNavbar = <HTMLElement>document.querySelector('.navbar-absolute');
-    console.log('[SIDEBAR] elemNavBar ', elemNavbar)
+    this.logger.log('[SIDEBAR] elemNavBar ', elemNavbar)
     if (elemNavbar) {
       elemNavbar.classList.remove("navbar-absolute-custom-class")
     }
 
     const elemNavbarBrand = <HTMLElement>document.querySelector('.navbar-brand');
-    console.log('[SIDEBAR] elemNavbarBrand ', elemNavbarBrand)
+    this.logger.log('[SIDEBAR] elemNavbarBrand ', elemNavbarBrand)
     if (elemNavbarBrand) {
       elemNavbarBrand.classList.remove("navbar-brand-z-index-zero")
     }
@@ -279,14 +279,14 @@ export class SidebarComponent implements OnInit {
 
   subcribeToAuthStateChanged() {
     this.messagingAuthService.BSAuthStateChanged.subscribe((state) => {
-      console.log('[SIDEBAR] BSAuthStateChanged ', state)
+      this.logger.log('[SIDEBAR] BSAuthStateChanged ', state)
 
       if (state === 'online') {
         const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
-        console.log('[SIDEBAR] currentUser ', currentUser)
+        this.logger.log('[SIDEBAR] currentUser ', currentUser)
         if (currentUser) {
           this.photo_profile_URL = this.imageRepoService.getImagePhotoUrl(currentUser.uid)
-          console.log('[SIDEBAR] photo_profile_URL ', this.photo_profile_URL)
+          this.logger.log('[SIDEBAR] photo_profile_URL ', this.photo_profile_URL)
         }
 
       }
@@ -299,13 +299,13 @@ export class SidebarComponent implements OnInit {
     // console.log('[SIDEBAR] stored_project ', stored_project)
     if (stored_project) {
       const project = JSON.parse(stored_project)
-      console.log('[SIDEBAR] project ', project)
+      this.logger.log('[SIDEBAR] project ', project)
 
       this.project_id = project.id_project.id
-      console.log('[SIDEBAR] project_id ', this.project_id)
+      this.logger.log('[SIDEBAR] project_id ', this.project_id)
 
       this.USER_ROLE = project.role;
-      console.log('[SIDEBAR] USER_ROLE ', this.USER_ROLE)
+      this.logger.log('[SIDEBAR] USER_ROLE ', this.USER_ROLE)
     }
   }
 

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

@@ -76,25 +76,25 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
   listenOpenUserSidebarEvent() {
     this.events.subscribe('userdetailsidebar:opened', (openUserDetailsSidebar) => {
-    console.log('[SIDEBAR-USER-DETAILS] - listenOpenUserSidebarEvent - openUserDetailsSidebar', openUserDetailsSidebar);
+      this.logger.log('[SIDEBAR-USER-DETAILS] - listenOpenUserSidebarEvent - openUserDetailsSidebar', openUserDetailsSidebar);
     this.HAS_CLICKED_OPEN_USER_DETAIL = true;
     });
   }
 
   @HostListener('document:click', ['$event'])
   clickout(event) {
-    console.log('[SIDEBAR-USER-DETAILS] clickout event.target)', event.target)
-    console.log('[SIDEBAR-USER-DETAILS] clickout event.target)', event.target.id)
+    this.logger.log('[SIDEBAR-USER-DETAILS] clickout event.target)', event.target)
+    this.logger.log('[SIDEBAR-USER-DETAILS] clickout event.target)', event.target.id)
     const clicked_element_id = event.target.id
     if (this.eRef.nativeElement.contains(event.target)) {
-      console.log('[SIDEBAR-USER-DETAILS] clicked inside')
+      this.logger.log('[SIDEBAR-USER-DETAILS] clicked inside')
     } else {
-      console.log('[SIDEBAR-USER-DETAILS] HAS_CLICKED_OPEN_USER_DETAIL ', this.HAS_CLICKED_OPEN_USER_DETAIL)
+      this.logger.log('[SIDEBAR-USER-DETAILS] HAS_CLICKED_OPEN_USER_DETAIL ', this.HAS_CLICKED_OPEN_USER_DETAIL)
       if (this.HAS_CLICKED_OPEN_USER_DETAIL === true) {
         if (!clicked_element_id.startsWith("sidebaravatar")) {
           this.closeUserDetailSidePanel();
         }
-        console.log('[SIDEBAR-USER-DETAILS] clicked outside')
+        // this.logger.log('[SIDEBAR-USER-DETAILS] clicked outside')
       }
     }
   }
@@ -102,16 +102,16 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   getCurrentChatLangAndTranslateLabels() {
     this.browserLang = this.translate.getBrowserLang();
     const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
-    console.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUser ', currentUser)
-    console.log('[SIDEBAR-USER-DETAILS] - ngOnInit - browserLang ', this.browserLang)
+    this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUser ', currentUser)
+    this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - browserLang ', this.browserLang)
     let currentUserId = ''
     if (currentUser) {
       currentUserId = currentUser.uid
-      console.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUserId ', currentUserId)
+      this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUserId ', currentUserId)
     }
 
     const stored_preferred_lang = localStorage.getItem(currentUserId + '_lang');
-    console.log('[SIDEBAR-USER-DETAILS] stored_preferred_lang: ', stored_preferred_lang);
+    this.logger.log('[SIDEBAR-USER-DETAILS] stored_preferred_lang: ', stored_preferred_lang);
 
 
     this.chat_lang = ''
@@ -119,13 +119,13 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
       this.chat_lang = this.browserLang
       this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
 
-      console.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
-      console.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
+      this.logger.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
+      this.logger.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
     } else if (this.browserLang && stored_preferred_lang) {
       this.chat_lang = stored_preferred_lang
       this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
-      console.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
-      console.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
+      this.logger.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
+      this.logger.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
     }
 
     this.translate.use(this.chat_lang);
@@ -143,8 +143,8 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
   getOSCODE() {
     this.public_Key = this.appConfigProvider.getConfig().t2y12PruGU9wUtEGzBJfolMIgK;
-    console.log('[SIDEBAR-USER-DETAILS] AppConfigService getAppConfig public_Key', this.public_Key);
-    console.log('[SIDEBAR-USER-DETAILS] AppConfigService getAppConfig', this.appConfigProvider.getConfig());
+    this.logger.log('[SIDEBAR-USER-DETAILS] AppConfigService getAppConfig public_Key', this.public_Key);
+    this.logger.log('[SIDEBAR-USER-DETAILS] AppConfigService getAppConfig', this.appConfigProvider.getConfig());
     if (this.public_Key) {
       let keys = this.public_Key.split("-");
       this.logger.log('[SIDEBAR-USER-DETAILS] PUBLIC-KEY - public_Key keys', keys)
@@ -173,16 +173,16 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   getAvailableTranslation() {
     this.translate.get('Available')
       .subscribe((text: string) => {
-        // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+       
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.IS_AVAILABLE_msg = text
       });
   }
   getUnavailableTranslation() {
     this.translate.get('Unavailable')
       .subscribe((text: string) => {
-        // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+      
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.IS_UNAVAILABLE_msg = text
       });
   }
@@ -190,8 +190,8 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   getIsBusyTranslation() {
     this.translate.get('Busy')
       .subscribe((text: string) => {
-        // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+       
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.IS_BUSY_msg = text
       });
   }
@@ -199,8 +199,8 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   getSubscriptionPaymentProblemTranslation() {
     this.translate.get('SubscriptionPaymentProblem')
       .subscribe((text: string) => {
-        // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+      
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.SUBSCRIPTION_PAYMENT_PROBLEM_msg = text
       });
   }
@@ -208,8 +208,8 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   getThePlanHasExpiredTranslation() {
     this.translate.get('ThePlanHasExpired')
       .subscribe((text: string) => {
-        // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+     
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.THE_PLAN_HAS_EXPIRED_msg = text
       });
   }
@@ -218,30 +218,28 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   getCurrentStoredProject() {
     try {
       const project = localStorage.getItem('last_project')
-
-
       if (project) {
         const projectObjct = JSON.parse(localStorage.getItem('last_project'))
-        console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
+        // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
 
         this.projectID = projectObjct['id_project']['_id']
-        console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > PROJECT ID ', this.projectID);
+        // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > PROJECT ID ', this.projectID);
 
         this.prjct_name = projectObjct['id_project']['name']
-        console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > PROJECT NAME ', this.prjct_name);
+        // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > PROJECT NAME ', this.prjct_name);
 
         this.plan_type = projectObjct['id_project']['profile']['type'];
-        console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > PLAN TYPE ', this.plan_type);
+        // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > PLAN TYPE ', this.plan_type);
 
         const trial_expired = projectObjct['id_project']['trialExpired']
-        console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > TRIAL EXPIRED ', trial_expired);
+        // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > TRIAL EXPIRED ', trial_expired);
 
         const profile_name = projectObjct['id_project']['profile']['name'];
-        console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > PROFILE NAME ', profile_name);
+        // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT > PROFILE NAME ', profile_name);
 
         this.plan_name = projectObjct['id_project']['profile']['name'];
         this.plan_subscription_is_active = projectObjct['id_project']['isActiveSubscription'];
-        
+
         if (this.plan_type === 'free') {
 
           if (trial_expired === false) {
@@ -258,14 +256,14 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
       }
 
     } catch (err) {
-      console.error('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ERR ', err)
+      this.logger.error('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ERR ', err)
     }
 
     try {
       this.tiledeskToken = this.appStorageService.getItem('tiledeskToken');
-      console.log('[SIDEBAR-USER-DETAILS] - GET STORED TOKEN ', this.tiledeskToken)
+      // console.log('[SIDEBAR-USER-DETAILS] - GET STORED TOKEN ', this.tiledeskToken)
     } catch (err) {
-      console.error('[SIDEBAR-USER-DETAILS] - GET STORED TOKEN ', err)
+      this.logger.error('[SIDEBAR-USER-DETAILS] - GET STORED TOKEN ', err)
     }
   }
 
@@ -274,8 +272,8 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     // this.profile_name_translated = this.PRO_PLAN_TRIAL_msg;
     this.translate.get('ProPlanTrial')
       .subscribe((text: string) => {
-        // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+       
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.profile_name_translated = text
       });
   }
@@ -284,8 +282,8 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     // this.profile_name_translated = this.FREE_PLAN_msg;
     this.translate.get('FreePlan')
       .subscribe((text: string) => {
-        // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+        
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.profile_name_translated = text
       });
   }
@@ -295,7 +293,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     this.translate.get('PaydPlanNamePro')
       .subscribe((text: string) => {
         // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.profile_name_translated = text
       });
   }
@@ -305,7 +303,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     this.translate.get('PaydPlanNameEnterprise')
       .subscribe((text: string) => {
         // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.profile_name_translated = text
       });
   }
@@ -316,13 +314,13 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     this.wsService.currentProjectUserAvailability$
       .pipe(skip(1))
       .subscribe((projectUser) => {
-        console.log('[SIDEBAR-USER-DETAILS] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS RES ', projectUser);
+        this.logger.log('[SIDEBAR-USER-DETAILS] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS RES ', projectUser);
 
         if (projectUser) {
           this.IS_AVAILABLE = projectUser['user_available']
           this.IS_BUSY = projectUser['isBusy']
           this.USER_ROLE = projectUser['role']
-          console.log('[SIDEBAR-USER-DETAILS] -translateUserRole  1', this.USER_ROLE)
+          // console.log('[SIDEBAR-USER-DETAILS] -translateUserRole  1', this.USER_ROLE)
           this.translateUserRole(this.USER_ROLE)
         }
 
@@ -336,11 +334,11 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
   translateUserRole(role) {
-    console.log('[SIDEBAR-USER-DETAILS] -translateUserRole ', role)
+    // console.log('[SIDEBAR-USER-DETAILS] -translateUserRole ', role)
     this.translate.get(role)
       .subscribe((text: string) => {
-        // this.deleteContact_msg = text;
-        console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+    
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
         this.USER_ROLE_LABEL = text
       });
 
@@ -349,9 +347,9 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
 
   ngOnChanges() {
-    console.log('[SIDEBAR-USER-DETAILS] HAS_CLICKED_OPEN_USER_DETAIL', this.HAS_CLICKED_OPEN_USER_DETAIL)
+    // console.log('[SIDEBAR-USER-DETAILS] HAS_CLICKED_OPEN_USER_DETAIL', this.HAS_CLICKED_OPEN_USER_DETAIL)
     var element = document.getElementById('user-details');
-    console.log('[SIDEBAR-USER-DETAILS] element', element)
+    // console.log('[SIDEBAR-USER-DETAILS] element', element)
     if (this.HAS_CLICKED_OPEN_USER_DETAIL === true) {
       element.classList.add("active");
     }
@@ -359,15 +357,15 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
   subcribeToAuthStateChanged() {
     this.messagingAuthService.BSAuthStateChanged.subscribe((state) => {
-      console.log('[SIDEBAR] BSAuthStateChanged ', state)
+      this.logger.log('[SIDEBAR] BSAuthStateChanged ', state)
 
       if (state === 'online') {
         const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
-        console.log('[SIDEBAR-USER-DETAILS] currentUser ', currentUser)
+        this.logger.log('[SIDEBAR-USER-DETAILS] currentUser ', currentUser)
         if (currentUser) {
           this.user = currentUser;
           this.photo_profile_URL = this.imageRepoService.getImagePhotoUrl(currentUser.uid)
-          console.log('[SIDEBAR-USER-DETAILS] photo_profile_URL ', this.photo_profile_URL)
+          this.logger.log('[SIDEBAR-USER-DETAILS] photo_profile_URL ', this.photo_profile_URL)
         }
 
       }
@@ -377,7 +375,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   closeUserDetailSidePanel() {
     var element = document.getElementById('user-details');
     element.classList.remove("active");
-    console.log('[SIDEBAR-USER-DETAILS] element', element);
+    this.logger.log('[SIDEBAR-USER-DETAILS] element', element);
     this.HAS_CLICKED_OPEN_USER_DETAIL === true
     // this.onCloseUserDetailsSidebar.emit(false);
   }
@@ -385,7 +383,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
 
   changeAvailabilityStateInUserDetailsSidebar(available) {
-    console.log('[SIDEBAR-USER-DETAILS] - changeAvailabilityState projectid', this.projectID, ' available 1: ', available);
+    this.logger.log('[SIDEBAR-USER-DETAILS] - changeAvailabilityState projectid', this.projectID, ' available 1: ', available);
 
     //   available = !available
     //   console.log('[SIDEBAR-USER-DETAILS] - changeAvailabilityState projectid', this.projectID, ' available 2 : ', available);
@@ -393,7 +391,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     this.wsService.updateCurrentUserAvailability(this.tiledeskToken, this.projectID, available)
       .subscribe((projectUser: any) => {
 
-        console.log('[SIDEBAR-USER-DETAILS] - PROJECT-USER UPDATED ', projectUser)
+        this.logger.log('[SIDEBAR-USER-DETAILS] - PROJECT-USER UPDATED ', projectUser)
 
         // NOTIFY TO THE USER SERVICE WHEN THE AVAILABLE / UNAVAILABLE BUTTON IS CLICKED
         // this.usersService.availability_btn_clicked(true)
@@ -404,10 +402,10 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
         // }
 
       }, (error) => {
-        console.error('[SIDEBAR-USER-DETAILS] - PROJECT-USER UPDATED - ERROR  ', error);
+        this.logger.error('[SIDEBAR-USER-DETAILS] - PROJECT-USER UPDATED - ERROR  ', error);
 
       }, () => {
-        console.log('[SIDEBAR-USER-DETAILS] - PROJECT-USER UPDATED  * COMPLETE *');
+        this.logger.log('[SIDEBAR-USER-DETAILS] - PROJECT-USER UPDATED  * COMPLETE *');
 
       });
   }

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

@@ -206,7 +206,7 @@ export class ConversationListPage implements OnInit {
 
   getAppConfigToHideDiplayBtns() {
     const appConfig = this.appConfigProvider.getConfig();
-    console.log('[ION-LIST-CONVS-COMP] - appConfig ', appConfig)
+    // console.log('[ION-LIST-CONVS-COMP] - appConfig ', appConfig)
     if (appConfig && appConfig.supportMode) {
       this.supportMode = appConfig.supportMode;
     } else {