@chat21/chat21-ionic 3.4.27-rc13 → 3.4.27-rc15

package/CHANGELOG.md

@@ -8,6 +8,13 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 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
 

package/package.json

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

package/src/app/chatlib/conversation-detail/conversation-content/conversation-content.component.scss

@@ -205,13 +205,13 @@
 //                             overflow-x: hidden;
 //                         }
 //                         .c21-ico-schedule {
-//                             background-image: url("src/assets/images/f21ico-schedule.svg");
+//                             background-image: url("src/assets/img/f21ico-schedule.svg");
 //                         }
 //                         .c21-ico-done {
-//                             background-image: url("src/assets/images/f21ico-done.svg");
+//                             background-image: url("src/assets/img/f21ico-done.svg");
 //                         }
 //                         .c21-ico-done_all {
-//                             background-image: url("src/assets/images/f21ico-done_all.svg");
+//                             background-image: url("src/assets/img/f21ico-done_all.svg");
 //                         }
 //                     }
                     

package/src/app/chatlib/conversation-detail/conversation-content/conversation-content.component.ts

@@ -58,7 +58,7 @@ export class ConversationContentComponent implements OnInit {
   MESSAGE_TYPE_OTHERS = MESSAGE_TYPE_OTHERS;
   // ========== end:: check message type functions ======= //
 
-  urlBOTImage = 'https://s3.eu-west-1.amazonaws.com/tiledesk-widget/dev/2.0.4-beta.7/assets/images/avatar_bot_tiledesk.svg'
+  urlBOTImage = 'https://s3.eu-west-1.amazonaws.com/tiledesk-widget/dev/2.0.4-beta.7/assets/img/avatar_bot_tiledesk.svg'
   uploadProgress: number;
   showUploadProgress: boolean = false;
   fileType: string;

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.html

@@ -184,7 +184,7 @@
       <ng-container *ngIf="isCopilotEnabled">
         <ion-button shape="round" size="small" class="btn-info-msg btn-copilot" ion-button fill="clear"
           (click)="onClickOptionsCopilot(message, i)">
-          <ion-icon id="copilot" src="assets/images/icons/copilot.svg"></ion-icon>
+          <ion-icon id="copilot" src="assets/img/icons/copilot.svg"></ion-icon>
         </ion-button>
       </ng-container>
 

package/src/app/chatlib/conversation-detail/message/avatar/avatar.component.html

@@ -1,6 +1,6 @@
 <div class="c21-icon-avatar">
   <div class="c21-avatar-image profile_image">
-    <!-- <img src="getUrlImgProfile(message.sender) {{getUrlImgProfile(message.sender)}}" onError="this.src = 'https://s3.eu-west-1.amazonaws.com/tiledesk-widget/v2/assets/images/line_avatar_male_tiledesk.svg'" /> -->
+    <!-- <img src="getUrlImgProfile(message.sender) {{getUrlImgProfile(message.sender)}}" onError="this.src = 'https://s3.eu-west-1.amazonaws.com/tiledesk-widget/v2/assets/img/line_avatar_male_tiledesk.svg'" /> -->
     <!-- <img [src]="url" (error)="onBotImgError($event)" /> -->
     <img *ngIf="senderID?.indexOf('bot_') !== -1 || senderFullname === 'Bot'" [src]="url" (error)="onBotImgError($event)" (load)="onLoadedBot($event)"/>
     <!-- is a HUMAN -->

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

@@ -17,18 +17,18 @@ export class AvatarComponent implements OnInit {
     if(this.senderID){
       this.url = this.imageRepoService.getImagePhotoUrl(this.senderID)  
       if(!this.url && (this.senderID.indexOf('bot_') !== -1 || this.senderFullname === 'Bot')){
-        this.url =  this.baseLocation +'/assets/images/avatar_bot_tiledesk.svg'
+        this.url =  this.baseLocation +'/assets/img/avatar_bot_tiledesk.svg'
       }else if(!this.url && this.senderID.indexOf('bot_') == -1){
-        this.url =  this.baseLocation +'/assets/images/light_avatar_placeholder.svg'
+        this.url =  this.baseLocation +'/assets/img/light_avatar_placeholder.svg'
       }
     }
   }
 
   onBotImgError(event){
-    event.target.src = this.baseLocation +'/assets/images/avatar_bot_tiledesk.svg'
+    event.target.src = this.baseLocation +'/assets/img/avatar_bot_tiledesk.svg'
   }
   onHumanImgError(event) {
-    event.target.src = this.baseLocation + "/assets/images/light_avatar_placeholder.svg"
+    event.target.src = this.baseLocation + "/assets/img/light_avatar_placeholder.svg"
   }
 
   onLoadedBot(event){

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

@@ -16,12 +16,12 @@
     }
 
     .c21-ico-schedule {
-        background-image: url("/src/assets/images/f21ico-schedule.svg");
+        background-image: url("/src/assets/img/f21ico-schedule.svg");
     }
     .c21-ico-done {
-        background-image: url("/src/assets/images/f21ico-done.svg");
+        background-image: url("/src/assets/img/f21ico-done.svg");
     }
     .c21-ico-done_all {
-        background-image: url("/src/assets/images/f21ico-done_all.svg");
+        background-image: url("/src/assets/img/f21ico-done_all.svg");
     }
 }

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

