@chat21/chat21-ionic 3.4.27 → 3.4.28-rc1

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

@@ -15,7 +15,10 @@ import { tranlatedLanguage } from '../../../chat21-core/utils/constants';
 // utils
 import { avatarPlaceholder, getColorBck } from 'src/chat21-core/utils/utils-user';
 import { BRAND_BASE_INFO, LOGOS_ITEMS } from 'src/app/utils/utils-resources';
-import { getOSCode } from 'src/app/utils/utils';
+import { getOSCode, hasRole } from 'src/app/utils/utils';
+import { PERMISSIONS } from 'src/app/utils/permissions.constants';
+import { ProjectUser } from 'src/chat21-core/models/projectUsers';
+import { ProjectUsersService } from 'src/app/services/project_users/project-users.service';
 
 @Component({
   selector: 'app-sidebar',
@@ -31,7 +34,7 @@ export class SidebarComponent implements OnInit {
   IS_AVAILABLE: boolean = false;
   IS_INACTIVE: boolean = true;
   IS_BUSY: boolean; 
-  isVisibleAPP: boolean;
+  // isVisibleAPP: boolean;
   isVisibleANA: boolean;
   isVisibleACT: boolean;
   isVisibleMON: boolean;
@@ -41,9 +44,10 @@ export class SidebarComponent implements OnInit {
   project_id: string;
   DASHBOARD_URL: string;
   // HAS_CLICKED_OPEN_USER_DETAIL: boolean = false
-  public translationMap: Map<string, string>;
+  public translationsMap: Map<string, string>;
   public_Key: any;
   conversations_lbl: string;
+  whatsappbroadcast_lbl: string;
   contacts_lbl: string;
   apps_lbl: string;
   analytics_lbl: string;
@@ -53,19 +57,14 @@ export class SidebarComponent implements OnInit {
   countClickOnOpenUserDetailSidebar: number = 0
   USER_PHOTO_PROFILE_EXIST: boolean;
   currentUser: any;
-  dashboard_home_url: string;
-  dashboard_knb_url: string;
-  dashboard_bots_url: string;
-  dashboard_convs_url: string;
-  dashboard_contacts_url: string;
-  dashboard_app_url: string;
-  dashboard_analytics_url: string;
-  dashboard_activities_url: string;
-  dashboard_history_url: string;
-  dashboard_settings_url: string;
-  tiledesk_url: string;
+  URLS: { [key: string]: string} = {};
+
+  public projectUser: ProjectUser;
+  public roles: { [key: string]: boolean }
+
   LOGOS_ITEMS = LOGOS_ITEMS;
   BRAND_BASE_INFO = BRAND_BASE_INFO;
+  PERMISSIONS = PERMISSIONS;
   constructor(
     public imageRepoService: ImageRepoService,
     public appStorageService: AppStorageService,
@@ -75,12 +74,13 @@ export class SidebarComponent implements OnInit {
     public wsService: WebsocketService,
     public appConfigProvider: AppConfigProvider,
     private translate: TranslateService,
+    public projectUsersService: ProjectUsersService,
     public events: EventsService,
 
   ) { }
 
   ngOnInit() {
-    this.tiledesk_url = BRAND_BASE_INFO['COMPANY_SITE_URL'] as string
+    this.URLS.TILEDESK = BRAND_BASE_INFO['COMPANY_SITE_URL'] as string
     
     this.DASHBOARD_URL = this.appConfig.getConfig().dashboardUrl + '#/project/';
     this.getStoredProjectAndUserRole()
@@ -92,36 +92,57 @@ export class SidebarComponent implements OnInit {
 
 
   getStoredProjectAndUserRole() {
-    this.events.subscribe('storage:last_project',project =>{
+    this.events.subscribe('storage:last_project',async (project) =>{
       this.logger.log('[SIDEBAR] stored_project ', project)
       if (project && project !== 'undefined') {
         this.project_id = project.id_project.id
         this.USER_ROLE = project.role;
         this.buildURLs(this.USER_ROLE)
+        this.projectUser = await this.projectUsersService.getProjectUserByProjectId(project.id_project.id)
+        this.roles = this.checkRoles()
+        this.logger.log('[SIDEBAR] roles ', this.roles)
       }
     })
   }
 
   buildURLs(USER_ROLE) {
-    this.dashboard_home_url = this.DASHBOARD_URL + this.project_id + '/home'
-    this.dashboard_knb_url = this.DASHBOARD_URL + this.project_id + '/knowledge-bases'
-    this.dashboard_bots_url = this.DASHBOARD_URL + this.project_id + '/bots'
-    this.dashboard_convs_url = this.DASHBOARD_URL + this.project_id + '/wsrequests'
-    this.dashboard_contacts_url = this.DASHBOARD_URL + this.project_id + '/contacts'
-    this.dashboard_app_url = this.DASHBOARD_URL + this.project_id + '/app-store'
-    this.dashboard_analytics_url = this.DASHBOARD_URL + this.project_id + '/analytics'
-    this.dashboard_activities_url = this.DASHBOARD_URL + this.project_id + '/activities'
-    this.dashboard_history_url = this.DASHBOARD_URL + this.project_id + '/history'
-    this.dashboard_settings_url = ''
-    if (USER_ROLE !== 'agent') {
-      this.dashboard_settings_url = this.DASHBOARD_URL + this.project_id + '/widget-set-up'
-    } else if (USER_ROLE === 'agent') {
-      this.dashboard_settings_url = this.DASHBOARD_URL + this.project_id + '/cannedresponses'
-    }
-    this.tiledesk_url = 'https://www.tiledesk.com'
+    const base = this.DASHBOARD_URL + this.project_id;
+
+    this.URLS = {
+      HOME: `${base}/home`,
+      KNOWLEDGEBASE: `${base}/knowledge-bases`,
+      BOTS: `${base}/bots`,
+      MONITOR: `${base}/wsrequests`,
+      WHATSAPP: `${base}/automations`,
+      CONTACTS: `${base}/contacts`,
+      APPSTORE: `${base}/app-store`,
+      ANALYTICS: `${base}/analytics`,
+      ACTIVITIES: `${base}/activities`,
+      HISTORY: `${base}/history`,
+      SETTINGS: USER_ROLE !== 'agent' ? `${base}/widget-set-up` : `${base}/cannedresponses`,
+      TILEDESK: 'https://www.tiledesk.com'
+    };
+
+    this.setQueryParamsForAll({ tiledesk_logOut: BRAND_BASE_INFO['LOGOUT_ENABLED'] });
 
   }
 
+  // Funzione helper per aggiungere query params a tutte le URL
+setQueryParamsForAll(queryParams: any) {
+  if (!queryParams) return;
+
+  const queryString = new URLSearchParams(queryParams).toString();
+
+  // Cicla tutte le chiavi di URLS
+  Object.keys(this.URLS).forEach(key => {
+    if (this.URLS[key]) {
+      // Controlla se già ci sono query params
+      const separator = this.URLS[key].includes('?') ? '&' : '?';
+      this.URLS[key] = `${this.URLS[key]}${queryString ? separator + queryString : ''}`;
+    }
+  });
+}
+
   subcribeToAuthStateChanged() {
     this.messagingAuthService.BSAuthStateChanged.subscribe((state) => {
       this.logger.log('[SIDEBAR] BSAuthStateChanged ', state)
@@ -240,6 +261,7 @@ export class SidebarComponent implements OnInit {
       this.logger.error('[SIDEBAR] - ngOnInit - currentUser not found in storage ')
     }
     this.translateLabels()
+    this.translations()
   }
 
 
@@ -256,6 +278,7 @@ export class SidebarComponent implements OnInit {
 
     this.translate.get(keys).subscribe((text: string) => {
       this.conversations_lbl = text['Conversations'];
+      this.whatsappbroadcast_lbl = text['WhatsAppBroadcasts']
       this.contacts_lbl = text['LABEL_CONTACTS']
       this.apps_lbl = text['Apps']
       this.analytics_lbl = text['Analytics']
@@ -271,13 +294,55 @@ export class SidebarComponent implements OnInit {
     
     this.isVisibleANA = getOSCode("ANA", this.public_Key);
     this.isVisibleACT = getOSCode("ACT", this.public_Key);
-    this.isVisibleAPP = getOSCode("APP", this.public_Key);
     this.isVisibleMON = getOSCode("MON", this.public_Key);
     this.isVisibleCNT = getOSCode("CNT", this.public_Key);
     this.isVisibleKNB = getOSCode("KNB", this.public_Key);
-    
+
   }
 
+
+  checkRoles(): { [key: string]: boolean } {
+      const permissionKeys = [
+        'HOME_READ',
+        'KB_READ',
+        'FLOWS_READ',
+        'INBOX_READ',
+        'AUTOMATIONSLOG_READ',
+        'LEADS_READ',
+        'ANALYTICS_READ',
+        'ACTIVITIES_READ',
+        'HISTORY_READ',
+        'PROJECTSETTINGS_GENERAL_READ',
+        'PROJECTSETTINGS_DEVELOPER_READ',
+        'PROJECTSETTINGS_SMARTASSIGNMENT_READ',
+        'PROJECTSETTINGS_NOTIFICATION_READ',
+        'PROJECTSETTINGS_SECURITY_READ',
+        'PROJECTSETTINGS_BANNED_READ',
+        'PROJECTSETTINGS_ADVANCED_READ'
+      ] as const;
+  
+      const roles: { [key: string]: boolean } = {};
+      for (const key of permissionKeys) {
+        const permission = PERMISSIONS[key];
+        roles[permission] = hasRole(this.projectUser, permission);
+      }
+
+
+      let settingRoleKEys = [
+        'PROJECTSETTINGS_GENERAL_READ',
+        'PROJECTSETTINGS_DEVELOPER_READ',
+        'PROJECTSETTINGS_SMARTASSIGNMENT_READ',
+        'PROJECTSETTINGS_NOTIFICATION_READ',
+        'PROJECTSETTINGS_SECURITY_READ',
+        'PROJECTSETTINGS_BANNED_READ',
+        'PROJECTSETTINGS_ADVANCED_READ'
+      ] as const;
+      roles[PERMISSIONS.SETTINGS_READ] = settingRoleKEys.some(settingKey => roles[PERMISSIONS[settingKey]]);
+  
+      return roles;
+  
+    }
+
   listenTocurrentProjectUserUserAvailability$() {
     this.wsService.currentProjectUserAvailability$.subscribe((data) => {
       this.logger.log('[SIDEBAR] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS RES ', data);
@@ -327,92 +392,20 @@ export class SidebarComponent implements OnInit {
     }
   }
 
-  goToHome() {
-    let url = this.DASHBOARD_URL + this.project_id + '/home'
-    this.dashboard_home_url = url;
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToBots() {
-    let url = this.DASHBOARD_URL + this.project_id + '/bots/my-chatbots/all'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToConversations() {
-    let url = this.DASHBOARD_URL + this.project_id + '/wsrequests'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToContacts() {
-    let url = this.DASHBOARD_URL + this.project_id + '/contacts'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToAppStore() {
-    let url = this.DASHBOARD_URL + this.project_id + '/app-store'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToAnalytics() {
-    let url = this.DASHBOARD_URL + this.project_id + '/analytics'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToActivities() {
-    let url = this.DASHBOARD_URL + this.project_id + '/activities'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToHistory() {
-    let url = this.DASHBOARD_URL + this.project_id + '/history'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToWidgetSetUpOrToCannedResponses() {
-    if (this.USER_ROLE !== 'agent') {
-      this.goToWidgetSetUp()
-    } else if (this.USER_ROLE === 'agent') {
-      this.goToSettings_CannedResponses()
-    }
-  }
-
-  goToWidgetSetUp() {
-    let url = this.DASHBOARD_URL + this.project_id + '/widget-set-up'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-  goToSettings_CannedResponses() {
-    let url = this.DASHBOARD_URL + this.project_id + '/cannedresponses'
-    const myWindow = window.open(url, '_self');
-    myWindow.focus();
-  }
-
-
-
   public translations() {
     const keys = [
-      'LABEL_AVAILABLE',
-      'LABEL_NOT_AVAILABLE',
-      'LABEL_BUSY',
-      'VIEW_ALL_CONVERSATIONS',
-      'CONVERSATIONS_IN_QUEUE',
-      'CONVERSATION_IN_QUEUE',
-      'NO_CONVERSATION_IN_QUEUE',
-      'PINNED_PROJECT',
-      'CHANGE_PINNED_PROJECT',
-      "CHANGE_TO_YOUR_STATUS_TO_AVAILABLE",
-      "CHANGE_TO_YOUR_STATUS_TO_UNAVAILABLE"
+      'Monitor',
+      'Flows',
+      'Knowledgebases',
+      'WhatsAppBroadcasts',
+      'LABEL_CONTACTS',
+      'Apps',
+      'Analytics',
+      'Activities',
+      'History',
+      'Settings'
     ];
-    this.translationMap = this.translateService.translateLanguage(keys);
+    this.translationsMap = this.translateService.translateLanguage(keys);
   }
 
 

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

@@ -81,11 +81,11 @@
             [searchable]="false">
             <ng-template ng-label-tmp let-item="item">
                 <img style="width: 15px;height: 15px;position: relative; top: 1px;" height="15" width="15" [src]="item?.avatar" />
-                <span id="sidebaravatar_{{item.name}}" style="text-transform: capitalize; margin-left:8px">  {{item.label}} </span>
+                <span id="sidebaravatar_{{item.name}}" style="text-transform: capitalize; margin-left:8px">  {{item.label | translate}} </span>
             </ng-template>
             <ng-template ng-option-tmp let-item="item" let-index="index">
                 <img style="width: 15px;height: 15px;position: relative; top: 1px;" height="15" width="15" [src]="item?.avatar" />
-                <span id="sidebaravatar_{{item.name}}" style="text-transform: capitalize; margin-left:8px">  {{item.label}} </span>
+                <span id="sidebaravatar_{{item.name}}" style="text-transform: capitalize; margin-left:8px">  {{item.label | translate}} </span>
             </ng-template>
         </ng-select>
     </section>

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

@@ -25,6 +25,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   // HAS_CLICKED_OPEN_USER_DETAIL: boolean = false;
   // @Output() onCloseUserDetailsSidebar = new EventEmitter();
 
+  @Input() logOut: boolean;
 
   public browserLang: string;
   private logger: LoggerService = LoggerInstance.getInstance()
@@ -242,9 +243,9 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
                           .set('SubscriptionPaymentProblem', text['SubscriptionPaymentProblem'])
                           .set('ThePlanHasExpired', text['ThePlanHasExpired'])
 
-      this.teammateStatus.forEach(element => {
-        element.label = this.translationsMap.get(element.label)
-      });
+      // this.teammateStatus.forEach(element => {
+      //   element.label = this.translationsMap.get(element.label)
+      // });
       
     });
   }
@@ -261,7 +262,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   listenToCurrentStoredProject() {
     this.events.subscribe('storage:last_project', projectObjct => {
       if (projectObjct && projectObjct !== 'undefined') {
-        // this.logger.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
+        this.logger.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
 
         //TODO: recuperare info da root e non da id_project
         this.project = {
@@ -284,6 +285,8 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
         } else if (this.project.profile.type === 'payment' && this.project.profile.name === 'enterprise') {
           this.getEnterprisePlanTranslation();
         }
+
+        this.wsService.subscriptionToWsCurrentProjectUserAvailability(this.project._id, projectObjct._id);
       }
     })
 
@@ -329,14 +332,14 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
             // this.logger.log('teammateStatus ', this.teammateStatus) 
             this.selectedStatus = this.teammateStatus[2].id;
             this.logger.debug('[SIDEBAR-USER-DETAILS] - PROFILE_STATUS selected option', this.teammateStatus[2].name);
-            this.teammateStatus = this.teammateStatus.slice(0)
+            // this.teammateStatus = this.teammateStatus.slice(0)
           } else if (projectUser['user_available'] === false && (projectUser['profileStatus'] === '' || !projectUser['profileStatus'])) {
             this.selectedStatus = this.teammateStatus[1].id;
             this.logger.debug('[SIDEBAR-USER-DETAILS] - PROFILE_STATUS selected option', this.teammateStatus[1].name);
-            this.teammateStatus = this.teammateStatus.slice(0)
+            // this.teammateStatus = this.teammateStatus.slice(0)
           } else if (projectUser['user_available'] === true && (projectUser['profileStatus'] === '' || !projectUser['profileStatus'])) {
             this.selectedStatus = this.teammateStatus[0].id
-            this.teammateStatus = this.teammateStatus.slice(0)
+            // this.teammateStatus = this.teammateStatus.slice(0)
             this.logger.debug('[SIDEBAR-USER-DETAILS] - PROFILE_STATUS selected option', this.teammateStatus[0].name);
           }
           this.IS_BUSY = projectUser['isBusy']

package/src/app/modals/create-ticket/create-ticket.page.ts

@@ -9,6 +9,7 @@ import * as uuid from 'uuid';
 import { EventsService } from 'src/app/services/events-service'
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { ProjectUsersService } from 'src/app/services/project_users/project-users.service'
 
 @Component({
   selector: 'app-create-ticket',
@@ -64,6 +65,7 @@ export class CreateTicketPage implements OnInit {
   logger: LoggerService = LoggerInstance.getInstance();
   constructor(
     public modalController: ModalController,
+    public projectUsersService: ProjectUsersService,
     public tiledeskService: TiledeskService,
     public appConfigProvider: AppConfigProvider,
     public events: EventsService
@@ -104,7 +106,7 @@ export class CreateTicketPage implements OnInit {
   // Create the array of the project-users and contacts displayed in the combo box  "Requester"
   // -------------------------------------------------------------------------------------------
   getProjectUsersAndContacts(projctid: string) {
-    const projectUsers = this.tiledeskService.getProjectUsersByProjectId(projctid)
+    const projectUsers = this.projectUsersService.getProjectUsersByProjectId(projctid)
     const leads = this.tiledeskService.getAllLeadsActiveWithLimit(projctid,10000)
 
     zip(projectUsers, leads).subscribe(
@@ -243,7 +245,7 @@ export class CreateTicketPage implements OnInit {
   // -------------------------------------------------------------------------------------------------------------------
   getProjectUserBotsAndDepts(projctid: string) {
     // this.loadingAssignee = true;
-    const projectUsers = this.tiledeskService.getProjectUsersByProjectId( projctid)
+    const projectUsers = this.projectUsersService.getProjectUsersByProjectId( projctid)
     const bots = this.tiledeskService.getAllBotByProjectId(projctid)
     const depts = this.tiledeskService.getDeptsByProjectId(projctid)
 

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

@@ -173,7 +173,7 @@
             <!-- ----------------------------------------------------------- -->
             <app-canned-response *ngIf="SHOW_CANNED_RESPONSES"
               id="canned"
-              [canShowCanned]="canShowCanned"
+              [roles]="rolesCanned"
               [conversationWith]="conversationWith"
               [conversationWithFullname]="conversationWithFullname"
               [currentString]="messageStr"
@@ -201,7 +201,8 @@
             <!-- [tagsCannedFilter]="tagsCannedFilter" -->
             <!-- openInfoConversation   {{openInfoConversation}} - isMobile {{isMobile}} -->
             <app-message-text-area *ngIf="(openInfoConversation === false && isMobile === true) || (openInfoConversation === true && isMobile === false) || (openInfoConversation === false && isMobile === false)"
-              [loggedUser]="loggedUser" 
+              [loggedUser]="loggedUser"
+              [projectUser]="projectUser"
               [conversationWith]="conversationWith" 
               [channelType]="channelType"
               [channel]="conversation?.attributes?.request_channel"
@@ -213,8 +214,10 @@
               [fileUploadAccept]="fileUploadAccept"
               [emailSection]="isEmailEnabled"
               [offlineMsgEmail]="offlineMsgEmail"
+              [cannedSection]="canShowCanned"
               [whatsappTemplatesSection]="isWhatsappTemplatesEnabled"
               [isOpenInfoConversation]="openInfoConversation" 
+              [ticketSection]="isTicketEnabled"
               [stylesMap]="styleMap"
               [translationMap]="translationsMap"
               [dropEvent]="dropEvent"
@@ -223,7 +226,8 @@
               (onClickOpenCannedResponses)="onClickOpenCannedResponses($event)"
               (eventSendMessage)="returnSendMessage($event)" 
               (onPresentModalScrollToBottom)="onPresentModalScrollToBottom($event)"
-              (onOpenFooterSection)="onOpenFooterSection($event)">
+              (onOpenFooterSection)="onOpenFooterSection($event)"
+              (onOpenTicket)="onOpenTicket($event)">
             </app-message-text-area>
             <!-- [events]="eventsReplaceTexareaText.asObservable()" -->
           </ion-row>

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

@@ -83,7 +83,11 @@ import { WebsocketService } from 'src/app/services/websocket/websocket.service';
 import { Project } from 'src/chat21-core/models/projects';
 import { Globals } from 'src/app/utils/globals';
 import { ProjectService } from 'src/app/services/projects/project.service';
-import { getOSCode } from 'src/app/utils/utils';
+import { ProjectUsersService } from 'src/app/services/project_users/project-users.service';
+import { ProjectUser } from 'src/chat21-core/models/projectUsers';
+import { getOSCode, hasRole } from 'src/app/utils/utils';
+import { PERMISSIONS } from 'src/app/utils/permissions.constants';
+import { TriggerEvents } from 'src/app/services/triggerEvents/triggerEvents';
 
 @Component({
   selector: 'app-conversation-detail',
@@ -108,6 +112,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   private subscriptions: Array<any>
   public tenant: string;
   public loggedUser: UserModel
+  public projectUser: ProjectUser;
   public conversationWith: string
   public conversationWithFullname: string
   public messages: Array<MessageModel> = []
@@ -137,6 +142,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   public tagsCannedFilter: Array<any> = [];
   public SHOW_CANNED_RESPONSES: boolean = false
   public canShowCanned: boolean = true
+  public rolesCanned: { [key: string]: boolean }
 
   public SHOW_COPILOT_SUGGESTIONS: boolean = false;
 
@@ -171,6 +177,10 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   copilotQuestion: string = '';
   /**COPILOT : end */
 
+  /** TICKET: start */
+  isTicketEnabled: boolean = false;
+  /** TICKET: end */
+
   isMine = isMine
   isInfo = isInfo
   isFirstMessage = isFirstMessage
@@ -240,18 +250,20 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     public toastController: ToastController,
     public tiledeskService: TiledeskService,
     public projectService: ProjectService,
+    public projectUsersService: ProjectUsersService,
     private networkService: NetworkService,
     private events: EventsService,
     private webSocketService: WebsocketService,
     public projectPlanUtils: ProjectPlanUtils,
+    public triggerEvents: TriggerEvents,
     private g: Globals,
   ) {
     // Change list on date change
     this.route.paramMap.subscribe((params) => {
       this.logger.log('[CONVS-DETAIL] - constructor -> params: ', params)
       this.conversationWith = params.get('IDConv')
-      this.conversationWithFullname = params.get('FullNameConv')
-      this.conv_type = params.get('Convtype')
+      this.conversationWithFullname = decodeURIComponent(params.get('FullNameConv'))
+      this.conv_type = decodeURIComponent(params.get('Convtype'))
 
       this.events.publish('supportconvid:haschanged', this.conversationWith)
     })
@@ -418,6 +430,8 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   ionViewDidEnter() {
     this.logger.log('[CONVS-DETAIL] > ionViewDidEnter')
     // this.info_content_child_enabled = true;
+    // Scroll to bottom to show the last message without animation
+    this.scrollToLastMessage()
   }
 
   // Unsubscibe when new page transition end
@@ -477,6 +491,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.messages = [] // list messages of conversation
     this.isFileSelected = false // indicates if a file has been selected (image to upload)
     this.isEmailEnabled = (this.appConfigProvider.getConfig().emailSection === 'true' || this.appConfigProvider.getConfig().emailSection === true) ? true : false;
+    this.isTicketEnabled = (this.appConfigProvider.getConfig().ticketSection === 'true' || this.appConfigProvider.getConfig().ticketSection === true) ? true : false;
     this.isWhatsappTemplatesEnabled = (this.appConfigProvider.getConfig().whatsappTemplatesSection === 'true' || this.appConfigProvider.getConfig().whatsappTemplatesSection === true) ? true : false;
 
     this.cannedResponsesService.initialize(appconfig.apiUrl)
@@ -534,7 +549,6 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *',)
       })
     }else {
-      this.canShowCanned = false;
       this.offlineMsgEmail = false;
     }
     
@@ -545,10 +559,13 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES', project)
       if (project) {
         const projectId = project.id_project
-        this.canShowCanned = this.projectPlanUtils.checkPlanIsExpired(project)
+        this.projectUser = await this.projectUsersService.getProjectUserByProjectId(project._id)
         this.offlineMsgEmail = this.checkOfflineMsgEmailIsEnabled(project)
         this.isCopilotEnabled = this.projectPlanUtils.checkProjectProfileFeature(project, 'copilot');
         this.fileUploadAccept = this.checkAcceptedUploadFile(project)
+        this.rolesCanned = this.checkCannedResponsesRoles()
+        this.canShowCanned = this.checkCannedResponses(project)
+        this.logger.log('[CONVS-DETAIL] this.rolesCanned ', this.canShowCanned)
       }
     }, (error) => {
       this.logger.error('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error)
@@ -586,6 +603,40 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     return this.appConfigProvider.getConfig().fileUploadAccept
   }
 
+  checkCannedResponses(project: Project): boolean {
+    let expires = this.projectPlanUtils.checkPlanIsExpired(project)
+    this.logger.log('[CONVS-DETAIL] checkCannedResponses expires ', expires)
+    if(expires){
+      return false
+    }
+
+    let hasRoleToShowCanned = this.rolesCanned[PERMISSIONS.CANNED_RESPONSES_READ]
+    this.logger.log('[CONVS-DETAIL] checkCannedResponses hasRoleToShowCanned ', hasRoleToShowCanned)
+    if(!hasRoleToShowCanned){
+      return false
+    }
+
+    return true
+  }
+
+  checkCannedResponsesRoles(): { [key: string]: boolean } {
+    const permissionKeys = [
+      'CANNED_RESPONSES_CREATE',
+      'CANNED_RESPONSES_READ',
+      'CANNED_RESPONSES_UPDATE',
+      'CANNED_RESPONSES_DELETE',
+    ] as const;
+
+    const roles: { [key: string]: boolean } = {};
+    for (const key of permissionKeys) {
+      const permission = PERMISSIONS[key];
+      roles[permission] = hasRole(this.projectUser, permission);
+    }
+
+    return roles;
+
+  }
+
   // getProjectIdSelectedConversation(conversationWith: string): string{
   //   const conversationWith_segments = conversationWith.split('-')
   //   // Removes the last element of the array if is = to the separator
@@ -669,6 +720,11 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       "WHATSAPP.ERROR_WHATSAPP_NOT_INSTALLED",
       "WHATSAPP.ERROR_WHATSAPP_GENERIC_ERROR",
 
+      "TICKET.OPEN_TICKET",
+      "TICKET.DESCRIPTION",
+      "TICKET.CONFIRM",
+      "TICKET.CLOSE",
+
       "COPILOT.ASK_AI",
       "COPILOT.NO_SUGGESTIONS_PRESENT",
 
@@ -1884,6 +1940,11 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   }
 
 
+  onOpenTicket(event) {
+    this.logger.debug('[CONVS-DETAIL] openTicketOnExternalService - conversationWith ', this.conversationWith)
+    const detailOBJ = { event: 'onOpenTicketExternally', request_id: this.conversationWith, conversation: this.conversation }
+    this.triggerEvents.triggerOnOpenTicketExternally(detailOBJ)
+  }
   // -------------- START SCROLL/RESIZE  -------------- //
   /** */
   resizeTextArea() {
@@ -1927,6 +1988,29 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     }
   }
 
+  /**
+   * Scroll to last message without animation using requestAnimationFrame
+   * This is a best practice alternative to setTimeout
+   */
+  private scrollToLastMessage() {
+    this.showIonContent = true
+    if (this.ionContentChatArea) {
+      // Use requestAnimationFrame for better performance
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          // Double RAF ensures DOM is fully rendered
+          this.ionContentChatArea.scrollToBottom(0).then(() => {
+            this.logger.log('[CONVS-DETAIL] scroll posizionato all\'ultimo messaggio')
+          }).catch((error) => {
+            this.logger.error('[CONVS-DETAIL] errore durante lo scroll:', error)
+          })
+        })
+      })
+    } else {
+      this.logger.warn('[CONVS-DETAIL] ionContentChatArea non disponibile')
+    }
+  }
+
   /**
    * detectBottom
    */

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

@@ -7,6 +7,8 @@
     [sound_btn]="sound_btn"
     [isMobile]="isMobile"
     [isVisibleTKT]="isVisibleTKT"
+    [isVisibleCNT]="isVisibleCNT"
+    [roles]="rolesHeader"
     (onSoundChange)="onSoundChange($event)"
     (openContactsDirectory)=openContactsDirectory($event) 
     (openProfileInfo)=openProfileInfo($event)>