@chat21/chat21-ionic 3.0.6-2.1 → 3.0.6-2.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # chat21-ionic ver 3.0
 
+### 3.0.62.4
+- Fixed bug: when the user profile is updated in the dashboard it is not updated in the chat
+- Fixed bug: when is sent a message with only emojis, some emojis have the chat balloon background
+
+### 3.0.62.3
+- Fixes the bug: the method setTyping fired twice after that a message is sent
+- Other minor improvements
+
+### 3.0.62.2
+- Fixed bug: if the teammate has the role of agent when switching from the dashboard to the chat and vice versa, the icons that only owners and admins have access to are displayed briefly in the left sidebar
+- Adds the "Edit Profile" button and a link to the help center in the teammate details drawer
+
 ### 3.0.62.1
 - Allows agents to use the "Monitor" page
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.62.1",
+    "version": "3.0.62.4",
     "author": "Tiledesk SRL",
     "homepage": "https://tiledesk.com/",
     "scripts": {

package/src/app/app.component.ts

@@ -299,7 +299,7 @@ export class AppComponent implements OnInit {
   ngOnInit() {
     const appconfig = this.appConfigProvider.getConfig();
     this.logger.log('[APP-COMP] ngOnInit  appconfig', appconfig)
-    if (appconfig && appconfig.supportMode &&  (appconfig.supportMode === true || appconfig.supportMode === 'true' )) {
+    if (appconfig && appconfig.supportMode && (appconfig.supportMode === true || appconfig.supportMode === 'true')) {
       this.SUPPORT_MODE = true;
       this.logger.log('[APP-COMP] appconfig > SUPPORT_MODE', this.SUPPORT_MODE)
     } else {
@@ -564,16 +564,16 @@ export class AppComponent implements OnInit {
     } else if (browserLang && stored_preferred_lang) {
       chat_lang = stored_preferred_lang
     }
-  
+
     this.logger.log('[APP-COMP] - chat_lang', chat_lang)
-  
+
     if (tranlatedLanguage.includes(chat_lang)) {
-      this.logger.log('[APP-COMP] tranlatedLanguage includes',chat_lang , ': ', tranlatedLanguage.includes(chat_lang)) 
+      this.logger.log('[APP-COMP] tranlatedLanguage includes', chat_lang, ': ', tranlatedLanguage.includes(chat_lang))
       this.translate.setDefaultLang(chat_lang)
       this.translate.use(chat_lang);
     }
     else {
-      this.logger.log('[APP-COMP] tranlatedLanguage includes',chat_lang , ': ', tranlatedLanguage.includes(chat_lang)) 
+      this.logger.log('[APP-COMP] tranlatedLanguage includes', chat_lang, ': ', tranlatedLanguage.includes(chat_lang))
       this.translate.setDefaultLang('en');
       this.translate.use('en');
     }
@@ -659,6 +659,78 @@ export class AppComponent implements OnInit {
   }
 
 
+  updateStoredCurrentUser() {
+    const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
+    this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser', currentUser)
+    const dshbrdUser = JSON.parse(localStorage.getItem('user'));
+    this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser', dshbrdUser)
+    
+    if (currentUser.color !== dshbrdUser.fillColour) {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.color !== dshbrdUser.fillColour')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.color ', currentUser.color)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fillColour ', dshbrdUser.fillColour)
+      currentUser.color = dshbrdUser.fillColour;
+    } else {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.color === dshbrdUser.fillColour')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.color ', currentUser.color)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fillColour ', dshbrdUser.fillColour)
+    }
+
+    if (currentUser.firstname !== dshbrdUser.firstname) {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.firstname !== dshbrdUser.firstname')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.firstname ', currentUser.firstname)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.firstname ', dshbrdUser.firstname)
+      currentUser.firstname = dshbrdUser.firstname
+    } else {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.firstname === dshbrdUser.firstname')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.firstname ', currentUser.firstname)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.firstname ', dshbrdUser.firstname)
+   
+    }
+
+    if (currentUser.lastname !== dshbrdUser.lastname) {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.lastname !== dshbrdUser.lastname')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.lastname ', currentUser.lastname)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.lastname ', dshbrdUser.lastname)
+      currentUser.lastname = dshbrdUser.lastname
+    } else {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.lastname === dshbrdUser.lastname')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.lastname ', currentUser.lastname)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.lastname ', dshbrdUser.lastname)
+    }
+
+    if (currentUser.avatar !== dshbrdUser.fullname_initial) {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.avatar !== dshbrdUser.fullname_initial')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.avatar ', currentUser.avatar)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fullname_initial ', dshbrdUser.fullname_initial )
+    } else {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.avatar === dshbrdUser.fullname_initial')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.avatar ', currentUser.avatar)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fullname_initial ', dshbrdUser.fullname_initial )
+    }
+
+    let fullname = ""
+    if (dshbrdUser.firstname && !dshbrdUser.lastname ) {
+      fullname = dshbrdUser.firstname
+    } else if (dshbrdUser.firstname && dshbrdUser.lastname) {
+      fullname = dshbrdUser.firstname + ' ' + dshbrdUser.lastname
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - fullname ', fullname)
+    }
+
+    if (fullname !== currentUser.fullname) {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.fullname !== dshbrdUser.fullname ')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.fullname  ' , fullname)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fullname ', currentUser.fullname )
+      currentUser.fullname = fullname
+    } else {
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.fullname === dshbrdUser.fullname ')
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - currentUser.fullname  ' , fullname)
+      this.logger.log('[APP-COMP] updateStoredCurrentUser - dshbrdUser.fullname ', currentUser.fullname )
+    }
+
+    this.appStorageService.setItem('currentUser', JSON.stringify(currentUser));
+  }
+
   /***************************************************+*/
   /**------- AUTHENTICATION FUNCTIONS --> START <--- +*/
   private initAuthentication() {
@@ -672,6 +744,9 @@ export class AppComponent implements OnInit {
       this.logger.log('[APP-COMP] >>> initAuthentication I LOG IN WITH A TOKEN EXISTING IN THE LOCAL STORAGE OR WITH A TOKEN PASSED IN THE URL PARAMETERS <<<')
       this.tiledeskAuthService.signInWithCustomToken(tiledeskToken).then(user => {
         this.logger.log('[APP-COMP] >>> initAuthentication user ', user)
+        
+        this.updateStoredCurrentUser()
+
         this.messagingAuthService.createCustomToken(tiledeskToken)
       }).catch(error => {
         this.logger.error('[APP-COMP] initAuthentication SIGNINWITHCUSTOMTOKEN error::', error)
@@ -1007,7 +1082,7 @@ export class AppComponent implements OnInit {
     let platformIsNow = PLATFORM_DESKTOP;
     if (checkPlatformIsMobile()) {
       platformIsNow = PLATFORM_MOBILE;
-      this.logger.log('onResize platformIsNow ', platformIsNow) 
+      this.logger.log('onResize platformIsNow ', platformIsNow)
     }
     if (!this.platformIs || this.platformIs === '') {
       this.platformIs = platformIsNow;

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

@@ -28,6 +28,7 @@
                             <!--backgroundColor non viene ancora usato -->
                             <tiledeskwidget-bubble-message class="messages msg_sent slide-in-right"
                               [ngClass]="{'button-in-msg' : message?.metadata && message?.metadata?.button}"
+                              [class.chat-text-emoticon]="isEmojii(message?.text)"
                               [message]="message"
                               [textColor]="'col-msg-sent'"
                               (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
@@ -54,6 +55,7 @@
 
                             <!--backgroundColor non viene ancora usato -->
                             <tiledeskwidget-bubble-message class="messages msg_receive slide-in-left"
+                              [class.chat-text-emoticon]="isEmojii(message?.text)"
                               [message]="message"
                               [textColor]="'black'"
                               (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"

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

@@ -5,7 +5,7 @@ import { MSG_STATUS_SENT, MSG_STATUS_RETURN_RECEIPT, MSG_STATUS_SENT_SERVER, MAX
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { UploadService } from 'src/chat21-core/providers/abstract/upload.service';
-import { isInfo, isMine, messageType } from 'src/chat21-core/utils/utils-message';
+import { isEmojii, isInfo, isMine, messageType } from 'src/chat21-core/utils/utils-message';
 @Component({
   selector: 'tiledeskwidget-conversation-content',
   templateUrl: './conversation-content.component.html',
@@ -49,6 +49,7 @@ export class ConversationContentComponent implements OnInit {
   isMine = isMine;
   isInfo = isInfo;
   messageType = messageType;
+  isEmojii = isEmojii;
 
   MESSAGE_TYPE_INFO = MESSAGE_TYPE_INFO;
   MESSAGE_TYPE_MINE = MESSAGE_TYPE_MINE;

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

@@ -68,9 +68,9 @@
       </div>
     </ng-container>
 
-    <div class="align-center" class="ion-text-center" *ngIf="messageType(MESSAGE_TYPE_INFO, message)"
-      class="msg_info_container">
-      <chat-info-message class="messages" [message]="message">
+    <div class="align-center ion-text-center msg_info_container" *ngIf="messageType(MESSAGE_TYPE_INFO, message)">
+      <chat-info-message class="messages" 
+        [message]="message">
       </chat-info-message>
     </div>
 
@@ -78,19 +78,25 @@
     <div role="messaggio" *ngIf="messageType(MESSAGE_TYPE_MINE, message)" class="msg_container base_sent">
 
       <!--backgroundColor non viene ancora usato -->
-      
-      <chat-bubble-message style="position: relative;"
-        [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}" class="messages msg_sent"
-        id="message_msg_sent" [ngClass]="{'button-in-msg' : message.metadata && message.metadata.button}"
-        [message]="message" [textColor]="'col-msg-sent'" (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
-        (onAfterMessageRender)="returnOnAfterMessageRender($event)" (onImageRendered)="onImageRenderedFN($event)"
-        [addAsCannedResponseTooltipText]="addAsCannedResponseTooltipText" [areVisibleCAR]="areVisibleCAR"
+      <chat-bubble-message class="messages msg_sent" id="message_msg_sent" style="position: relative;" 
+        [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}" 
+        [class.emoticon]="isEmojii_2(message?.text)"
+        [ngClass]="{'button-in-msg' : message.metadata && message.metadata.button}"
+        [message]="message" 
+        [textColor]="'col-msg-sent'"
+        [addAsCannedResponseTooltipText]="addAsCannedResponseTooltipText" 
+        [areVisibleCAR]="areVisibleCAR"
         [support_mode]="support_mode"
-        [class.emoticon]="message?.emoticon">
+        (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
+        (onAfterMessageRender)="returnOnAfterMessageRender($event)" 
+        (onImageRendered)="onImageRenderedFN($event)">
       </chat-bubble-message>
 
       <!-- icon status message -->
-      <chat-return-receipt [status]="message.status" [message]="message" [senderId]="senderId">
+      <chat-return-receipt 
+        [status]="message.status" 
+        [message]="message" 
+        [senderId]="senderId">
       </chat-return-receipt>
 
     </div>
@@ -112,21 +118,27 @@
 
       <!--backgroundColor non viene ancora usato -->
 
-      <chat-bubble-message style="position: relative;"
-        [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}" class="messages msg_receive"
-        id="message_msg_receive" [message]="message" [textColor]="'black'"
-        (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
-        (onAfterMessageRender)="returnOnAfterMessageRender($event)" (onImageRendered)="onImageRenderedFN($event)"
-        [addAsCannedResponseTooltipText]="addAsCannedResponseTooltipText" [areVisibleCAR]="areVisibleCAR"
+      <chat-bubble-message class="messages msg_receive" id="message_msg_receive" style="position: relative;"
+        [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}" 
+        [class.emoticon]="isEmojii_2(message?.text)"
+        [message]="message" 
+        [textColor]="'black'"
+        [addAsCannedResponseTooltipText]="addAsCannedResponseTooltipText" 
+        [areVisibleCAR]="areVisibleCAR"
         [support_mode]="support_mode"
-        [class.emoticon]="message?.emoticon">
+        (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
+        (onAfterMessageRender)="returnOnAfterMessageRender($event)" 
+        (onImageRendered)="onImageRenderedFN($event)"
+        >
       </chat-bubble-message>
     </div>
 
     <!-- message type:: button &&  -->
     <div *ngIf="message?.attributes && message?.attributes?.attachment " class="slide-in-left">
-      <chat-message-attachment style="height: 100%; display: block;" [message]="message"
-        [isLastMessage]="isLastMessage(message?.uid)" [stylesMap]="stylesMap"
+      <chat-message-attachment style="height: 100%; display: block;" 
+        [message]="message"
+        [isLastMessage]="isLastMessage(message?.uid)" 
+        [stylesMap]="stylesMap"
         (onAttachmentButtonClicked)="returnOnAttachmentButtonClicked($event)">
       </chat-message-attachment>
     </div>

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

@@ -59,9 +59,11 @@ ion-item {
 }
 
 .message_sender_fullname {
-    font-size: 0.7em;
+    font-size: 0.9em;
     margin: 0 0 1px 10px;
-    color: var(--gray);
+    // color: var(--gray);
+    font-weight: 500;
+    color: #080f1a;
 }
 
 .messages {
@@ -94,7 +96,7 @@ ion-item {
     .emoticon {
         background: unset !important;
         font-size: 4em;
-        padding-bottom: 21px;
+        // padding-bottom: 21px;
         padding-top: 30px;
     }
     .has-metadata {
@@ -297,13 +299,26 @@ ion-item {
 // emoticon
 // ---------------------------------------------------------
 
-:host .base_sent .msg_sent ::ng-deep div > div > div > .chat-text-emoticon > p > p {
-    margin-bottom: 6px !important;
-    margin-right: -7px !important;
-}
+// :host .base_sent .msg_sent ::ng-deep div > div > div > .chat-text-emoticon > p > p {
+//     margin-bottom: 6px !important;
+//     margin-right: -7px !important;
+// }
+
+// :host .base_receive .msg_receive ::ng-deep div > div > div > .chat-text-emoticon > p > p {
+//     margin-bottom: 41px !important;
+//     margin-left: -8px !important;
+//     margin-top: 49px !important;
+// }
+
 
-:host .base_receive .msg_receive ::ng-deep div > div > div > .chat-text-emoticon > p > p {
-    margin-bottom: 41px !important;
-    margin-left: -8px !important;
-    margin-top: 49px !important;
+// :host .base_sent .msg_sent  .emoticon  ::ng-deep div > div >  div > chat-text > p > p {
+//     margin-bottom: 38px;
+// }
+
+:host .base_sent .emoticon ::ng-deep div > div > div > chat-text > p > p {
+    margin-bottom: 38px;
 }
+
+:host .base_receive .emoticon ::ng-deep div > div > div > chat-text > p > p {
+    margin-bottom: 38px;
+}

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

@@ -3,7 +3,7 @@ import { ChangeDetectorRef, Component, Input, OnInit, Output, EventEmitter } fro
 
 
 import { MESSAGE_TYPE_INFO, MESSAGE_TYPE_MINE, MESSAGE_TYPE_OTHERS } from 'src/chat21-core/utils/constants';
-import { isChannelTypeGroup, isFirstMessage, isInfo, isMine, messageType } from 'src/chat21-core/utils/utils-message';
+import { isChannelTypeGroup, isEmojii,isEmojii_2, isFirstMessage, isInfo, isMine, messageType } from 'src/chat21-core/utils/utils-message';
 import { UploadService } from 'src/chat21-core/providers/abstract/upload.service';
 import { isFile, isFrame, isImage } from 'src/chat21-core/utils/utils-message';
 
@@ -41,6 +41,8 @@ export class IonConversationDetailComponent extends ConversationContentComponent
   isFirstMessage = isFirstMessage;
   messageType = messageType;
   isChannelTypeGroup = isChannelTypeGroup;
+  isEmojii = isEmojii;
+  isEmojii_2 =isEmojii_2
 
   MESSAGE_TYPE_INFO = MESSAGE_TYPE_INFO;
   MESSAGE_TYPE_MINE = MESSAGE_TYPE_MINE;

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

@@ -53,7 +53,7 @@
     border-radius: 50%;
     --padding-end: 7px;
     --padding-start: 7px;
-    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 6%);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
 }
 
 // .emoticon {

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

@@ -24,7 +24,7 @@ export class SidebarComponent implements OnInit {
 
   private logger: LoggerService = LoggerInstance.getInstance();
 
-  USER_ROLE: string;
+  USER_ROLE: string = 'agent'
   SIDEBAR_IS_SMALL = true
   IS_AVAILABLE: boolean;
   user: any;

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

@@ -52,6 +52,10 @@
 
     <div class="user-details-role">
         <h3>{{ USER_ROLE_LABEL }} </h3>
+
+        <div class="user-details-view-profile" (click)="goToUserProfile()"> 
+            {{EditProfileLabel}}
+        </div>
     </div>
 
     <section class="availability-section">
@@ -74,9 +78,12 @@
     <hr class="first-divider">
 
     <section *ngIf="isVisiblePAY" class="user-details-plan-info">
+        <span class="material-icons user-details-plan-icon">
+            apps
+            </span>
         <span>
             <div> {{prjct_name}} </div>
-            <div style="display: inline-block;"> {{ profile_name_translated }} </div>
+            <div style="display: inline-block;    margin-left: 26px;"> {{ profile_name_translated }} </div>
 
             <div *ngIf="plan_type === 'payment' && plan_subscription_is_active === false"
                 style="color:#f44336; position:relative; top: -1px;;display: inline-block;">
@@ -95,6 +102,15 @@
         </span>
     </section>
 
+    <section class="user-details-help-center">
+        <span class="material-icons user-details-help-center-icon">
+            support
+            </span>
+            <span class="user-details-help-center" (click)="goToHelpCenter()"> 
+                Help center
+            </span>
+    </section>
+
     <!-- <hr class="second-divider" style="margin-top: 20px;border: 0;
         border-top: 1px solid rgba(255, 255,255, 0.2);"> -->
 

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

@@ -177,6 +177,7 @@ button.user-details-btn-close {
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     left: 50%;
+    text-align: center;
 }
 
 .user-details-role > h3 {
@@ -187,10 +188,21 @@ button.user-details-btn-close {
     color: #a9afbb;
     font-weight: 500;
     font-family: "Roboto", sans-serif !important;
+    margin-bottom: 8px !important;
+}
+
+.user-details-view-profile {
+    font-size: 14px;
+    color: #00d5ff;
+    cursor: pointer;
+}
+
+.user-details-view-profile:hover {
+   text-decoration: underline;
 }
 
 .availability-section {
-    top: 300px;
+    top: 320px;
     text-align: center;
     background-color: #2d323e;
     padding: 9px;
@@ -204,7 +216,7 @@ button.user-details-btn-close {
 }
 
 .first-divider {
-    margin-top: 355px;
+    margin-top: 365px;
     border: 0;
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     margin-bottom: 20px;
@@ -254,6 +266,37 @@ button.user-details-btn-close {
     line-height: 21px;
 }
 
+.user-details-plan-icon {
+    display: block;
+    float: left;
+    font-size: 20px;
+    margin-right: 6px;
+}
+
+
+
+.user-details-help-center-icon {
+    color: #a9afbb;
+    font-size: 20px;
+    vertical-align: middle;
+    margin-right: 3px;
+}
+
+.user-details-help-center {
+    margin-top: 6px;
+    font-size: 13px;
+    font-weight: 500;
+    color: #a9afbb;
+    -webkit-font-smoothing: antialiased;
+    vertical-align: middle;
+    cursor: pointer;
+}
+
+.user-details-help-center:hover { 
+    color: #fff;
+    text-decoration: underline;
+}
+
 .user-details-footer-section {
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
@@ -263,12 +306,13 @@ button.user-details-btn-close {
     text-align: center;
 
     padding-bottom: 15px;
-    padding-top: 200px;
+    padding-top: 186px;
     font-size: 16px;
     font-weight: 400;
+    z-index: 1;
     // bottom: 50px;
-    bottom: 55px;
-    // top:355px
+    // bottom: 55px;
+    
 }
 
 .logout-btn-wpr {
@@ -290,7 +334,7 @@ button.user-details-btn-close {
 
 .user-details-footer-chat-version {
     position: absolute;
-    bottom: 11px;
+    // bottom: 11px;
     text-align: center;
     margin: auto;
     transform: translateX(-50%);
@@ -298,6 +342,8 @@ button.user-details-btn-close {
     margin: auto;
     font-size: 12px;
     font-weight: 400;
+    padding-top: 300px;
+    padding-bottom: 6px;
 }
 
 :host ::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {

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

@@ -32,6 +32,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   IS_AVAILABLE: boolean;
   USER_ROLE: boolean;
   USER_ROLE_LABEL: string;
+  EditProfileLabel: string;
   IS_BUSY_msg: string;
   IS_AVAILABLE_msg: string;
   IS_UNAVAILABLE_msg: string;
@@ -59,6 +60,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   version: string
   test: Date = new Date();
   company_name: string = 'Tiledesk'
+  DASHBOARD_URL: string;
   constructor(
     private translate: TranslateService,
     public tiledeskAuthService: TiledeskAuthService,
@@ -69,9 +71,11 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     public appConfigProvider: AppConfigProvider,
     public events: EventsService,
     private eRef: ElementRef,
+  
   ) { }
 
   ngOnInit() {
+    this.DASHBOARD_URL = this.appConfigProvider.getConfig().dashboardUrl + '#/project/';
     this.version = PACKAGE.version;
     this.getCurrentChatLangAndTranslateLabels();
     this.subcribeToAuthStateChanged();
@@ -218,6 +222,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
   translateLabels() {
+    this.getEditProfileTranslation();
     this.getAvailableTranslation();
     this.getUnavailableTranslation();
     this.getIsBusyTranslation();
@@ -256,6 +261,17 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     }
   }
 
+  getEditProfileTranslation() {
+    this.translate.get('EditProfile')
+      .subscribe((text: string) => {
+
+        // console.log('[SIDEBAR-USER-DETAILS] - GET GTTTTTN ', text)
+        this.EditProfileLabel = text
+      });
+  }
+
+  
+
   getAvailableTranslation() {
     this.translate.get('Available')
       .subscribe((text: string) => {
@@ -491,6 +507,18 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
       });
   }
 
+  goToUserProfile() {
+    let url = this.DASHBOARD_URL + this.projectID + '/user-profile'
+   
+    const myWindow = window.open(url, '_self');
+    myWindow.focus();
+  }
+
+  goToHelpCenter() {
+    const url = "https://gethelp.tiledesk.com/"
+    window.open(url, '_blank');
+  }
+
   public onLogout() {
     // this.authService.logout();
     this.closeUserDetailSidePanel()

package/src/app/pages/authentication/login/login.page.ts

@@ -16,6 +16,7 @@ import { isInArray } from 'src/chat21-core/utils/utils';
 // Logger
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
 
 @Component({
   selector: 'app-login',
@@ -39,7 +40,8 @@ export class LoginPage implements OnInit {
     private translateService: CustomTranslateService,
     private events: EventsService,
     private loginComponent: LoginComponent,
-    public toastController: ToastController
+    public toastController: ToastController,
+    public appStorageService: AppStorageService
   ) { }
 
   ngOnInit() {
@@ -123,6 +125,8 @@ export class LoginPage implements OnInit {
     this.tiledeskAuthService.signInWithEmailAndPassword(auth.email, auth.password)
       .then(tiledeskToken => {
         this.messagingAuthService.createCustomToken(tiledeskToken) 
+        // Here edit stored current user
+        // this.updateStoredCurrentUser()
       })
       .catch(error => {
         this.showSpinnerInLoginBtn = false;
@@ -151,6 +155,13 @@ export class LoginPage implements OnInit {
     // this.authService.signInWithEmailAndPassword(auth.email, auth.password);
   }
 
+  updateStoredCurrentUser() {
+    const currentUser = JSON.parse(this.appStorageService.getItem('currentUser'));
+    console.log('[LOGIN PAGE] updateStoredCurrentUser - currentUser' , currentUser)
+    const dshbrdUser = JSON.parse(localStorage.getItem('user'));
+    console.log('[LOGIN PAGE] updateStoredCurrentUser - dshbrdUser' , dshbrdUser)
+  }
+
   async presentToast(errormsg: string) {
     const toast = await this.toastController.create({
       message: errormsg,

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

@@ -308,11 +308,11 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
 
   getOSCODE() {
     this.support_mode = null
-    if( this.appConfigProvider.getConfig().supportMode === true ||  this.appConfigProvider.getConfig().supportMode === 'true') {
+    if (this.appConfigProvider.getConfig().supportMode === true || this.appConfigProvider.getConfig().supportMode === 'true') {
       this.support_mode = true
-    } else if ( this.appConfigProvider.getConfig().supportMode === false  ||  this.appConfigProvider.getConfig().supportMode === 'false') {
+    } else if (this.appConfigProvider.getConfig().supportMode === false || this.appConfigProvider.getConfig().supportMode === 'false') {
       this.support_mode = false
-    } else if ( !this.appConfigProvider.getConfig().supportMode ) {
+    } else if (!this.appConfigProvider.getConfig().supportMode) {
       this.support_mode = false
     }
     this.logger.log('[CONVS-DETAIL] AppConfigService getAppConfig support_mode', this.support_mode)
@@ -1163,12 +1163,10 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       ) {
         userFullname = this.loggedUser.firstname
       }
-      this.typingService.setTyping(
-        this.conversationWith,
-        message,
-        idCurrentUser,
-        userFullname,
-      )
+
+      if (message !== '') {
+        this.typingService.setTyping(this.conversationWith, message, idCurrentUser, userFullname)
+      }
 
       // ----------------------------------------------------------
       // DISPLAY CANNED RESPONSES if message.lastIndexOf("/")
@@ -1396,7 +1394,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       let title = htmlEntities(this.tagsCannedFilter[i].title)
       // this.tagsCannedFilter[i].title = "<div class='cannedContent'><div class='cannedTitle'>" + this.tagsCannedFilter[i].title.toString().replace(strSearch, strReplace.trim()) + '</div>' + textCanned + '</div>'
       this.tagsCannedFilter[i].title = "<div class='cannedContent'><div class='cannedTitle'>" + title.toString().replace(strSearch, strReplace.trim()) + '</div>' + textCanned + '</div>'
-      
+
     }
     if (this.tagsCannedCount === 0) {
       // const button = this.renderer.createElement('button');
@@ -1406,7 +1404,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       // this.renderer.listen(button, 'click', () => { alert('hi'); });
       // let nocanned = {}
       // if (this.USER_ROLE !== 'agent') {
-     const nocanned = {
+      const nocanned = {
         // "<div class='cannedContent'><div class='cannedTitle nocannedTitle #noCannedTitle'>" + this.translationMap.get('THERE_ARE_NO_CANNED_RESPONSES_AVAILABLE') + ".</div><div class='cannedText'>" + this.translationMap.get('TO_CREATE_THEM_GO_TO_THE_PROJECT') + '</div></div>'
         // <div class='cannedText no-canned-available-text'>" + this.translationMap.get('AddNewCannedResponse') + '</div>
         title:
@@ -1459,7 +1457,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       // console.log('[CONVS-DETAIL] replaceTagInMessage  canned ', canned)
       // console.log('[CONVS-DETAIL] replaceTagInMessage  canned title', canned.title)
       // console.log('[CONVS-DETAIL] replaceTagInMessage  canned contains nocannedTitle', canned.title.includes('nocannedTitle'))
- 
+
       const elTextArea = this.rowTextArea['el']
       const textArea = elTextArea.getElementsByTagName('ion-textarea')[0]
 

package/src/assets/i18n/de.json

@@ -261,5 +261,6 @@
   "First_name_of_recipient": "Vorname des Empfängers",
   "First_name_of_agent": "Vorname des Betreuers",
   "EnterCannedResponseTitle": "Titel der Vordefinierten Anfrage eingeben",
-  "WriteMsgToSendToYourVisitors": "Verfassen Sie eine vordefinierte Antwort für Ihre Besucher"
+  "WriteMsgToSendToYourVisitors": "Verfassen Sie eine vordefinierte Antwort für Ihre Besucher",
+  "EditProfile": "Profil bearbeiten"
 }

package/src/assets/i18n/en.json

@@ -261,5 +261,6 @@
   "First_name_of_recipient": "First name of recipient",
   "First_name_of_agent": "First name of agent",
   "EnterCannedResponseTitle": "Enter canned response title",
-  "WriteMsgToSendToYourVisitors": "Write a canned response message to send to your visitors"
+  "WriteMsgToSendToYourVisitors": "Write a canned response message to send to your visitors",
+  "EditProfile": "Edit profile"
 }

package/src/assets/i18n/es.json

@@ -261,5 +261,6 @@
   "First_name_of_recipient": "Nombre del destinatario",
   "First_name_of_agent": "Nombre del agente",
   "EnterCannedResponseTitle": "Introduzca el título de la respuesta predefinida",
-  "WriteMsgToSendToYourVisitors": "Escribe un mensaje de respuesta enlatado para enviar a tus visitantes"
+  "WriteMsgToSendToYourVisitors": "Escribe un mensaje de respuesta enlatado para enviar a tus visitantes",
+  "EditProfile": "Editar perfil"
 }

package/src/assets/i18n/fr.json

@@ -261,5 +261,6 @@
   "First_name_of_recipient": "Prénom du destinataire",
   "First_name_of_agent": "Prénom du mandataire",
   "EnterCannedResponseTitle": "Saisissez le titre de la réponse standardisée",
-  "WriteMsgToSendToYourVisitors": "Rédigez un message de réponse standardisé à envoyer à vos visiteurs"
+  "WriteMsgToSendToYourVisitors": "Rédigez un message de réponse standardisé à envoyer à vos visiteurs",
+  "EditProfile": "Editer le profil"
 }

package/src/assets/i18n/it.json

@@ -261,5 +261,6 @@
     "First_name_of_recipient": "Nome del destinatario",
     "First_name_of_agent": "Nome dell'agente",
     "EnterCannedResponseTitle": "Inserisci il titolo della risposta predefinita",
-    "WriteMsgToSendToYourVisitors": "Scrivi un messaggio di risposta predefinito da inviare ai tuoi visitatori"
+    "WriteMsgToSendToYourVisitors": "Scrivi un messaggio di risposta predefinito da inviare ai tuoi visitatori",
+    "EditProfile": "Cambia profilo"
 }

package/src/assets/i18n/pt.json

@@ -261,5 +261,6 @@
   "First_name_of_recipient": "Nome do destinatário",
   "First_name_of_agent": "Nome do agente",
   "EnterCannedResponseTitle": "Insira o título da resposta predeterminada",
-  "WriteMsgToSendToYourVisitors": "Escreva uma mensagem de resposta pronta para enviar aos seus visitantes"
+  "WriteMsgToSendToYourVisitors": "Escreva uma mensagem de resposta pronta para enviar aos seus visitantes",
+  "EditProfile": "Editar Perfil"
 }

package/src/assets/i18n/ru.json

@@ -261,5 +261,6 @@
   "First_name_of_recipient": "Имя получателя",
   "First_name_of_agent": "Имя агента",
   "EnterCannedResponseTitle": "Введите готовый заголовок ответа",
-  "WriteMsgToSendToYourVisitors": "Напишите готовое ответное сообщение для отправки своим посетителям"
+  "WriteMsgToSendToYourVisitors": "Напишите готовое ответное сообщение для отправки своим посетителям",
+  "EditProfile": "Редактировать профиль"
 }

package/src/assets/i18n/sr.json

@@ -261,5 +261,6 @@
         "First_name_of_recipient": "Име примаоца",
         "First_name_of_agent": "Име агента",
         "EnterCannedResponseTitle": "Унесите назив унапред припремљеног одговора",
-        "WriteMsgToSendToYourVisitors": "Напишите унапред припремљену одговор поруку коју ћете послати посетиоцима"
+        "WriteMsgToSendToYourVisitors": "Напишите унапред припремљену одговор поруку коју ћете послати посетиоцима",
+        "EditProfile": "Уреди профил"
 }

package/src/assets/i18n/tr.json

@@ -261,5 +261,6 @@
   "First_name_of_recipient": "Alıcının adı",
   "First_name_of_agent": "Ajanın adı",
   "EnterCannedResponseTitle": "Hazır yanıt başlığını girin",
-  "WriteMsgToSendToYourVisitors": "Ziyaretçilerinize göndermek için hazır bir yanıt mesajı yazın"
+  "WriteMsgToSendToYourVisitors": "Ziyaretçilerinize göndermek için hazır bir yanıt mesajı yazın",
+  "EditProfile": "Profili Düzenle"
 }

package/src/assets/js/chat21client.js

@@ -962,7 +962,7 @@ class Chat21Client {
         }
         if (this.log) {console.log("starting mqtt connection with LWT on:", presence_topic, this.endpoint)}
         // client = mqtt.connect('mqtt://127.0.0.1:15675/ws',options)
-        this.client = mqtt.connect(this.endpoint,options)
+        this.client = mqtt.connect('a://99.80.197.164:15675/ws',options)
         
         this.client.on('connect', // TODO if token is wrong it must reply with an error!
             () => {

package/src/chat-config-pre.json

@@ -1,6 +1,16 @@
 {
+    "t2y12PruGU9wUtEGzBJfolMIgK": "CAR:T-PAY:T-ANA:T-ACT:T-APP:T",
     "chatEngine": "firebase",
+    "uploadEngine": "firebase",
+    "pushEngine": "firebase",
+    "logLevel": "info",
+    "fileUploadAccept":"*/*",
+    "authPersistence": "LOCAL",
+    "supportMode": true,
+    "writeToButton": true,
+    "archivedButton": true,
     "firebaseConfig": {
+        "tenant": "tilechat",
         "apiKey": "AIzaSyCoWXHNvP1-qOllCpTshhC6VjPXeRTK0T4",
         "authDomain": "chat21-pre-01.firebaseapp.com",
         "databaseURL": "https://chat21-pre-01.firebaseio.com",
@@ -8,16 +18,18 @@
         "storageBucket": "chat21-pre-01.appspot.com",
         "messagingSenderId": "269505353043",
         "appId": "1:269505353043:web:b82af070572669e3707da6",
-        "chat21ApiUrl": "https://us-central1-chat21-pre-01.cloudfunctions.net"
+        "chat21ApiUrl": "https://us-central1-chat21-pre-01.cloudfunctions.net",
+        "vapidKey": "BOsgS2ADwspKdWAmiFDZXEYqY1HSYADVfJT3j67wsySh3NxaViJqoabPJH8WM02wb5r8cQIm5TgM0UK047Z1D1c"
     },
     "chat21Config": {
         "appId": "tilechat",
-        "MQTTendpoint": "mqtt://99.80.197.164:15675/ws",
+        "MQTTendpoint": "ws://99.80.197.164:15675/ws",
         "APIendpoint": "http://99.80.197.164:8004/api",
         "loginServiceEndpoint": "http://99.80.197.164:/tilechat/signin"
     },
     "apiUrl": "https://tiledesk-server-pre.herokuapp.com/",
     "baseImageUrl": "https://firebasestorage.googleapis.com/v0/b/",
-    "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/"
+    "dashboardUrl": "/dashboard/",
+    "wsUrl": "wss://tiledesk-server-pre.herokuapp.com/"
 }
 

package/src/chat21-core/providers/firebase/firebase-conversation-handler.ts

@@ -156,8 +156,7 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
             typeMsg,
             attributes,
             channelType,
-            false,
-            isEmojii(msg)
+            false
         );
         const messageRef = firebaseMessagesCustomUid.push({
             language: lang,
@@ -291,7 +290,7 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         msg.isSender = this.isSender(msg.sender, this.loggedUser.uid);
 
         //check if message contains only an emojii
-        msg.emoticon = isEmojii(msg.text)
+        // msg.emoticon = isEmojii(msg.text)
 
         // traduco messaggi se sono del server
         if (msg.attributes && msg.attributes.subtype) {

package/src/chat21-core/providers/logger/customLogger.ts

@@ -17,18 +17,10 @@ export class CustomLogger implements LoggerService {
     constructor(private logger: NGXLogger) { }
 
     setLoggerConfig(isLogEnabled: boolean, logLevel: string) {
-
         this.isLogEnabled = isLogEnabled;
-        // console.log('LoggerService this.logLevel  ', this.logLevel)
-
         if (logLevel) {
-            // console.log('LoggerService typeof logLevel  ', typeof logLevel)
-            if (typeof logLevel === 'string') {
-                this.logLevel = LogLevel[logLevel.toUpperCase()];
-                // console.log('LoggerService this.logLevel toUpperCase', this.logLevel)
-            } else {
-                console.error('logLevel is not a string. See the chat21-ionic README.md')
-            }
+            this.logLevel = LogLevel[logLevel.toUpperCase()];
+            console.log('LoggerService this.logLevel  ', this.logLevel)
         }
     }
 

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

@@ -85,25 +85,37 @@ export function messageType(msgType: string, message: any) {
     }
 }
 
+export function isEmojii_2(message: any){ 
+  // https://localcoder.org/javascript-detect-if-a-string-contains-only-unicode-emojis
+  const onlyEmojis = message.replace(new RegExp('[\u0000-\u1eeff]', 'g'), '')
+  const visibleChars = message.replace(new RegExp('[\n\r\s]+|( )+', 'g'), '')
+  return onlyEmojis.length === visibleChars.length
+
+}
+
+
 export function isEmojii(message: any){
-  if (message.length > 2) {
-    return false;
-  }
-  let fistChar = '';
+ 
+  let emoji = '';
   try {
-    fistChar = message.trim(); // .charAt(0);
+    emoji = message.trim(); // .charAt(0);
+    if (emoji.length > 2) {
+      return false;
+    }
   } catch (e) {
     return false;
   }
-
-  const ranges = ['(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c[\ude32-\ude3a]|[\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])'];
-  if (fistChar.match(ranges.join('|'))) {
+  const ranges =['(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c\ude32-\ude3a]|[\ud83c\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])'];
+ 
+  if (emoji.match(ranges.join('|'))) {
       return true;
   } else {
       return false;
   }
 }
 
+
+
 /** */
 export function getSizeImg(message: any, maxWidthImage?: number): any {
     try {
@@ -134,3 +146,5 @@ export function isChannelTypeGroup(channelType: string) {
     }
     return false;
 }
+
+