@chat21/chat21-ionic 3.4.32-rc9 → 3.4.34

package/CHANGELOG.md

@@ -5,9 +5,19 @@
 *Dario De Pascalis* <br>
 *Giovanni Troisi* <br>
 *Nicola Lanzilotto* <br>
-### **Copyrigth**: 
+### **Copyright**: 
 *Tiledesk SRL*
 
+# 3.4.34 in PROD
+- **added**: role handling in the affected components (sidebar, navbar, conversations list, conversation detail) using shared `hasRole` checks and `ProjectUser.rolePermissions`.
+
+# 3.4.33 in PROD
+
+# 3.4.32 in PROD
+
+# 3.4.32-rc10
+- **bug-fixed**: minor ui fix
+
 # 3.4.32-rc9
 - **added**: sidebar-user-details — MutationObserver to close dropdowns when user details panel is hidden (watches #user-details class); cleanup in ngOnDestroy to prevent memory leaks.
 - **changed**: sidebar-user-details — refined closeDropdowns for better dropdown management when panel closes.
@@ -26,7 +36,7 @@
 - **added**: conversations-list — postMessage to hosting app on conversation selection (event: `onConversationChanged`, data: full conversation object).
 
 # 3.4.32-rc7
-- **addded**: ability to change availability status for each project the logged-in user in sidebar-user-detail 
+- **added**: ability to change availability status per project for the logged-in user in sidebar-user-detail
 
 # 3.4.32-rc6
 - **bug-fixed**: convertRequestToConversation timestamp wrong unit 
@@ -54,119 +64,17 @@
 - **changed**: API for upload a file/image into chat
 
 # 3.4.30 in PROD
-
-# 3.4.30-rc3
 - **changed**: when the app is in background, play a sound whenever a new message arrives.
 
 # 3.4.29 in PROD
 - **bug-fixed**: web (Chrome >= 144) `ion-content` stopped scrolling on some pages (conversation list / contacts directory / unassigned); removed the forced `--overflow: hidden` and handled scrolling on Ionic’s internal scroll container via `ion-content::part(scroll)`
 
-# 3.4.29-rc2
-- **changed**: minor updates on API to upload file/image into chat
-
-# 3.4.29-rc1
-- **changed**: API for upload a file/image into chat
-
-
 # 3.4.28 in PROD
 - **bug-fixed**: cannot do project subscription if last_project object is not a project_user obj
 
 # 3.4.27 in PROD
 - **bug-fixed**: cannot find route if userFullname contains /
 
-# 3.4.29-rc1
-- **bug-fixed**: web (Chrome >= 144) `ion-content` stopped scrolling on some pages (conversation list / contacts directory / unassigned); removed the forced `--overflow: hidden` and handled scrolling on Ionic’s internal scroll container via `ion-content::part(scroll)`
-
-# 3.4.28-rc1
-- **bug-fixed**: cannot do project subscription if last_project object is not a project_user obj
-
-# 3.4.27-rc26
-- **bug-fixed**: wss push requests twice 
-
-# 3.4.27-rc25
-- **bug-fixed**: projectUserService is not initialized
-
-# 3.4.27-rc24
-- **added**: implementation of multiple message in wss onmessage
-
-# 3.4.27-rc23
-- **added**: keepAlive worker for MQTT connection
-
-# 3.4.27-rc22
-- **added**: new WsWorker to manage iframe chrome throttling while tab is in background or hidden
-
-# 3.4.27-rc21
-- **changed**: new wss reconnect and timeout keepalive 
-- **bug-fixed**: cannot route if senderFullaname contains /
-
-# 3.4.27-rc20
-- **added**: onOpenTicketExternally event in triggerEvents service
-
-# 3.4.27-rc19
-- **added**: window.parent['openTicketOnHDA']
-
-# 3.4.27-rc18
-- **added**: triggerOnUpdateNewConversationBadge to update conversation badge count in parent component
-
-# 3.4.27-rc17
-- **bug-fixed**: setNotification not called when click on a conversation
-
-# 3.4.27-rc16
-- **bug-fixed**: setNotification not called when resolve a conversation
-
-# 3.4.27-rc15
-- **changed**: /images with /img in assets folder
-
-# 3.4.27-rc14
-- **added**: DISPLAY_EDIT_PROFILE brand variable
-- **bug-fixed**: emojii is sent also if is not allowed
-
-# 3.4.27-rc13
-- **added**: ability to mantain logout parameter when redirect to dashboard urls from sidebar component
-
-# 3.4.27-rc12
-- **added**: ability to manage logOut option in sidebar-user-detail with tiledesk_logOut url query params
-
-# 3.4.27-rc11
-- **bug-fixed**: fixed infinite loading in contact list
-
-# 3.4.27-rc10
-- **added**: ability to manage header-conversation-list with roles
-- **bug-fixed**: members in group list not loaded
-
-# 3.4.27-rc9
-- **bug-fixed**: Scrolling to the last message when opening a conversation
-- **bug-fixed**: Loading in the conversation list disabled when removing the last conversation
-
-# 3.4.27-rc8
-- **added**: ability to open ticket to external service
-- **added**: ticketSection env var
-
-# 3.4.27-rc7
-- **bug-fixed**: Scrolling to the last message when opening a conversation
-- **bug-fixed**: Loading in the conversation list disabled when removing the last conversation
-
-# 3.4.27-rc6
-- **bug-fixed**: user for dashboard app is incorrect
-
-# 3.4.27-rc5
-- **added**: managed roles in sidebar e navbar
-- **bug-fixed**: projectId and supportMode url is not saved in localstorage
-
-# 3.4.27-rc4
-- **bug-fixed**: extractUrls function is not able to detect url start with www or without https/http
-- **bug-fixed**: if message is sent with keydown, error on domain check is not showed
-
-# 3.4.27-rc3
-- **bug-fixed**: cannot set user availability if supportMode is enabled and tiledesk_projectID url params is set
-
-# 3.4.27-rc2
-- **bug-fixed**: cannede responses role
-
-# 3.4.27-rc1
-- **added**: managed canned responses with roles
-- **changed**: name in info mesage 
-
 # 3.4.26 in PROD
 
 # 3.4.26-rc2
@@ -174,8 +82,7 @@
 
 # 3.4.26-rc1
 - **added**: tiledesk_projectID query param to manage user status
-- **added**: token to managane ticket feature
-- **added**: getOsCode login into utils.ts
+- **added**: token to manage ticket feature
 
 # 3.4.25 in PROD
 - **changed**: pipe marked to support malicious text input
@@ -198,24 +105,6 @@
 # 3.4.22 in PROD
 - **added**: managed allowed_upload_extentions from project settings
 
-# 3.4.21-rc6
-- **added**: managed allowed_upload_extentions from project settings
-
-# 3.4.21-rc5
-- **added**: setConversation as read when agent click on it
-
-# 3.4.21-rc4
-- **added**: ability to init and decrement new conversation count badge
-
-# 3.4.21-rc3
-- **changed**: badge notification for agentDesktop
-
-# 3.4.21-rc2
-- **added**: count in newConversation handler event
-
-# 3.4.21-rc1
-- **added**:  implement badge notification for agentDesktop sw when new conversation is assigned to logged agent
-
 # 3.4.21 in PROD
 
 # 3.4.20 in PROD
@@ -229,8 +118,8 @@
 - **bug-fixed**: minor fix on ion-texarea element with allowed url domain
 
 # 3.4.19-rc1
-- **added**: ability to check for if emoji is allowd to be sent in message textarea
-- **added**: ability to check for if url domain  is allowd to be sent in message textarea
+- added: ability to check for if emoji is allowd to be sent in message textarea
+- added: ability to check for if url domain  is allowd to be sent in message textarea
 
 # 3.4.18 in PROD
 
@@ -1805,7 +1694,7 @@
 - bug-fix: info conversation right sidebar
 
 # 3.0.8
-- new: added Scrivi a...
+- new: added “Write to…” (contact list label)
 
 # 3.0.7
 - bug fix: navigation and routing

package/angular.json

@@ -32,7 +32,6 @@
               "src/chat-config-template.json",
               "src/chat-config.json",
               "src/chat-config-dev.json",
-              "src/chat-config-native-ar.json",
               {
                 "glob": "**/*",
                 "input": "src/assets",

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.4.32-rc9",
+    "version": "3.4.34",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/app.component.html

@@ -21,9 +21,7 @@
     </div> -->
     
     <div class="user-details-sidebar" [ngClass]="{'hide-sidebar': IS_ONLINE === false || IS_ON_MOBILE_DEVICE || SUPPORT_MODE === false}">
-      <app-sidebar-user-details
-        [logOut]="g?.logOut">
-      </app-sidebar-user-details>
+      <app-sidebar-user-details> </app-sidebar-user-details>
     </div>
  
     <ion-split-pane when="md" contentId="main" [ngClass]="{'mobile': IS_ON_MOBILE_DEVICE, 'sidebar-hidden': IS_ON_MOBILE_DEVICE || SUPPORT_MODE === false}">

package/src/app/app.component.ts

@@ -44,8 +44,6 @@ import { conversationToMessage } from 'src/chat21-core/utils/utils-message';
 import { ProjectService } from './services/projects/project.service';
 import { ContactsService } from './services/contacts/contacts.service';
 import { TiledeskService } from './services/tiledesk/tiledesk.service';
-import { Project } from 'src/chat21-core/models/projects';
-import { BRAND_BASE_INFO } from './utils/utils-resources';
 import { ProjectUsersService } from './services/project_users/project-users.service';
 
 @Component({
@@ -171,7 +169,6 @@ export class AppComponent implements OnInit {
     }, { capture: true });
   }
 
-
   listenChatAlreadyOpenWithoutParamsInMobileMode() {
     this.events.subscribe('noparams:mobile', (isAlreadyOpenInMobileMode) => {
       // console.log('[APP-COMP] Chat is Already Open In Mobile Mode ', isAlreadyOpenInMobileMode)
@@ -300,10 +297,6 @@ export class AppComponent implements OnInit {
         this.zone = new NgZone({}); // a cosa serve?
 
         this.SUPPORT_MODE = this.g.supportMode
-        this.logger.info('[APP-COMP] this.SUPPORT_MODE', this.SUPPORT_MODE)
-
-        BRAND_BASE_INFO['LOGOUT_ENABLED'] = this.g.logOut
-        this.logger.info('[APP-COMP] this.logOut', BRAND_BASE_INFO['LOGOUT_ENABLED'])
       }
 
     });
@@ -340,7 +333,7 @@ export class AppComponent implements OnInit {
 
   listenToPostMsgs() {
     window.addEventListener("message", (event) => {
-      // this.logger.log("[APP-COMP] message event ", event);
+      this.logger.log("[APP-COMP] message event ", event);
 
       if (event && event.data && event.data.action && event.data.parameter) {
         if (event.data.action === 'openJoinConversationModal') {
@@ -542,10 +535,10 @@ export class AppComponent implements OnInit {
       this.statusBar.styleLightContent();
       this.navService.init(this.sidebarNav, this.detailNav);
       this.tiledeskAuthService.initialize(this.appConfigProvider.getConfig().apiUrl);
-      
+      this.messagingAuthService.initialize();
+
       // this.currentUserService.initialize();
       this.chatManager.initialize();
-      this.messagingAuthService.initialize();
       this.presenceService.initialize(this.tenant);
       this.typingService.initialize(this.tenant);
 
@@ -871,8 +864,7 @@ export class AppComponent implements OnInit {
       // console.log('[APP-COMP] PLATFORM', PLATFORM_MOBILE, 'route.snapshot', this.route.snapshot);
       if (!IDConv) {
         this.logger.log('[APP-COMP]  navigateByUrl -- conversations-list');
-        const queryString = window.location.search; // restituisce ad es. "?jwt=...&tiledesk_supportMode=false"
-        this.router.navigateByUrl('conversations-list' + queryString);
+        this.router.navigateByUrl('conversations-list')
       }
       // this.router.navigateByUrl(pageUrl);
       // this.navService.setRoot(ConversationListPage, {});
@@ -1123,19 +1115,13 @@ export class AppComponent implements OnInit {
       if (conversation && conversation.is_new === true && this.isInitialized) {
         this.manageTabNotification('conv_added', conversation.sound)
         this.manageEventNewConversation(conversation)
-        //UPDATE NOTIFICATION FOR NEW CONVERSATION COUNT 
-        this.triggerOnUpdateNewConversationBadge(this.conversationsHandlerService.countIsNew());
       }
       if(conversation) this.updateConversationsOnStorage()
     });
 
     this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
       // console.log('[APP-COMP] ***** subscribeConversationChanged conversation: ', conversation);
-      if(conversation){
-        this.updateConversationsOnStorage();
-        //UPDATE NOTIFICATION FOR NEW CONVERSATION COUNT 
-        this.triggerOnUpdateNewConversationBadge(this.conversationsHandlerService.countIsNew());
-      }  
+      if(conversation)  this.updateConversationsOnStorage();
     });
 
     this.conversationsHandlerService.conversationChangedDetailed.subscribe((changes: {value: ConversationModel, previousValue: ConversationModel}) => {
@@ -1163,8 +1149,6 @@ export class AppComponent implements OnInit {
       if(conversation) { 
         this.updateConversationsOnStorage();
         this.segmentResolved(conversation);
-        //UPDATE NOTIFICATION FOR NEW CONVERSATION COUNT 
-        this.triggerOnUpdateNewConversationBadge(this.conversationsHandlerService.countIsNew());
         this.router.navigateByUrl('conversation-detail/'); //redirect to basePage
       }
     });
@@ -1198,22 +1182,19 @@ export class AppComponent implements OnInit {
     this.chatManager.setCurrentUser(currentUser);
 
     this.tiledeskService.initialize(serverBaseURL)
-    this.projectUsersService.initialize(serverBaseURL)
     this.projectService.initialize(serverBaseURL)
+    this.projectUsersService.initialize(serverBaseURL)
     this.contactsService.initialize(serverBaseURL)
 
 
     this.events.publish('go:online', true);
     // this.chatManager.startApp();
 
-
-    //INIT WEBSOCKET
-    this.connetWebsocket(tiledeskToken)
-
     // ----------------------------------------------
     // PUSH NOTIFICATIONS
     // ----------------------------------------------
     const pushEngine = this.appConfigProvider.getConfig().pushEngine
+
     if (currentUser) {
       if (pushEngine && pushEngine !== 'none') {
         this.notificationsService.getNotificationPermissionAndSaveToken(currentUser.uid);
@@ -1235,24 +1216,6 @@ export class AppComponent implements OnInit {
     } catch (err) {
       this.logger.error('[APP-COMP] -> error:', err);
     }
-
-    // ----------------------------------------------
-    // LAST PROJECT FROM URL
-    // ----------------------------------------------
-    if(this.g.projectID){
-      this.projectService.getProjects().subscribe({ next: (projects: Project[]) => {
-        const project = projects.find(prjct => prjct.id_project._id === this.g.projectID)
-        if(project){
-          this.logger.log('[APP-COMP] - GET PROJECT - project found with this.projectID', project);
-          localStorage.setItem('last_project', JSON.stringify(project)) 
-          this.events.publish('storage:last_project', project)
-        }
-      }, error: (error) => {
-        this.logger.log('[APP-COMP] - GET PROJECT - project NOT found with this.projectID', this.g.projectID, error);
-      }, complete: () => {
-
-      }});
-    }
   }
 
 
@@ -1293,21 +1256,9 @@ export class AppComponent implements OnInit {
   }
 
   goToDashboardLogin(){
-    // let DASHBOARD_URL = this.appConfigProvider.getConfig().dashboardUrl + '#/login'
-    // const myWindow = window.open(DASHBOARD_URL, '_self');
-    // myWindow.focus();
-  }
-
-  connetWebsocket(tiledeskToken) {
-
-    this.logger.log('[WEBSOCKET-JS] connetWebsocket called in [PROJECT-ITEM] tiledeskToken ', tiledeskToken)
-    const appconfig = this.appConfigProvider.getConfig();
-    this.logger.log('[WEBSOCKET-JS] connetWebsocket called in [PROJECT-ITEM] wsUrl ', appconfig.wsUrl)
-    const WS_URL = appconfig.wsUrl + '?token=' + tiledeskToken
-    this.logger.log('[WEBSOCKET-JS] connetWebsocket called in [PROJECT-ITEM] wsUrl ', WS_URL)
-    this.webSocketJs.init(
-      WS_URL
-    );
+    let DASHBOARD_URL = this.appConfigProvider.getConfig().dashboardUrl + '#/login'
+    const myWindow = window.open(DASHBOARD_URL, '_self');
+    myWindow.focus();
   }
 
 
@@ -1397,7 +1348,6 @@ export class AppComponent implements OnInit {
 
   subscribeUnservedRequestCount = (unservedRequestCount) => {
     if(unservedRequestCount && unservedRequestCount > 0){
-      this.logger.debug("subscribeUnservedRequestCount appIsInitialized::::",this.isInitialized)
       if(this.isInitialized){
         this.manageTabNotification('conv_unassigned', true, unservedRequestCount) //sound and alternate title
       }
@@ -1406,8 +1356,7 @@ export class AppComponent implements OnInit {
 
   subscribeConversationSelected= (conversation: ConversationModel) => {
     if(conversation && conversation.is_new){
-      this.audio_NewConv.pause();
-      this.conversationsHandlerService.setConversationRead(conversation.uid)
+      this.audio_NewConv.pause()
     }
   }
 
@@ -1483,9 +1432,6 @@ export class AppComponent implements OnInit {
         this.logger.debug('[APP-COMP]-CONVS - INIT CONV CONVS 2', conversations)
         this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
       }
-
-      //INIT NOTIFICATION FOR NEW CONVERSATION COUNT 
-      this.triggerOnUpdateNewConversationBadge(this.conversationsHandlerService.countIsNew());
     });
 
   }
@@ -1768,11 +1714,6 @@ export class AppComponent implements OnInit {
     this.triggerEvents.triggerOnInit(detailOBJ)
   }
 
-  private triggerOnUpdateNewConversationBadge(count: number){
-    const detailOBJ = { event: 'onUpdateNewConversationBadge', count: count.toString() }
-    this.triggerEvents.triggerOnUpdateNewConversationBadge(detailOBJ)
-  }
-
 
   // @HostListener('mouseenter', ['$event']) 
   // onMouseEnter(event: any) {

package/src/app/components/canned-response/canned-response.component.html

@@ -9,8 +9,8 @@
           <ion-input [class.readonly]="canned?.disabled" [readonly]="canned?.disabled" type="text" [(ngModel)]="canned.title" class="title" id="{{'titleCanned_'+canned._id}}" #title></ion-input>
           <ion-input [class.readonly]="canned?.disabled" [readonly]="canned?.disabled" type="text" [(ngModel)]="canned.text"  class="text truncate"></ion-input>
         </div>
-        <!-- <ion-icon class="canned-item-icon" name="pin" src="assets/img/pin.svg" slot=end *ngIf="canned.pinned" (click)="onPinCanned(canned, $event)"></ion-icon>
-        <ion-icon class="canned-item-icon" name="pin" src="assets/img/pinned.svg" slot=end (click)="onUnPinCanned(canned, $event)"></ion-icon> -->
+        <!-- <ion-icon class="canned-item-icon" name="pin" src="assets/images/pin.svg" slot=end *ngIf="canned.pinned" (click)="onPinCanned(canned, $event)"></ion-icon>
+        <ion-icon class="canned-item-icon" name="pin" src="assets/images/pinned.svg" slot=end (click)="onUnPinCanned(canned, $event)"></ion-icon> -->
         <ion-icon class="canned-item-icon"  name="checkmark-sharp" slot=end *ngIf="(canned.createdBy === loggedUser.uid && !canned.disabled) && roles[PERMISSIONS.CANNED_RESPONSES_UPDATE]" (click)="onConfirmEditCanned(canned, $event)"></ion-icon>
         <ion-icon class="canned-item-icon"  name="pencil-sharp" slot=end *ngIf="(canned.createdBy === loggedUser.uid && canned.disabled) && roles[PERMISSIONS.CANNED_RESPONSES_UPDATE]" (click)="onEditCanned(canned, $event)"></ion-icon>
         <ion-icon class="canned-item-icon"  name="trash-bin-outline" slot=end *ngIf="(canned.createdBy === loggedUser.uid) && roles[PERMISSIONS.CANNED_RESPONSES_DELETE]" (click)="onDeleteCanned(canned, $event)"></ion-icon>

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.html

@@ -22,13 +22,6 @@
           {{translationMap?.get('WHATSAPP.LABEL_TEMPLATES')}}
         </ion-button>
       </div>
-      <!-- OPEN TICKET -->
-      <div *ngIf="ticketSection" class="section-option" id="template" tooltip="{{translationMap?.get('TICKET.OPEN_TICKET')}}" placement="top">
-        <ion-button fill="clear" [class.active]="section==='ticket'" (click)="onOpenSection('ticket')" [disabled]="channelType === 'direct'">
-          <ion-icon name="ticket"></ion-icon>
-          {{translationMap?.get('TICKET.OPEN_TICKET')}}
-        </ion-button>
-      </div>
     </div>
 
     <div class="footerContainerAlert">
@@ -57,22 +50,6 @@
     </ion-col>
   </ion-row>
 
-  <ion-row id="ticket" [style.display]="section==='ticket'? 'flex': 'none'">
-    <ion-col col-auto>
-      <div class="placeholder">{{translationMap.get('TICKET.DESCRIPTION')}}</div>
-      <div class="buttons-container">
-          <ion-button name="add" size="small" (click)="onClickTicket('open')">
-            <ion-icon name="add"></ion-icon>
-            {{translationMap?.get('TICKET.CONFIRM')}}
-          </ion-button>
-          <ion-button size="small" color="danger" (click)="onClickTicket('close')">
-            <ion-icon name="close"></ion-icon>
-            {{translationMap?.get('TICKET.CLOSE')}}
-          </ion-button>
-      </div>
-    </ion-col>
-  </ion-row>
-
   <ion-row id="message-text-area" [style.display]="section==='chat' || section ==='templates' || section ==='copilot'? 'flex': 'none'">
 
     <ion-col col-auto style="display: flex;">

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.scss

@@ -183,36 +183,6 @@
     }
 }
 
-#ticket{
-    text-align: center;
-    font-size: 12px;
-
-    .buttons-container{
-        display: flex;
-        justify-content: center;
-        gap: 10px;
-
-        ion-button{
-            font-size: 12px;
-            --padding-top: 4px;
-            --padding-bottom: 4px;
-            --padding-start: 6px;
-            --padding-end: 6px;
-            --ripple-color: transparent;
-            text-transform: unset;
-            height: auto;
-
-            ion-icon{
-                margin-right: 4px;
-            }
-
-            &[name="add"]{
-                --background: var(--basic-blue);
-            }
-        }
-    }
-}
-
 #fileInput {
     position: absolute;
     opacity: 0;

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts

@@ -63,20 +63,17 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
   @Input() emailSection: boolean;
   @Input() offlineMsgEmail: boolean;
   @Input() whatsappTemplatesSection: boolean;
-  @Input() ticketSection: boolean
   @Input() isOpenInfoConversation: boolean;
   @Input() cannedSection: boolean;
   @Input() stylesMap: Map<string, string>;
   @Input() translationMap: Map<string, string>;
   @Input() dropEvent: any;
   @Input() disableTextarea: boolean;
-  @Input() roles: Array<string>;
   @Output() eventChangeTextArea = new EventEmitter<{msg: string, offsetHeight: number}>();
   @Output() eventSendMessage = new EventEmitter<{msg: string, type: string, metadata?: Object, attributes?: Object}>();
   @Output() onClickOpenCannedResponses = new EventEmitter<boolean>();
   @Output() onPresentModalScrollToBottom = new EventEmitter<boolean>();
   @Output() onOpenFooterSection = new EventEmitter<string>();
-  @Output() onOpenTicket = new EventEmitter<boolean>();
 
   public project: Project;
   public conversationEnabled = false;
@@ -299,17 +296,6 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     this.prensentTemplateModal();
   }
 
-  onClickTicket(option: "open" | "close"){
-    this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] - onClickTicket', option);
-    switch(option){
-      case "open":
-        this.onOpenTicket.emit();
-      case "close":   
-        this.section = 'chat'
-    }
-
-  }
-
 
   /**
  * 
@@ -592,10 +578,8 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
       if (!text.includes("/")) {
         this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - SEND MESSAGE 1 message: ', message);
         this.logger.log("[CONVS-DETAIL] replaceTagInMessage onKeydown in msg-texarea  SEND MESSAGE 1 message: ", message);
-        
+        this.messageString = '';
         this.sendMessage(text);
-        // this.messageString = '';
-
         this.countClicks = 0
       } else if (text.includes("/") && pos === 0 && this.countClicks > 1 && this.tagsCannedFilter.length > 0) {
         this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - tagsCannedFilter.length 2: ', this.tagsCannedFilter.length);
@@ -607,10 +591,9 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
         this.logger.log("[CONVS-DETAIL] replaceTagInMessage onKeydown in msg-texarea SEND MESSAGE 2 this.countClicks: ", this.countClicks);
         this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown in msg-texarea SEND MESSAGE 2 this.countClicks: ", this.countClicks);
         this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - SEND MESSAGE 2 message: ', message);
-        
-        this.sendMessage(text);
-        // this.messageString = '';
+        this.messageString = '';
 
+        this.sendMessage(text);
         this.countClicks = 0
       } else if (text.includes("/") && pos > 0 && this.countClicks > 1 && this.tagsCannedFilter.length > 0 && text.substr(-1) !== '/') {
         this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - tagsCannedFilter.length 3: ', this.tagsCannedFilter.length);
@@ -622,19 +605,17 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
         this.logger.log("[CONVS-DETAIL] replaceTagInMessage onKeydown in msg-texarea SEND MESSAGE 2 this.countClicks: ", this.countClicks);
         this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown in msg-texarea SEND MESSAGE 2 this.countClicks: ", this.countClicks);
         this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - SEND MESSAGE 2 message: ', message);
-        
-        this.sendMessage(text);
-        // this.messageString = '';
+        this.messageString = '';
 
+        this.sendMessage(text);
         this.countClicks = 0
       } else if (text.includes("/") && this.tagsCannedFilter.length === 0) {
         this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - tagsCannedFilter.length 3: ', this.tagsCannedFilter.length);
         this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - SEND MESSAGE 3 message: ', message);
         this.logger.log("[CONVS-DETAIL] replaceTagInMessage onKeydown in msg-texarea SEND MESSAGE 3 message: ", message);
-        
-        this.sendMessage(text);
-        // this.messageString = '';
+        this.messageString = '';
 
+        this.sendMessage(text);
         this.countClicks = 0
 
       }

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

@@ -70,8 +70,8 @@ export class InfoContentComponent implements OnInit {
     this.route.paramMap.subscribe(params => {
       this.logger.log('[INFO-CONTENT-COMP] initialize params: ', params);
       this.conversationWith = params.get('IDConv');
-      this.conversationWithFullname = decodeURIComponent(params.get('FullNameConv'));
-      this.conv_type = decodeURIComponent(params.get('Convtype'));
+      this.conversationWithFullname = params.get('FullNameConv');
+      this.conv_type = params.get('Convtype');
 
       const conversationWith_segments = this.conversationWith.split('-');
 

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

@@ -7,13 +7,13 @@ import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { Project } from 'src/chat21-core/models/projects';
 import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
-import { getUserStatusFromProjectUser } from 'src/chat21-core/utils/utils';
-import { TEAMMATE_STATUS } from 'src/chat21-core/utils/constants';
-import { WebsocketService } from 'src/app/services/websocket/websocket.service';
-import { ProjectUser } from 'src/chat21-core/models/project_user';
 import { ProjectUsersService } from 'src/app/services/project_users/project-users.service';
+import { ProjectUser } from 'src/chat21-core/models/projectUsers';
 import { PERMISSIONS } from 'src/app/utils/permissions.constants';
 import { getOSCode, hasRole } from 'src/app/utils/utils';
+import { getUserStatusFromProjectUser } from 'src/chat21-core/utils/utils';
+import { TEAMMATE_STATUS } from 'src/chat21-core/utils/constants';
+import { WebsocketService } from 'src/app/services/websocket/websocket.service';
 
 @Component({
   selector: 'app-navbar',
@@ -123,7 +123,7 @@ export class NavbarComponent implements OnInit {
         this.USER_ROLE = project.role;
         this.projectUser = await this.projectUsersService.getProjectUserByProjectId(project.id_project.id)
         this.roles = this.checkRoles()
-        this.logger.log('[SIDEBAR] roles ', this.roles)
+        console.log('[SIDEBAR] roles ', this.roles)
       }
     })
   }