@@ -96,23 +96,23 @@
       <div class="conversation_project truncate">
         <!-- DIRECT CONV -->
         <div *ngIf="conversation.channel_type === CHANNEL_TYPE.DIRECT">
-          <img class="channel-icon" src="assets/images/channel_icons/direct.svg">
+          <img class="channel-icon" src="assets/img/channel_icons/direct.svg">
           <span  class="truncate">{{translationsMap.get('DIRECT_CHAT')}}</span>
         </div>
         <!-- GROUP CONV -->
         <div *ngIf="conversation.uid.startsWith(CHANNEL_TYPE.GROUP)">
-          <img class="channel-icon" src="assets/images/channel_icons/group.svg">
+          <img class="channel-icon" src="assets/img/channel_icons/group.svg">
           <span class="truncate">{{translationsMap.get('GROUP_CHAT')}}</span>
         </div>
         <!-- SUPPORT-GROUP CONV -->
         <div  *ngIf="conversation.uid.startsWith(CHANNEL_TYPE.SUPPORT_GROUP) && !IS_ON_MOBILE_DEVICE">
-          <img class="channel-icon" src="assets/images/channel_icons/chat21.svg" *ngIf="conversation?.attributes && ( (conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.CHAT21) ||  !conversation?.attributes?.request_channel) " >
-          <img class="channel-icon" src="assets/images/channel_icons/email-logo.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.EMAIL" >
-          <img class="channel-icon" src="assets/images/channel_icons/form-logo_v2.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.FORM" >
-          <img class="channel-icon" src="assets/images/channel_icons/messenger-logo.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.MESSENGER" >
-          <img class="channel-icon" src="assets/images/channel_icons/whatsapp-logo.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.WHATSAPP" >
-          <img class="channel-icon" src="assets/images/channel_icons/telegram-logo.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.TELEGRAM" >
-          <img class="channel-icon" src="assets/images/channel_icons/voice.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel.startsWith(CHANNEL_TYPE.VOICE)" >
+          <img class="channel-icon" src="assets/img/channel_icons/chat21.svg" *ngIf="conversation?.attributes && ( (conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.CHAT21) ||  !conversation?.attributes?.request_channel) " >
+          <img class="channel-icon" src="assets/img/channel_icons/email-logo.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.EMAIL" >
+          <img class="channel-icon" src="assets/img/channel_icons/form-logo_v2.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.FORM" >
+          <img class="channel-icon" src="assets/img/channel_icons/messenger-logo.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.MESSENGER" >
+          <img class="channel-icon" src="assets/img/channel_icons/whatsapp-logo.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.WHATSAPP" >
+          <img class="channel-icon" src="assets/img/channel_icons/telegram-logo.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel === CHANNEL_TYPE.TELEGRAM" >
+          <img class="channel-icon" src="assets/img/channel_icons/voice.svg" *ngIf="conversation?.attributes && conversation?.attributes?.request_channel && conversation?.attributes?.request_channel.startsWith(CHANNEL_TYPE.VOICE)" >
           <span *ngIf="conversation?.attributes?.project_name" class="truncate">{{conversation?.attributes?.project_name}}</span>
           <span *ngIf="!conversation?.attributes?.project_name" class="truncate">{{conversation?.attributes?.projectId}}</span>
         </div>

