@chat21/chat21-ionic 3.0.67 → 3.0.68

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # chat21-ionic ver 3.0
 
+### 3.0.68 in PROD
+
+### 3.0.68-rc3
+- bug-fixed: not sound with unservedRequest if WebSocket restart again (every 3/5min)
+
+### 3.0.68-rc2
+ - bug-fixed: removed lookup API call for old requests
+
+### 3.0.68-rc1
+- bug-fixed: not sound if conversation.is_new changed from true to false in conversationChange BS
+- changed: if message contains only 1 emoji remove bubble message background and increase font-size
+- added: new languages az, sv, kk, uz
+- removed: control in info-content component for old project id with 32 characters
+
 ### 3.0.67 in PROD
 - added: control to 'foregroundCount' when tab is hidden/visible
 - added: sound control on/off to new conversations and conversations changed

package/deploy_amazon_prod.sh

@@ -7,9 +7,12 @@ echo 'URL_VER: ---->'$URL_VER
 
 # sed -i -e "s/$start$ver.$build/$start$NEW_VER.$NEW_BUILD/g" src/utils/constants.ts
 sed -i -e "s/$URL_VER/g" src/utils/constants.ts
+
+
 ionic cordova platform add browser --save
 #ionic cordova build --env=prod browser  -- --base-href /www/ --prod
 ionic cordova build --env=prod browser --prod 
+
 cp -p src/firebase-messaging-sw.js platforms/browser/www/
 cp -p src/manifest.json platforms/browser/www/
 cp -p src/chat-config.json platforms/browser/www/
@@ -19,6 +22,7 @@ aws s3 sync . s3://tiledesk-console/v2/chat/
 aws s3 sync . s3://tiledesk-console/v2/chat/$version/
 # aws s3 sync . s3://tiledesk-console/v2/chat/latest/
 cd ../../../
+
 # aws cloudfront create-invalidation --distribution-id E36UIP90GOSFPM --paths "/*"
 
 # echo new version deployed on s3://tiledesk-dashboard/chat/$NEW_BUILD/

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.67",
+    "version": "3.0.68",
     "license": "AGPL-3.0",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/app.component.ts

@@ -562,15 +562,13 @@ export class AppComponent implements OnInit {
       chat_lang = stored_preferred_lang
     }
 
-    this.logger.log('[APP-COMP] - chat_lang', chat_lang)
-
     if (tranlatedLanguage.includes(chat_lang)) {
       this.logger.log('[APP-COMP] tranlatedLanguage includes', chat_lang, ': ', tranlatedLanguage.includes(chat_lang))
       this.translate.setDefaultLang(chat_lang)
       this.translate.use(chat_lang);
     }
     else {
-      this.logger.log('[APP-COMP] tranlatedLanguage includes', chat_lang, ': ', tranlatedLanguage.includes(chat_lang))
+      this.logger.log('[APP-COMP] tranlatedLanguage not includes', chat_lang, ': ', tranlatedLanguage.includes(chat_lang))
       this.translate.setDefaultLang('en');
       this.translate.use('en');
     }
@@ -836,14 +834,16 @@ export class AppComponent implements OnInit {
     const sound_status = localStorage.getItem('dshbrd----sound')
     if(sound_status && sound_status !== 'undefined'){
       this.isSoundEnabled = sound_status === 'enabled'? true: false
+    }else{
+      this.isSoundEnabled = true
     }
 
   }
 
