@chat21/chat21-ionic 3.4.27-rc2 → 3.4.27-rc21

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

@@ -22,7 +22,7 @@
     <!-- (click)="goToUserProfile()" -->
     <div role="button" class="user-details-avatar">
         <img *ngIf="USER_PHOTO_PROFILE_EXIST" class="user-img-in-sidebar-user-details" [src]="photo_profile_URL"
-            onerror="this.src='assets/images/no_image_user.png'" />
+            onerror="this.src='assets/img/no_image_user.png'" />
 
         <div *ngIf="!USER_PHOTO_PROFILE_EXIST" class="user-img-in-sidebar-user-details"
             [ngStyle]="{'background':  'linear-gradient(rgb(255,255,255) -125%,' + user?.fillColour + ')'}">
@@ -51,7 +51,7 @@
     <div class="user-details-role">
         <h3>{{ USER_ROLE_LABEL }} </h3>
 
-        <div class="user-details-view-profile" (click)="goToUserProfile()"> 
+        <div *ngIf="BRAND_BASE_INFO['DISPLAY_EDIT_PROFILE']" class="user-details-view-profile" (click)="goToUserProfile()"> 
             {{translationsMap.get('EditProfile')}}
         </div>
 
@@ -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()
@@ -52,9 +53,9 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
   selectedStatus: any;
   teammateStatus = [
-    { id: 1, name: 'Available', avatar: 'assets/images/teammate-status/avaible.svg', label: "LABEL_AVAILABLE" },
-    { id: 2, name: 'Unavailable', avatar: 'assets/images/teammate-status/unavaible.svg', label: "LABEL_NOT_AVAILABLE" },
-    { id: 3, name: 'Inactive', avatar: 'assets/images/teammate-status/inactive.svg', label: "LABEL_INACTIVE" },
+    { id: 1, name: 'Available', avatar: 'assets/img/teammate-status/avaible.svg', label: "LABEL_AVAILABLE" },
+    { id: 2, name: 'Unavailable', avatar: 'assets/img/teammate-status/unavaible.svg', label: "LABEL_NOT_AVAILABLE" },
+    { id: 3, name: 'Inactive', avatar: 'assets/img/teammate-status/inactive.svg', label: "LABEL_INACTIVE" },
   ];
 
   translationsMap: Map<string, string> = new Map();
@@ -194,13 +195,13 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     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.flag_url = "assets/img/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.flag_url = "assets/img/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);
     }
@@ -208,11 +209,11 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     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"
+      this.flag_url = "assets/img/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.flag_url = "assets/img/language_flag/en.png"
       this.chat_lang = 'en'
     }
 
@@ -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.html

@@ -36,7 +36,7 @@
             <img *ngIf="item.requestertype === 'agent' && UPLOAD_ENGINE_IS_FIREBASE" height="24" width="24"
               style="border-radius:50%; object-fit: cover; vertical-align: middle;"
               src="https://firebasestorage.googleapis.com/v0/b/{{storageBucket}}/o/profiles%2F{{item.id}}%2Fphoto.jpg?alt=media"
-              alt="" onerror="this.src='assets/images/default-avatar-x-select.png'">
+              alt="" onerror="this.src='assets/img/default-avatar-x-select.png'">
 
             <!-- ---------------------------------------- -->
             <!-- Usecase Native -->
@@ -44,11 +44,11 @@
             <img *ngIf="item.requestertype === 'agent' && !UPLOAD_ENGINE_IS_FIREBASE" height="24" width="24"
               style="border-radius:50%;object-fit: cover;vertical-align: middle;"
               src="{{baseUrl}}images?path=uploads%2Fusers%2F{{item.id}}%2Fimages%2Fthumbnails_200_200-photo.jpg" alt=""
-              onerror="this.src='assets/images/default-avatar-x-select.png'">
+              onerror="this.src='assets/img/default-avatar-x-select.png'">
 
             <img *ngIf="item.requestertype === 'lead'" height="24" width="24"
               style="border-radius:50%;object-fit: cover;vertical-align: middle;"
-              src="assets/images/default-avatar-x-select.png" alt="">
+              src="assets/img/default-avatar-x-select.png" alt="">
             <span style="font-weight: 400;">
               {{ item.name }}
             </span>