package/src/app/components/bubbleMessageInfo-popover/bubbleinfo-popover.component.html

@@ -9,7 +9,7 @@
     <ion-label>{{translationsMap?.get('AddAsCannedResponse')}}</ion-label>
   </ion-item>
   <ion-item button="true" *ngIf="logLevel >= LogLevel.DEBUG" (click)="onClickOption('jsonInfo')">
-    <ion-icon src="assets/images/json-file.svg" slot="start"></ion-icon>
+    <ion-icon src="assets/img/json-file.svg" slot="start"></ion-icon>
     <ion-label>{{translationsMap?.get('JSON_RESPONSE')}}</ion-label>
   </ion-item>
 </ion-list>

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/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="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="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/header-conversation-detail/header-conversation-detail.component.html

@@ -47,13 +47,13 @@
                       </div>
                       <!-- SUPPORT-GROUP CONV -->
                       <div  *ngIf="conversationUid?.startsWith(CHANNEL_TYPE.SUPPORT_GROUP) && !IS_ON_MOBILE_DEVICE">
-                        <img class="channel-icon" src="assets/images/channel_icons/chat21.svg" *ngIf="( (conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.CHAT21) ||  !conversationAvatar?.request_channel) " >
-                        <img class="channel-icon" src="assets/images/channel_icons/email-logo.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.EMAIL" >
-                        <img class="channel-icon" src="assets/images/channel_icons/form-logo_v2.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.FORM" >
-                        <img class="channel-icon" src="assets/images/channel_icons/messenger-logo.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.MESSENGER" >
-                        <img class="channel-icon" src="assets/images/channel_icons/whatsapp-logo.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.WHATSAPP" >
-                        <img class="channel-icon" src="assets/images/channel_icons/telegram-logo.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.TELEGRAM" >
-                        <img class="channel-icon" src="assets/images/channel_icons/voice.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel.startsWith(CHANNEL_TYPE.VOICE)" >
+                        <img class="channel-icon" src="assets/img/channel_icons/chat21.svg" *ngIf="( (conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.CHAT21) ||  !conversationAvatar?.request_channel) " >
+                        <img class="channel-icon" src="assets/img/channel_icons/email-logo.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.EMAIL" >
+                        <img class="channel-icon" src="assets/img/channel_icons/form-logo_v2.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.FORM" >
+                        <img class="channel-icon" src="assets/img/channel_icons/messenger-logo.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.MESSENGER" >
+                        <img class="channel-icon" src="assets/img/channel_icons/whatsapp-logo.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.WHATSAPP" >
+                        <img class="channel-icon" src="assets/img/channel_icons/telegram-logo.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel === CHANNEL_TYPE.TELEGRAM" >
+                        <img class="channel-icon" src="assets/img/channel_icons/voice.svg" *ngIf="conversationAvatar?.request_channel && conversationAvatar?.request_channel.startsWith(CHANNEL_TYPE.VOICE)" >
                         <span *ngIf="conversationAvatar?.project_name" class="truncate">{{conversationAvatar?.project_name}}</span>
                         <span *ngIf="!conversationAvatar?.project_name" class="truncate">{{conversationAvatar?.projectId}}</span>
                       </div>
@@ -65,7 +65,7 @@
               <!-- COPILOT-OPTION -->
               <div *ngIf="isCopilotEnabled" class="copilot-container" id="copilot">
                 <ion-button id="copilot" fill="clear" (click)="onOpenSection('copilot')">
-                  <ion-icon class="channel-icon" src="assets/images/icons/copilot.svg"></ion-icon>
+                  <ion-icon class="channel-icon" src="assets/img/icons/copilot.svg"></ion-icon>
                   {{translationsMap?.get('COPILOT.SOLVE_WITH_AI')}}
                 </ion-button>
               </div>

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

@@ -548,6 +548,10 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     e.preventDefault(); // Prevent press enter from creating new line 
     // console.log("[CONVS-DETAIL] replaceTagInMessage onKeydown in msg-texarea * event: ", e);
 