-  private manageTabNotification() {
+  private manageTabNotification(badgeNotificationCount?: number) {
     if (!this.isTabVisible) {
       // TAB IS HIDDEN --> manage title and SOUND
-      let badgeNewConverstionNumber = this.conversationsHandlerService.countIsNew()
+      let badgeNewConverstionNumber = badgeNotificationCount? badgeNotificationCount : this.conversationsHandlerService.countIsNew()
       badgeNewConverstionNumber > 0 ? badgeNewConverstionNumber : badgeNewConverstionNumber = 1
       document.title = "(" + badgeNewConverstionNumber + ") " + this.tabTitle
 
@@ -863,13 +863,13 @@ export class AppComponent implements OnInit {
     if(sound_status && sound_status !== 'undefined'){
       this.isSoundEnabled = sound_status === 'enabled'? true: false
     }
-
+    // this.logger.debug('[APP-COMP] manageTabNotification can saund?', this.isInitialized, this.isSoundEnabled)
     if(this.isInitialized && this.isSoundEnabled) this.soundMessage()
   }
 
   soundMessage() {
     const that = this;
-    this.logger.debug('[APP-COMP] conversation play', this.audio);
+    // this.logger.debug('[APP-COMP] conversation play', this.audio);
     // clearTimeout(this.setTimeoutSound);
     // this.setTimeoutSound = setTimeout(function () {
     //   that.audio.play().then(() => {
@@ -878,7 +878,7 @@ export class AppComponent implements OnInit {
     //     that.logger.error('[APP-COMP] ***soundMessage error*', error);
     //   });
     // }, 4000);
-    
+
     //play sound every 4s from the fist time you receive a conversation added/changed
     if(!this.hasPlayed){
       that.audio.play().then(() => {
@@ -938,11 +938,10 @@ export class AppComponent implements OnInit {
 
     this.events.subscribe('uidConvSelected:changed', this.subscribeChangedConversationSelected);
     this.events.subscribe('profileInfoButtonClick:logout', this.subscribeProfileInfoButtonLogOut);
-
+    this.events.subscribe('unservedRequest:count', this.subscribeUnservedRequestCount)
 
     this.conversationsHandlerService.conversationAdded.subscribe((conversation: ConversationModel) => {
-      this.logger.log('[APP-COMP] ***** conversationsAdded *****', conversation);
-      // that.conversationsChanged(conversations);
+      // this.logger.log('[APP-COMP] ***** subscribeConversationAdded *****', conversation);
       if (conversation && conversation.is_new === true) {
         this.manageTabNotification()
       }
@@ -953,17 +952,23 @@ export class AppComponent implements OnInit {
       // console.log('[APP-COMP] ***** subscribeConversationChanged conversation: ', conversation);
       if(conversation)  this.updateConversationsOnStorage();
       const currentUser = this.tiledeskAuthService.getCurrentUser()
+    });
+
+    this.conversationsHandlerService.conversationChangedDetailed.subscribe((changes: {value: ConversationModel, previousValue: ConversationModel}) => {
+      // console.log('[APP-COMP] ***** subscribeConversationChangedDetailed conversation: ', changes);
+      const currentUser = this.tiledeskAuthService.getCurrentUser()
       if (currentUser && currentUser !== null) {
-        this.logger.log('[APP-COMP] ***** subscribeConversationChanged currentUser: ', currentUser);
-        if (conversation && conversation.sender !== currentUser.uid) {
-          this.manageTabNotification();
+        this.logger.log('[APP-COMP] ***** subscribeConversationChangedDetailed currentUser: ', currentUser);
+        if (changes.value && changes.value.sender !== currentUser.uid) {
+          if(changes.value.is_new === changes.previousValue.is_new){
+            this.manageTabNotification();
+          }
         }
       }
     });
 
     this.conversationsHandlerService.conversationRemoved.subscribe((conversation: ConversationModel) => {
       this.logger.log('[APP-COMP] ***** conversationRemoved *****', conversation);
-      // that.conversationsChanged(conversations);
       if(conversation)  this.updateConversationsOnStorage();
     });
   }
@@ -1037,7 +1042,8 @@ export class AppComponent implements OnInit {
     this.chatManager.goOffLine();
 
     this.router.navigateByUrl('conversation-detail/'); //redirect to basePage
-
+    // this.goToDashboardLogin()
+    
     // clearTimeout(this.timeModalLogin);
     // this.timeModalLogin = setTimeout(() => {
     if (!this.hadBeenCalledOpenModal) {
@@ -1051,6 +1057,12 @@ export class AppComponent implements OnInit {
 
   }
 
+  goToDashboardLogin(){
+    let DASHBOARD_URL = this.appConfigProvider.getConfig().dashboardUrl + '/index.html'
+    const myWindow = window.open(DASHBOARD_URL, '_self');
+    myWindow.focus();
+  }
+
 
   webSocketClose() {
     this.logger.log('[APP-COMP] - GO-OFFLINE - webSocketClose');
@@ -1131,6 +1143,12 @@ export class AppComponent implements OnInit {
     }
   }
 
+  subscribeUnservedRequestCount = (unservedRequestCount) => {
+    if(unservedRequestCount && unservedRequestCount > 0){
+      this.manageTabNotification(unservedRequestCount) //sound and alternate title
+    }
+  }
+
   private async presentModal(calledby): Promise<any> {
     this.logger.log('[APP-COMP] presentModal calledby', calledby, '- hadBeenCalledOpenModal: ', this.hadBeenCalledOpenModal);
     const attributes = { tenant: this.tenant, enableBackdropDismiss: false };
@@ -1240,7 +1258,7 @@ export class AppComponent implements OnInit {
 
   @HostListener('document:visibilitychange', [])
   visibilitychange() {
-    this.logger.debug("document TITLE", document.hidden, document.title);
+    // this.logger.debug("document TITLE", document.hidden, document.title);
     if (document.hidden) {
       this.isTabVisible = false
     } else {

package/src/app/app.module.ts

@@ -200,15 +200,15 @@ export function presenceFactory(appConfig: AppConfigProvider) {
   }
 }
 
-export function imageRepoFactory(appConfig: AppConfigProvider) {
+export function imageRepoFactory(appConfig: AppConfigProvider, http: HttpClient) {
 
   const config = appConfig.getConfig()
   if (config.uploadEngine === UPLOAD_ENGINE_NATIVE) {
-    const imageService = new NativeImageRepoService()
+    const imageService = new NativeImageRepoService(http)
     imageService.setImageBaseUrl(config.baseImageUrl)
     return imageService
   } else {
-    const imageService = new FirebaseImageRepoService();
+    const imageService = new FirebaseImageRepoService(http);
     FirebaseInitService.initFirebase(config.firebaseConfig)
     imageService.setImageBaseUrl(config.baseImageUrl)
     return imageService
@@ -345,7 +345,7 @@ const appInitializerFn = (appConfig: AppConfigProvider, logger: NGXLogger) => {
     {
       provide: ImageRepoService,
       useFactory: imageRepoFactory,
-      deps: [AppConfigProvider]
+      deps: [AppConfigProvider, HttpClient]
     },
     {
       provide: ConversationHandlerBuilderService,

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

@@ -45,6 +45,14 @@
             padding-top: 14px;
         }
     }
+
+    // &:hover .message-date{
+    //     display: flex;
+    // }
+
+    // .message-date {
+    //     display: none;
+    // }
 }
 // > .button-native
 .btn-add-msg-as-canned-response {

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

@@ -22,13 +22,11 @@ export class InfoMessageComponent implements OnInit, OnChanges {
   }
 
   ngOnChanges() {
-    this.logger.debug('[INFO-COMP] message ', this.message)
     // Fixes the bug: if a snippet of code is pasted and sent it is not displayed correctly info message
     if(this.message && this.message.text) {
       var regex = /<br\s*[\/]?>/gi;
       this.message.text = this.message.text.replace(regex, "\n")
       // this.message.text = replaceEndOfLine(this.message.text);
-      this.logger.debug('[INFO-COMP] message .text  ', this.message.text )
     }
   }
 

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

@@ -88,7 +88,6 @@ export class IonListConversationsComponent extends ListConversationsComponent im
     // }
 
     this.currentYear = moment().format('YYYY');
-    this.logger.log('[ION-LIST-CONVS-COMP] - currentYear ', this.currentYear)
 
     const DASHBOARD_BASE_URL = this.appConfigProvider.getConfig().dashboardUrl;
 
@@ -99,8 +98,7 @@ export class IonListConversationsComponent extends ListConversationsComponent im
   }
   ngOnInit() {
     this.isApp = this.platform.is('ios') || this.platform.is('android')
-    this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - IS-APP ', this.isApp)
-    this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - Platform', this.platform.platforms());
+    this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - IS-APP ', this.isApp);
 
   }
 

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

@@ -91,24 +91,21 @@ export class InfoContentComponent implements OnInit {
         const lastArrayElement = conversationWith_segments[conversationWith_segments.length - 1]
         this.logger.log('[INFO-CONTENT-COMP] - paramMap.subscribe lastArrayElement ', lastArrayElement);
         this.logger.log('[INFO-CONTENT-COMP] - paramMap.subscribe lastArrayElement length', lastArrayElement.length);
-        if (lastArrayElement.length !== 32) {
-          conversationWith_segments.pop();
-        }
+        // if (lastArrayElement.length !== 32) {
+        //   conversationWith_segments.pop();
+        // }
       }
 
 
       this.logger.log('[INFO-CONTENT-COMP] - paramMap.subscribe conversationWith_segments: ', conversationWith_segments);
 
       if (this.conversationWith.startsWith("support-group")) {
-        if (conversationWith_segments.length === 4) {
+        // if (conversationWith_segments.length === 4) {
           this.project_id = conversationWith_segments[2];
-
           this.selectInfoContentTypeInfoSupportGroup();
-
-        } else {
-
-          this.getProjectIdByConversationWith(this.conversationWith)
-        }
+        // } else {
+        //   this.getProjectIdByConversationWith(this.conversationWith)
+        // }
       } else {
         this.selectInfoContentTypeDirectAndGroup(this.conversationWith);
       }
@@ -118,25 +115,25 @@ export class InfoContentComponent implements OnInit {
 
   }
 
-  getProjectIdByConversationWith(conversationWith: string) {
-    const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
+  // getProjectIdByConversationWith(conversationWith: string) {
+  //   const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
 
-    this.tiledeskService.getProjectIdByConvRecipient(tiledeskToken, conversationWith).subscribe(res => {
-      this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT RES', res);
+  //   this.tiledeskService.getProjectIdByConvRecipient(tiledeskToken, conversationWith).subscribe(res => {
+  //     this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT RES', res);
 
-      if (res) {
-        this.project_id = res.id_project
-        this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT  this.project_id', this.project_id);
-      }
+  //     if (res) {
+  //       this.project_id = res.id_project
+  //       this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT  this.project_id', this.project_id);
+  //     }
 
-    }, (error) => {
-      this.logger.error('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error);
+  //   }, (error) => {
+  //     this.logger.error('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error);
 
-    }, () => {
-      this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *');
-      this.selectInfoContentTypeInfoSupportGroup();
-    });
-  }
+  //   }, () => {
+  //     this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *');
+  //     this.selectInfoContentTypeInfoSupportGroup();
+  //   });
+  // }
 
   ngOnInit() {
     this.logger.log('>>> N INFO-CONTENT-COMP CALLING ngOnInit');

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

@@ -2,7 +2,7 @@ import { EventsService } from './../../services/events-service';
 import { Component, EventEmitter, HostListener, OnInit, Output } from '@angular/core';
 import { WebsocketService } from 'src/app/services/websocket/websocket.service';
 import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
+import { takeUntil, skip } from 'rxjs/operators';
 import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
@@ -66,6 +66,13 @@ export class ProjectItemComponent implements OnInit {
     this.isOnMobileDevice();
   }
 
+  ngOnDestroy() {
+    this.logger.log('[PROJECT-ITEM] > ngOnDestroy')
+    this.unsubscribe$.next()
+    this.unsubscribe$.complete()
+
+  }
+
   isOnMobileDevice() {
     this.IS_ON_MOBILE_DEVICE = false;
     if (/Android|iPhone/i.test(window.navigator.userAgent)) {
@@ -237,18 +244,13 @@ export class ProjectItemComponent implements OnInit {
       this.listenTocurrentProjectUserUserAvailability$(project)
 
       this.wsService.subscriptionToWsConversations(project.id_project._id)
-      // this.updateCurrentUserRequestCount();
       this.updateUnservedRequestCount();
 
     }
   }
 
   listenTocurrentProjectUserUserAvailability$(project) {
-    this.wsService.currentProjectUserAvailability$
-      .pipe(
-        takeUntil(this.unsubscribe$)
-      )
-      .subscribe((projectUser) => {
+    this.wsService.currentProjectUserAvailability$.pipe(takeUntil(this.unsubscribe$)).subscribe((projectUser) => {
         this.logger.log('[PROJECT-ITEM] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS RES ', projectUser);
 
         if (project.id_project._id === projectUser['id_project']) {
@@ -276,11 +278,9 @@ export class ProjectItemComponent implements OnInit {
     available = !available
     this.logger.log('[PROJECT-ITEM] - changeAvailabilityState projectid', projectid, ' available: ', available);
 
-    this.wsService.updateCurrentUserAvailability(this.tiledeskToken, projectid, available)
-      .subscribe((projectUser: any) => {
+    this.wsService.updateCurrentUserAvailability(this.tiledeskToken, projectid, available).subscribe((projectUser: any) => {
 
         this.logger.log('[PROJECT-ITEM] - PROJECT-USER UPDATED ', projectUser)
-
         // NOTIFY TO THE USER SERVICE WHEN THE AVAILABLE / UNAVAILABLE BUTTON IS CLICKED
         // this.usersService.availability_btn_clicked(true)
 
@@ -300,24 +300,27 @@ export class ProjectItemComponent implements OnInit {
 
   updateUnservedRequestCount() {
 
-    this.wsService.wsRequestsList$
-      .subscribe((requests) => {
-        if (requests) {
-          let count = 0;
-          requests.forEach(r => {
-            if (r['status'] === 100) {
-              if (this.hasmeInAgents(r['agents']) === true) {
-                count = count + 1;
-              }
+    this.wsService.wsRequestsList$.pipe(takeUntil(this.unsubscribe$)).pipe(skip(1)).subscribe((requests) => {
+      if (requests) {
+        let count = 0;
+        requests.forEach(r => {
+          if (r['status'] === 100) {
+            if (this.hasmeInAgents(r['agents']) === true) {
+              count = count + 1;
             }
-          });
+          }
+        });
+        //not sound if unservedRequest is already chached and web-sk is closed and restart again
+        if(this.unservedRequestCount < count){  
           this.unservedRequestCount = count;
+          this.events.publish('unservedRequest:count', this.unservedRequestCount)
         }
-      }, error => {
-        this.logger.error('[PROJECT-ITEM] UNSERVED REQUEST COUNT * error * ', error)
-      }, () => {
-        this.logger.log('[PROJECT-ITEM] UNSERVED REQUEST COUNT */* COMPLETE */*')
-      })
+      }
+    }, error => {
+      this.logger.error('[PROJECT-ITEM] UNSERVED REQUEST COUNT * error * ', error)
+    }, () => {
+      this.logger.log('[PROJECT-ITEM] UNSERVED REQUEST COUNT */* COMPLETE */*')
+    })
   }
 
   hasmeInAgents(agents) {
@@ -332,31 +335,6 @@ export class ProjectItemComponent implements OnInit {
     }
   }
 
-  updateCurrentUserRequestCount() {
-    this.wsService.wsRequestsList$
-      .pipe(
-        takeUntil(this.unsubscribe$)
-      )
-      .subscribe((requests) => {
-        if (requests) {
-          let count = 0;
-          requests.forEach(r => {
-            const participantsArray = r['participants'] // new used with ws 
-    
-            const currentUserIsInParticipants = participantsArray.includes(this.currentUserId); // new used with ws 
-            if (currentUserIsInParticipants === true) {
-              count = count + 1;
-            }
-          });
-          this.currentUserRequestCount = count;
-          this.logger.log('[PROJECT-ITEM] CURRENT USER REQUEST COUNT - RES', this.currentUserRequestCount);
-        }
-      }, error => {
-        this.logger.error('[PROJECT-ITEM] CURRENT USER REQUEST COUNT * error * ', error)
-      }, () => {
-        this.logger.log('[PROJECT-ITEM] CURRENT USER REQUEST COUNT */* COMPLETE */*')
-      })
-  }
 
 
 

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

@@ -259,7 +259,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   listenToDsbrdPostMsgs() {
 
     window.addEventListener("message", (event) => {
-      this.logger.log("[CONVS-DETAIL] message event ", event);
+      // this.logger.log("[CONVS-DETAIL] message event ", event);
 
       // const chat21InfoConversationEle = <HTMLElement>document.querySelector('#chat21-info-conversation');
       // console.log('[CONVS-DETAIL] HAS CLICKED ENLARGE SIDEBAR WIDE chat21InfoConversationEle ', chat21InfoConversationEle)
@@ -531,55 +531,33 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   _getProjectIdByConversationWith(conversationWith: string) {
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()
 
-    this.tiledeskService
-      .getProjectIdByConvRecipient(tiledeskToken, conversationWith)
-      .subscribe(
-        (res) => {
-          this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES', res)
-          if (res) {
-            const projectId = res.id_project
-            this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT projectId ', projectId)
-            this.getProjectById(tiledeskToken, projectId)
-          }
-        },
-        (error) => {
-          this.logger.error('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error)
-        },
-        () => {
-          this.logger.log(
-            '[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *',
-          )
-        },
-      )
+    this.tiledeskService.getProjectIdByConvRecipient(tiledeskToken, conversationWith).subscribe((res) => {
+      this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES + projectId', res, res.id_project)
+      if (res) {
+        const projectId = res.id_project
+        this.getProjectById(tiledeskToken, projectId)
+      }
+    },(error) => {
+      this.logger.error('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error)
+    },() => {
+      this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *',)
+    })
   }
 
   getProjectById(tiledeskToken, projectId) {
-    this.tiledeskService.getProjectById(tiledeskToken, projectId).subscribe(
-      (res) => {
-        this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES', res)
-        if (res) {
-          const projectId = res.id_project
-          this.logger.log(
-            '[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT projectId ',
-            projectId,
-          )
-        }
-      },
-      (error) => {
-        this.logger.error(
-          '[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ',
-          error,
-        )
-        if ((error.error.msg = 'you dont belong to the project.')) {
-          this.disableTextarea = true
-        }
-      },
-      () => {
-        this.logger.log(
-          '[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *',
-        )
-      },
-    )
+    this.tiledeskService.getProjectById(tiledeskToken, projectId).subscribe((res) => {
+      this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES', res)
+      if (res) {
+        const projectId = res.id_project
+      }
+    },(error) => {
+      this.logger.error('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ',error)
+      if ((error.error.msg = 'you dont belong to the project.')) {
+        this.disableTextarea = true
+      }
+    },() => {
+      this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *')
+    })
   }
 
   returnOpenCloseInfoConversation(openInfoConversation: boolean) {
@@ -1251,45 +1229,36 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       conversationWith_segments.pop()
     }
 
-    if (conversationWith_segments.length === 4) {
-      const lastArrayElement = conversationWith_segments[conversationWith_segments.length - 1]
-      this.logger.log('[CONVS-DETAIL] - lastArrayElement ', lastArrayElement)
-      this.logger.log('[CONVS-DETAIL] - lastArrayElement length', lastArrayElement.length)
-      if (lastArrayElement.length !== 32) {
-        conversationWith_segments.pop()
-      }
-    }
-
     this.logger.log('[CONVS-DETAIL] - loadTagsCanned conversationWith_segments ', conversationWith_segments)
     let projectId = ''
 
-    if (conversationWith_segments.length === 4) {
+    // if (conversationWith_segments.length === 4) {
       projectId = conversationWith_segments[2]
       this.logger.log('[CONVS-DETAIL] - loadTagsCanned projectId ', projectId)
       this.getAndShowCannedResponses(strSearch, projectId)
-    } else {
-      this.getProjectIdByConversationWith(strSearch, this.conversationWith)
-    }
+    // } else {
+      // this.getProjectIdByConversationWith(strSearch, this.conversationWith)
+    // }
   }
 
-  getProjectIdByConversationWith(strSearch, conversationWith: string) {
-    const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()
-
-    this.tiledeskService.getProjectIdByConvRecipient(tiledeskToken, conversationWith).subscribe((res) => {
-      this.logger.log('[CONVS-DETAIL] - loadTagsCanned - GET PROJECTID BY CONV RECIPIENT RES', res)
-      if (res) {
-        const projectId = res.id_project
-        this.logger.log('[CONVS-DETAIL] - loadTagsCanned - GET PROJECTID BY CONV RECIPIENT projectId ', projectId)
-        if (projectId) {
-          this.getAndShowCannedResponses(strSearch, projectId)
-        }
-      }
-    }, (error) => {
-      this.logger.error('[CONVS-DETAIL] - loadTagsCanned - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error)
-    }, () => {
-      this.logger.log('[CONVS-DETAIL] - loadTagsCanned - GET PROJECTID BY CONV RECIPIENT * COMPLETE *')
-    })
-  }
+  // getProjectIdByConversationWith(strSearch, conversationWith: string) {
+  //   const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()
+
+  //   this.tiledeskService.getProjectIdByConvRecipient(tiledeskToken, conversationWith).subscribe((res) => {
+  //     this.logger.log('[CONVS-DETAIL] - loadTagsCanned - GET PROJECTID BY CONV RECIPIENT RES', res)
+  //     if (res) {
+  //       const projectId = res.id_project
+  //       this.logger.log('[CONVS-DETAIL] - loadTagsCanned - GET PROJECTID BY CONV RECIPIENT projectId ', projectId)
+  //       if (projectId) {
+  //         this.getAndShowCannedResponses(strSearch, projectId)
+  //       }
+  //     }
+  //   }, (error) => {
+  //     this.logger.error('[CONVS-DETAIL] - loadTagsCanned - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error)
+  //   }, () => {
+  //     this.logger.log('[CONVS-DETAIL] - loadTagsCanned - GET PROJECTID BY CONV RECIPIENT * COMPLETE *')
+  //   })
+  // }
 
   getAndShowCannedResponses(strSearch, projectId) {
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()