@@ -64,7 +64,7 @@
             <img *ngIf="item.requestertype === 'agent' && UPLOAD_ENGINE_IS_FIREBASE" height="24" width="24"
               style="border-radius:50%;object-fit: cover;vertical-align: middle;"
               src="https://firebasestorage.googleapis.com/v0/b/{{storageBucket}}/o/profiles%2F{{item.id}}%2Fphoto.jpg?alt=media"
-              alt="" onerror="this.src='assets/images/default-avatar-x-select.png'">
+              alt="" onerror="this.src='assets/img/default-avatar-x-select.png'">
 
             <!-- ---------------------------------------- -->
             <!-- Usecase Native -->
@@ -72,11 +72,11 @@
             <img *ngIf="item.requestertype === 'agent' && !UPLOAD_ENGINE_IS_FIREBASE" height="24" width="24"
               style="border-radius:50%;object-fit: cover;vertical-align: middle;"
               src="{{baseUrl}}images?path=uploads%2Fusers%2F{{item.id}}%2Fimages%2Fthumbnails_200_200-photo.jpg" alt=""
-              onerror="this.src='assets/images/default-avatar-x-select.png'">
+              onerror="this.src='assets/img/default-avatar-x-select.png'">
 
             <img *ngIf="item.requestertype === 'lead'" height="24" width="24"
               style="border-radius:50%; object-fit: cover;vertical-align: middle;"
-              src="assets/images/default-avatar-x-select.png" alt="">
+              src="assets/img/default-avatar-x-select.png" alt="">
             <span style="font-weight: 400;">
               {{ item.name }}
             </span>

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

@@ -43,22 +43,22 @@ export class CreateTicketPage implements OnInit {
       {
         id: 1,
         name: 'urgent',
-        avatar: 'assets/images/priority_icons/urgent_v2.svg'
+        avatar: 'assets/img/priority_icons/urgent_v2.svg'
       },
       {
         id: 2,
         name: 'high',
-        avatar: 'assets/images/priority_icons/high_v2.svg '
+        avatar: 'assets/img/priority_icons/high_v2.svg '
       },
       {
         id: 3,
         name: 'medium',
-        avatar: 'assets/images/priority_icons/medium_v2.svg'
+        avatar: 'assets/img/priority_icons/medium_v2.svg'
       },
       {
         id: 4,
         name: 'low',
-        avatar: 'assets/images/priority_icons/low_v2.svg'
+        avatar: 'assets/img/priority_icons/low_v2.svg'
       },
     ];
 

package/src/app/modals/loader-preview/loader-preview.page.ts

@@ -156,7 +156,7 @@ export class LoaderPreviewPage implements OnInit, AfterViewInit {
   }
   // file-alt-solid.png
   async createFile() {
-    let response = await fetch('./assets/images/file-alt-solid.png')
+    let response = await fetch('./assets/img/file-alt-solid.png')
     let data = await response.blob()
     let metadata = {
       type: 'image/png',

package/src/app/modals/send-whatsapp-template/send-whatsapp-template.page.scss

@@ -106,7 +106,7 @@ ion-footer {
     width: 100%;
     min-height: 200px;
     //background-image: url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);
-    background-image: url(../../../assets/images/whatsapp_background.png);
+    background-image: url(../../../assets/img/whatsapp_background.png);
     border-radius: 8px;
     background-size: cover;
     display: flex;

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

@@ -217,6 +217,7 @@
               [cannedSection]="canShowCanned"
               [whatsappTemplatesSection]="isWhatsappTemplatesEnabled"
               [isOpenInfoConversation]="openInfoConversation" 
+              [ticketSection]="isTicketEnabled"
               [stylesMap]="styleMap"
               [translationMap]="translationsMap"
               [dropEvent]="dropEvent"
@@ -225,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.scss

@@ -5,7 +5,7 @@
 }
 
 .image-splash-page {
-    background: url("../../../assets/images/no_conversation.jpg");
+    background: url("../../../assets/img/no_conversation.jpg");
     width: 50%;
     height: 50%;
     position: relative;