+    if(this.showAlertEmoji || this.showAlertUrl){
+      return; 
+    }
+
     this.countClicks++;
     this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - countClicks: ', this.countClicks);
     this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] onKeydown - event: ', e);
@@ -652,6 +656,11 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
       return
     }
 
+    let check = this.checkForEmojii(text)
+    if(!check){
+      return;
+    }
+
     this.messageString = '';
     // text = text.replace(/(\r\n|\n|\r)/gm, '');
 

package/src/app/components/copilot-popover/copilot-popover.component.html

@@ -18,7 +18,7 @@
   </ion-content>
   <ion-footer class="ion-no-border">
     <ion-button fill="clear" (click)="onClickCopilot()">
-      <ion-icon src="assets/images/icons/copilot.svg"></ion-icon>
+      <ion-icon src="assets/img/icons/copilot.svg"></ion-icon>
       {{translationsMap.get('COPILOT.ASK_AI') }}
     </ion-button>
   </ion-footer>

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

@@ -2,7 +2,7 @@
 <div class="logo">
   <!-- <a class="logo-img-wpr" [ngClass]="{'small-sidebar-logo-img-wpr' : SIDEBAR_IS_SMALL === true }">
     <div class="logo-img" (click)="goToHome()" style="cursor: pointer;">
-      <img class="small-sidebar__logo" src="assets/logos/tiledesk-solo-logo.svg" />
+      <img class="small-sidebar__logo" src="assets/img/logos/tiledesk-solo-logo.svg" />
     </div>
   </a> -->
 
@@ -12,7 +12,7 @@
     style="cursor: pointer;" [ngClass]="{'small-sidebar-avatar' : SIDEBAR_IS_SMALL === true,  'small-sidebar-avatar-with-avatar': SIDEBAR_IS_SMALL === true && !USER_PHOTO_PROFILE_EXIST}">
 
     <img *ngIf="USER_PHOTO_PROFILE_EXIST" id="sidebaravatar-img" class="sidebar-avatar" [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" id="sidebaravatar-no-img" class="sidebar-avatar"
       [ngStyle]="{'background':  'linear-gradient(rgb(255,255,255) -125%,' + currentUser?.fillColour + ')'}">

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>
 

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

@@ -53,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();
@@ -195,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);
     }
@@ -209,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'
     }
 

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.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;

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

@@ -1158,7 +1158,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         //   ${metadata.name}
         // </a>`
 
-        // msg = ![file-image-placehoder](./assets/images/file-alt-solid.png) + [${metadata.name}](${metadata.src})
+        // msg = ![file-image-placehoder](./assets/img/file-alt-solid.png) + [${metadata.name}](${metadata.src})
         msg = `[${metadata.name}](${metadata.src})`
       }
     }

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

@@ -116,9 +116,9 @@ export class ConversationListPage implements OnInit {
   profile_name_translated: string;
   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" },
   ];
   // PROJECT AVAILABILITY INFO: end
 

package/src/app/pages/profile-info/profile-info.page.ts

