@chat21/chat21-ionic 3.0.65-rc2 → 3.0.65

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

@@ -46,19 +46,14 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   profile_name_translated: string;
   SubscriptionPaymentProblem: string;
   user: any
-  projectID: any
   tiledeskToken: string;
-  prjct_name: string;
-  plan_type: string;
+  project: { _id: string, name: string, type: string, isActiveSubscription: boolean, plan_name: string}
   _prjct_profile_name: string;
 
   isVisiblePAY: boolean;
   public_Key: any
-  plan_name: string;
-  plan_subscription_is_active: boolean;
   USER_PHOTO_PROFILE_EXIST: boolean;
   version: string
-  test: Date = new Date();
   company_name: string = 'Tiledesk'
   DASHBOARD_URL: string;
   constructor(
@@ -77,10 +72,9 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   ngOnInit() {
     this.DASHBOARD_URL = this.appConfigProvider.getConfig().dashboardUrl + '#/project/';
     this.version = PACKAGE.version;
-    this.getCurrentChatLangAndTranslateLabels();
     this.subcribeToAuthStateChanged();
     this.listenTocurrentProjectUserUserAvailability$();
-    this.getCurrentStoredProject();
+    this.listenToCurrentStoredProject();
     this.getOSCODE();
     // this.listenOpenUserSidebarEvent();
   }
@@ -90,15 +84,14 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
       this.logger.log('[SIDEBAR-USER-DETAILS] BSAuthStateChanged ', state)
 
       if (state === 'online') {
-
         const storedCurrentUser = this.appStorageService.getItem('currentUser')
         if (storedCurrentUser && storedCurrentUser !== 'undefined') {
           const currentUser = JSON.parse(storedCurrentUser);
           this.logger.log('[SIDEBAR-USER-DETAILS] - subcribeToAuthStateChanged - currentUser ', currentUser)
           if (currentUser) {
             this.user = currentUser;
-            this.createUserAvatar(this.user)
-            this.photo_profile_URL = this.imageRepoService.getImagePhotoUrl(currentUser.uid)
+            this.getCurrentChatLangAndTranslateLabels(this.user);
+            this.photo_profile_URL = this.imageRepoService.getImagePhotoUrl(this.user.uid)
             this.logger.log('[SIDEBAR-USER-DETAILS] photo_profile_URL ', this.photo_profile_URL);
             this.checkIfExistPhotoProfile(this.photo_profile_URL)
           }
@@ -124,23 +117,6 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
 
-  createUserAvatar(currentUser) {
-    this.logger.log('[SIDEBAR-USER-DETAILS] - createProjectUserAvatar ', currentUser)
-    let fullname = ''
-    if (currentUser && currentUser.firstname && currentUser.lastname) {
-      fullname = currentUser.firstname + ' ' + currentUser.lastname
-      currentUser['fullname_initial'] = avatarPlaceholder(fullname)
-      currentUser['fillColour'] = getColorBck(fullname)
-    } else if (currentUser && currentUser.firstname) {
-      fullname = currentUser.firstname
-      currentUser['fullname_initial'] = avatarPlaceholder(fullname)
-      currentUser['fillColour'] = getColorBck(fullname)
-    } else {
-      currentUser['fullname_initial'] = 'N/A'
-      currentUser['fillColour'] = 'rgb(98, 100, 167)'
-    }
-  }
-
   verifyImageURL(image_url, callBack) {
     const img = new Image();
     img.src = image_url;
@@ -184,64 +160,64 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
 
-  getCurrentChatLangAndTranslateLabels() {
+  getCurrentChatLangAndTranslateLabels(currentUser) {
     this.browserLang = this.translate.getBrowserLang();
-    const storedCurrentUser = this.appStorageService.getItem('currentUser')
-
-    if (storedCurrentUser && storedCurrentUser !== 'undefined') {
-      const currentUser = JSON.parse(storedCurrentUser);
-      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
-        this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUserId ', currentUserId)
-      }
+    this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUser ', currentUser)
+    this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - browserLang ', this.browserLang)
 
-      const stored_preferred_lang = localStorage.getItem(currentUserId + '_lang');
-      this.logger.log('[SIDEBAR-USER-DETAILS] stored_preferred_lang: ', stored_preferred_lang);
+    const stored_preferred_lang = localStorage.getItem(currentUser.uid + '_lang');
+    this.logger.log('[SIDEBAR-USER-DETAILS] stored_preferred_lang: ', stored_preferred_lang);
 
 
-      this.chat_lang = ''
-      if (this.browserLang && !stored_preferred_lang) {
-        this.chat_lang = this.browserLang
-        // this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
-
-        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"
-        this.logger.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
-        this.logger.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
-      }
+    this.chat_lang = ''
+    if (this.browserLang && !stored_preferred_lang) {
+      this.chat_lang = this.browserLang
+      // this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
 
+      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"
+      this.logger.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
+      this.logger.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
+    }
 
-      if (tranlatedLanguage.includes(this.chat_lang)) {
-        this.logger.log('[SIDEBAR-USER-DETAILS] tranlatedLanguage includes', this.chat_lang, ': ', tranlatedLanguage.includes(this.chat_lang))
-        this.translate.use(this.chat_lang);
-        this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
-      } else {
-        this.logger.log('[SIDEBAR-USER-DETAILS] tranlatedLanguage includes', this.chat_lang, ': ', tranlatedLanguage.includes(this.chat_lang))
-        this.translate.use('en');
-        this.flag_url = "assets/images/language_flag/en.png"
-        this.chat_lang = 'en'
-      }
-
+    if (tranlatedLanguage.includes(this.chat_lang)) {
+      this.logger.log('[SIDEBAR-USER-DETAILS] tranlatedLanguage includes', this.chat_lang, ': ', tranlatedLanguage.includes(this.chat_lang))
+      this.translate.use(this.chat_lang);
+      this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
     } else {
-      this.logger.error('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUser not found in storage')
+      this.logger.log('[SIDEBAR-USER-DETAILS] tranlatedLanguage includes', this.chat_lang, ': ', tranlatedLanguage.includes(this.chat_lang))
+      this.translate.use('en');
+      this.flag_url = "assets/images/language_flag/en.png"
+      this.chat_lang = 'en'
     }
+
     this.translateLabels()
   }
 
   translateLabels() {
-    this.getEditProfileTranslation();
-    this.getAvailableTranslation();
-    this.getUnavailableTranslation();
-    this.getIsBusyTranslation();
-    this.getSubscriptionPaymentProblemTranslation();
-    this.getThePlanHasExpiredTranslation();
-    this.getLogoutTranslation();
+    let keys= [
+      'EditProfile',
+      'Available',
+      'Unavailable',
+      'Busy',
+      'LABEL_LOGOUT',
+      'SubscriptionPaymentProblem',
+      'ThePlanHasExpired'
+    ]
+
+    this.translate.get(keys).subscribe((text: string) => {
+      this.EditProfileLabel = text['EditProfile'];
+      this.IS_AVAILABLE_msg = text['Available']
+      this.IS_UNAVAILABLE_msg = text['Unavailable']
+      this.IS_BUSY_msg = text['Busy']
+      this.LOGOUT_msg = text['LABEL_LOGOUT']
+      this.SUBSCRIPTION_PAYMENT_PROBLEM_msg = text['SubscriptionPaymentProblem']
+      this.THE_PLAN_HAS_EXPIRED_msg = text['ThePlanHasExpired']
+      
+    });
   }
 
 
@@ -275,92 +251,77 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
   getEditProfileTranslation() {
-    this.translate.get('EditProfile')
-      .subscribe((text: string) => {
+    this.translate.get('EditProfile').subscribe((text: string) => {
         this.EditProfileLabel = text
       });
   }
 
-
-
   getAvailableTranslation() {
-    this.translate.get('Available')
-      .subscribe((text: string) => {
+    this.translate.get('Available').subscribe((text: string) => {
         this.IS_AVAILABLE_msg = text
-      });
+    });
   }
   getUnavailableTranslation() {
-    this.translate.get('Unavailable')
-      .subscribe((text: string) => {
+    this.translate.get('Unavailable').subscribe((text: string) => {
         this.IS_UNAVAILABLE_msg = text
-      });
+    });
   }
 
   getIsBusyTranslation() {
-    this.translate.get('Busy')
-      .subscribe((text: string) => {
+    this.translate.get('Busy').subscribe((text: string) => {
         this.IS_BUSY_msg = text
-      });
+    });
   }
 
   getLogoutTranslation() {
-    this.translate.get('LABEL_LOGOUT')
-      .subscribe((text: string) => {
+    this.translate.get('LABEL_LOGOUT').subscribe((text: string) => {
         this.LOGOUT_msg = text
-      });
+    });
   }
 
   getSubscriptionPaymentProblemTranslation() {
-    this.translate.get('SubscriptionPaymentProblem')
-      .subscribe((text: string) => {
+    this.translate.get('SubscriptionPaymentProblem').subscribe((text: string) => {
         this.SUBSCRIPTION_PAYMENT_PROBLEM_msg = text
-      });
+    });
   }
 
   getThePlanHasExpiredTranslation() {
-    this.translate.get('ThePlanHasExpired')
-      .subscribe((text: string) => {
+    this.translate.get('ThePlanHasExpired').subscribe((text: string) => {
         this.THE_PLAN_HAS_EXPIRED_msg = text
-      });
+    });
   }
 
 
-  getCurrentStoredProject() {
-    try {
-      const project = localStorage.getItem('last_project')
-      if (project && project !== 'undefined') {
-        const projectObjct = JSON.parse(localStorage.getItem('last_project'))
+  listenToCurrentStoredProject() {
+    this.events.subscribe('storage:last_project', projectObjct => {
+      if (projectObjct && projectObjct !== 'undefined') {
         // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
 
-        this.projectID = projectObjct['id_project']['_id']
-    
-        this.prjct_name = projectObjct['id_project']['name']
+        this.project = {
+          _id: projectObjct['id_project']['_id'],
+          name: projectObjct['id_project']['name'],
+          type: projectObjct['id_project']['profile']['type'],
+          isActiveSubscription: projectObjct['id_project']['isActiveSubscription'],
+          plan_name: projectObjct['id_project']['profile']['name']
+        }
 
-        this.plan_type = projectObjct['id_project']['profile']['type'];
-   
-        const trial_expired = projectObjct['id_project']['trialExpired']
-    
+        const trial_expired = projectObjct['id_project']['trialExpired']    
         const profile_name = projectObjct['id_project']['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 (this.project.type === 'free') {
 
           if (trial_expired === false) {
             this.getProPlanTrialTranslation();
           } else if (trial_expired === true) {
             this.getFreePlanTranslation();
           }
-        } else if (this.plan_type === 'payment' && profile_name === 'pro') {
+        } else if (this.project.type === 'payment' && profile_name === 'pro') {
           this.getProPlanTranslation();
-        } else if (this.plan_type === 'payment' && profile_name === 'enterprise') {
+        } else if (this.project.type === 'payment' && profile_name === 'enterprise') {
           this.getEnterprisePlanTranslation();
         }
       }
-    } catch (err) {
-      this.logger.error('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ERR ', err)
-    }
+    })
 
     try {
       this.tiledeskToken = this.appStorageService.getItem('tiledeskToken');
@@ -372,37 +333,31 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
 
   getProPlanTrialTranslation() {
-    this.translate.get('ProPlanTrial')
-      .subscribe((text: string) => {
+    this.translate.get('ProPlanTrial').subscribe((text: string) => {
         this.profile_name_translated = text
       });
   }
 
   getFreePlanTranslation() {
-    this.translate.get('FreePlan')
-      .subscribe((text: string) => {
+    this.translate.get('FreePlan').subscribe((text: string) => {
         this.profile_name_translated = text
       });
   }
 
   getProPlanTranslation() {
-    this.translate.get('PaydPlanNamePro')
-      .subscribe((text: string) => {
+    this.translate.get('PaydPlanNamePro').subscribe((text: string) => {
         this.profile_name_translated = text
       });
   }
 
   getEnterprisePlanTranslation() {
-    this.translate.get('PaydPlanNameEnterprise')
-      .subscribe((text: string) => {
+    this.translate.get('PaydPlanNameEnterprise').subscribe((text: string) => {
         this.profile_name_translated = text
       });
   }
 
   listenTocurrentProjectUserUserAvailability$() {
-    this.wsService.currentProjectUserAvailability$
-      .pipe(skip(1))
-      .subscribe((projectUser) => {
+    this.wsService.currentProjectUserAvailability$.pipe(skip(1)).subscribe((projectUser) => {
         this.logger.log('[SIDEBAR-USER-DETAILS] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS RES ', projectUser);
 
         if (projectUser) {
@@ -412,8 +367,6 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
           this.translateUserRole(this.USER_ROLE)
         }
 
-
-
       }, (error) => {
         this.logger.error('[SIDEBAR-USER-DETAILS] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS error ', error);
       }, () => {
@@ -422,8 +375,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
   translateUserRole(role) {
-    this.translate.get(role)
-      .subscribe((text: string) => {
+    this.translate.get(role).subscribe((text: string) => {
         this.USER_ROLE_LABEL = text
       });
   }
@@ -436,9 +388,9 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
 
   changeAvailabilityStateInUserDetailsSidebar(available) {
-    this.logger.log('[SIDEBAR-USER-DETAILS] - changeAvailabilityState projectid', this.projectID, ' available 1: ', available);
+    this.logger.log('[SIDEBAR-USER-DETAILS] - changeAvailabilityState projectid', this.project._id, ' available 1: ', available);
 
-    this.wsService.updateCurrentUserAvailability(this.tiledeskToken, this.projectID, available)
+    this.wsService.updateCurrentUserAvailability(this.tiledeskToken, this.project._id, available)
       .subscribe((projectUser: any) => {
 
         this.logger.log('[SIDEBAR-USER-DETAILS] - PROJECT-USER UPDATED ', projectUser)
@@ -453,7 +405,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
   goToUserProfile() {
-    let url = this.DASHBOARD_URL + this.projectID + '/user-profile'
+    let url = this.DASHBOARD_URL + this.project._id + '/user-profile'
     const myWindow = window.open(url, '_self');
     myWindow.focus();
   }

package/src/app/directives/truncate.pipe.ts

@@ -6,7 +6,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 export class TruncatePipe implements PipeTransform {
 
   transform(value: string, character: number): any {
-    console.log('stringggg', value, character)
     if(value && value.length > character) 
       return value.substring(0, character) + ' ...'
     else 

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

@@ -110,7 +110,6 @@ export class LoginPage implements OnInit {
       'Email must be a valid email',
       'Password is required',
       'Password must be at least 6 characters long'
-
     ];
     this.translationMap = this.translateService.translateLanguage(keys);
   }

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

@@ -320,7 +320,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       const conversations = this.conversationsHandlerService.conversations
       // console.log('[CONVS-DETAIL] conversations', conversations);
       this.conversation_count = conversations.length
-      if (conv && conv.sender !== this.loggedUser.uid) {
+      if (conv && this.loggedUser && conv.sender !== this.loggedUser.uid) {
         this.logger.log('[CONVS-DETAIL] subscribe to BSConversationsChange data sender ', conv.sender)
         this.logger.log('[CONVS-DETAIL] subscribe to BSConversationsChange this.loggedUser.uid ', this.loggedUser.uid)
         this.logger.log('[CONVS-DETAIL] subscribe to BSConversationsChange is_new ', conv.is_new)
@@ -761,6 +761,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     if (this.conversationWith && this.conversationsHandlerService && this.conv_type === 'active') {
       this.logger.log('[CONVS-DETAIL] - setHeaderContent getConversationDetail CALLING')
       this.conversationsHandlerService.getConversationDetail(this.conversationWith, (conv) => {
+        this.logger.debug('[CONV-COMP] setHeaderContent getConversationDetail: conversationsHandlerService ', this.conversationWith, conv, this.conv_type)
         if (conv) {
           this.conversationAvatar = setConversationAvatar(
             conv.conversation_with,
@@ -768,19 +769,45 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
             conv.channel_type,
           )
         }
+        if(!conv){
+          this.logger.debug('[CONV-COMP] setHeaderContent getConversationDetail: conv not exist --> search in archived list', this.conversationWith, this.conv_type)
+          this.archivedConversationsHandlerService.getConversationDetail(this.conversationWith, (conv) => {
+            this.logger.debug('[CONV-COMP] setHeaderContent getConversationDetail: archivedConversationsHandlerService', this.conversationWith, conv)
+            if (conv) {
+              console.log('[CONVS-DETAIL] - setHeaderContent getConversationDetail (archived)', this.conversationWith, 'CONVS', conv)
+              this.conversationAvatar = setConversationAvatar(
+                conv.conversation_with,
+                conv.conversation_with_fullname,
+                conv.channel_type,
+              )
+            }
+          })
+        }
         this.logger.log('[CONVS-DETAIL] - setHeaderContent > conversationAvatar: ', this.conversationAvatar)
       })
     } else {
-      //get conversation from 'conversations' firebase node
+      //get conversation from 'archived-conversations' firebase node
+      this.logger.debug('[CONV-COMP] setHeaderContent getConversationDetail: archivedConversationsHandlerService', this.conversationWith, this.conv_type)
       this.archivedConversationsHandlerService.getConversationDetail(this.conversationWith, (conv) => {
         if (conv) {
-          // console.log('[CONVS-DETAIL] - setHeaderContent getConversationDetail (archived)', this.conversationWith, 'CONVS', conv)
           this.conversationAvatar = setConversationAvatar(
             conv.conversation_with,
             conv.conversation_with_fullname,
             conv.channel_type,
           )
         }
+        if(!conv){
+          this.conversationsHandlerService.getConversationDetail(this.conversationWith, (conv) => {
+            if (conv) {
+              this.conversationAvatar = setConversationAvatar(
+                conv.conversation_with,
+                conv.conversation_with_fullname,
+                conv.channel_type,
+              )
+            }
+            this.logger.log('[CONVS-DETAIL] - setHeaderContent > conversationAvatar: ', this.conversationAvatar)
+          })
+        }
       })
     }
 
@@ -934,7 +961,6 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     subscriptionKey = 'messageAdded'
     subscription = this.subscriptions.find((item) => item.key === subscriptionKey)
     if (!subscription) {
-      this.logger.log('[CONVS-DETAIL] subscribe to messageAdded - conversationHandlerService', this.conversationHandlerService)
       subscription = this.conversationHandlerService.messageAdded.subscribe((msg: any) => {
         this.logger.log('[CONVS-DETAIL] subscribe to messageAdded - msg ', msg)
         if (msg) {
@@ -950,7 +976,6 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     subscriptionKey = 'messageChanged'
     subscription = this.subscriptions.find((item) => item.key === subscriptionKey)
     if (!subscription) {
-      this.logger.log('[CONVS-DETAIL] subscribe to messageChanged')
       subscription = this.conversationHandlerService.messageChanged.subscribe((msg: any) => {
         this.logger.log('[CONVS-DETAIL] subscribe to messageChanged - msg ', msg)
       })
@@ -961,7 +986,6 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     subscriptionKey = 'messageRemoved'
     subscription = this.subscriptions.find((item) => item.key === subscriptionKey)
     if (!subscription) {
-      this.logger.log('[CONVS-DETAIL] subscribe to messageRemoved')
       subscription = this.conversationHandlerService.messageRemoved.subscribe((messageId: any) => {
         this.logger.log('[CONVS-DETAIL] subscribe to messageRemoved - messageId ', messageId)
       })
@@ -1186,26 +1210,15 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
                 this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash parts', beforeSlashParts)
 
                 if (beforeSlashParts.length === 2) {
-                  if (
-                    beforeSlashParts[0].indexOf(' ') >= 0 &&
-                    afterSlashParts[0] === ''
-                  ) {
+                  if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0] === '') {
                     this.HIDE_CANNED_RESPONSES = false
-                    this.logger.log(
-                      '[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash there is a white space After Not',
-                    )
+                    this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash there is a white space After Not')
                     // if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0].indexOf(' ') >= 0)
-                  } else if (
-                    beforeSlashParts[0].indexOf(' ') < 0 &&
-                    afterSlashParts[0] === ''
-                  ) {
+                  } else if (beforeSlashParts[0].indexOf(' ') < 0 && afterSlashParts[0] === '') {
                     this.HIDE_CANNED_RESPONSES = true
                     this.tagsCannedFilter = []
                     this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash not thete is a white space After Not')
-                  } else if (
-                    beforeSlashParts[0].indexOf(' ') >= 0 &&
-                    afterSlashParts[0] === ' '
-                  ) {
+                  } else if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0] === ' ') {
                     this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash not thete is a white space After YES')
                     this.HIDE_CANNED_RESPONSES = true
                     this.tagsCannedFilter = []
@@ -1475,11 +1488,6 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.logger.log('[CONVS-DETAIL] - insertAtCursor - myValue ', myValue)
     this.logger.log('[CONVS-DETAIL] - insertAtCursor - myField ', myField)
 
-    // myValue = ' ' + myValue;
-
-    // console.log('[CONVS-DETAIL] - GET TEXT AREA - Here yes myValue ', myValue);
-    // console.log('[CONVS-DETAIL] - GET TEXT AREA - Here yes textArea value length', myField.value.length);
-
     if (myField.value.length > 0) {
       myValue = ' ' + myValue
     }
@@ -1571,24 +1579,15 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     // this.audio.src = '/assets/sounds/pling.mp3';
     this.audio.src = URL_SOUND_LIST_CONVERSATION
     this.audio.load()
-    this.logger.log(
-      '[CONVS-DETAIL] soundMessage conversation this.audio',
-      this.audio,
-    )
+    this.logger.log('[CONVS-DETAIL] soundMessage conversation this.audio',this.audio)
     clearTimeout(this.setTimeoutSound)
     this.setTimeoutSound = setTimeout(function () {
-      that.audio
-        .play()
-        .then(() => {
+      that.audio.play().then(() => {
           // Audio is playing.
-          this.logger.log(
-            '[CONVS-DETAIL] soundMessag that.audio.src ',
-            that.audio.src,
-          )
-        })
-        .catch((error) => {
+          this.logger.log('[CONVS-DETAIL] soundMessag that.audio.src ',that.audio.src)
+      }).catch((error) => {
           that.logger.error(error)
-        })
+      })
     }, 1000)
   }
 
@@ -1750,10 +1749,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
    * FIREBY BY: click event ScrollToBottom bottom-right icon button
    */
   public actionScrollBottom() {
-    this.logger.log(
-      '[CONVS-DETAIL] actionScrollBottom - ionContentChatArea: ',
-      this.ionContentChatArea,
-    )
+    this.logger.log('[CONVS-DETAIL] actionScrollBottom - ionContentChatArea: ',this.ionContentChatArea)
     // const that = this;
     this.showButtonToBottom = false
     this.updateConversationBadge()