@@ -51,9 +51,9 @@ export class ProfileInfoPage implements OnInit {
 
   isVisiblePAY: boolean;
   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" },
   ];
 
   constructor(

package/src/app/services/brand/brand.service.ts

@@ -67,11 +67,11 @@ export class BrandService {
       ]
     },
     COMMON: {
-      COMPANY_LOGO:"assets/logos/tiledesk_logo.svg",
-      COMPANY_LOGO_NO_TEXT:"assets/logos/tiledesk_logo.svg",
-      BASE_LOGO: "assets/logos/tiledesk_logo.svg",
-      BASE_LOGO_NO_TEXT: "assets/logos/tiledesk_logo.svg",
-      BASE_LOGO_WHITE: "assets/logos/tiledesk-logo_new_white.svg",
+      COMPANY_LOGO:"assets/img/logos/tiledesk_logo.svg",
+      COMPANY_LOGO_NO_TEXT:"assets/img/logos/tiledesk_logo.svg",
+      BASE_LOGO: "assets/img/logos/tiledesk_logo.svg",
+      BASE_LOGO_NO_TEXT: "assets/img/logos/tiledesk_logo.svg",
+      BASE_LOGO_WHITE: "assets/img/logos/tiledesk-logo_new_white.svg",
       BASE_LOGO_WHITE_NO_TEXT:"",
       COMPANY_NAME: "Tiledesk",
       BRAND_NAME: "Tiledesk",

package/src/app/utils/utils-resources.ts

@@ -7,16 +7,17 @@ export const BRAND_BASE_INFO: { [key: string] : string | boolean} ={
     FAVICON: "https://tiledesk.com/wp-content/uploads/2022/07/tiledesk_v13-300x300.png",
     META_TITLE:"Tiledesk - Open Source Live Chat",
     DOCS: true,
-    LOGOUT_ENABLED: true
+    LOGOUT_ENABLED: true,
+    DISPLAY_EDIT_PROFILE: true
 }
 
 export var LOGOS_ITEMS: { [key: string] : { label: string | boolean, icon: string }} ={
-    COMPANY_LOGO: {label: BRAND_BASE_INFO.COMPANY_NAME,  icon: 'assets/logos/tiledesk_logo.svg'},
-    COMPANY_LOGO_NO_TEXT: {label: BRAND_BASE_INFO.COMPANY_NAME, icon: 'assets/logos/tiledesk_logo_no_text.svg'},
-    BASE_LOGO: {label: BRAND_BASE_INFO.BRAND_NAME,  icon: 'assets/logos/tiledesk_logo.svg'},
-    BASE_LOGO_NO_TEXT: {label: BRAND_BASE_INFO.BRAND_NAME, icon: 'assets/logos/tiledesk_logo_no_text.svg'},
-    BASE_LOGO_WHITE: { label: BRAND_BASE_INFO.BRAND_NAME, icon: '"assets/logos/tiledesk-logo_new_white.svg'},
-    BASE_LOGO_WHITE_NO_TEXT: { label: BRAND_BASE_INFO.BRAND_NAME, icon: '"assets/logos/tiledesk-logo_new_white.svg'},
+    COMPANY_LOGO: {label: BRAND_BASE_INFO.COMPANY_NAME,  icon: 'assets/img/logos/tiledesk_logo.svg'},
+    COMPANY_LOGO_NO_TEXT: {label: BRAND_BASE_INFO.COMPANY_NAME, icon: 'assets/img/logos/tiledesk_logo_no_text.svg'},
+    BASE_LOGO: {label: BRAND_BASE_INFO.BRAND_NAME,  icon: 'assets/img/logos/tiledesk_logo.svg'},
+    BASE_LOGO_NO_TEXT: {label: BRAND_BASE_INFO.BRAND_NAME, icon: 'assets/img/logos/tiledesk_logo_no_text.svg'},
+    BASE_LOGO_WHITE: { label: BRAND_BASE_INFO.BRAND_NAME, icon: '"assets/img/logos/tiledesk-logo_new_white.svg'},
+    BASE_LOGO_WHITE_NO_TEXT: { label: BRAND_BASE_INFO.BRAND_NAME, icon: '"assets/img/logos/tiledesk-logo_new_white.svg'},
     BASE_LOGO_GRAY: { label: BRAND_BASE_INFO.BRAND_NAME, icon: 'https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-logo_new_gray.svg'}
 }
 

package/src/chat21-core/utils/constants.ts

@@ -119,8 +119,8 @@ export const STORAGE_PREFIX = 'tiledesk_widget_';
 
 // links
 export const FIREBASESTORAGE_BASE_URL_IMAGE = 'https://firebasestorage.googleapis.com/v0/b/' //+ 'chat-v2-dev.appspot.com/o/';
-export const IMG_PROFILE_BOT = '/assets/images/avatar_bot_tiledesk.svg';
-export const IMG_PROFILE_DEFAULT = '/assets/images/avatar_male_tiledesk.svg';
+export const IMG_PROFILE_BOT = '/assets/img/avatar_bot_tiledesk.svg';
+export const IMG_PROFILE_DEFAULT = '/assets/img/avatar_male_tiledesk.svg';
 
 //LOG LEVEL
 // export enum LogLevel {