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

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # chat21-ionic ver 3.0
 
+### 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.2",
     "author": "Tiledesk SRL",
     "homepage": "https://tiledesk.com/",
     "scripts": {

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

@@ -187,10 +187,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 +215,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 +265,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 +305,12 @@ button.user-details-btn-close {
     text-align: center;
 
     padding-bottom: 15px;
-    padding-top: 200px;
+    padding-top: 186px;
     font-size: 16px;
     font-weight: 400;
     // bottom: 50px;
-    bottom: 55px;
-    // top:355px
+    // bottom: 55px;
+    
 }
 
 .logout-btn-wpr {
@@ -290,7 +332,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 +340,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/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/chat-config-pre-test.json

@@ -29,7 +29,7 @@
     },
     "apiUrl": "https://tiledesk-server-pre.herokuapp.com/",
     "baseImageUrl": "https://firebasestorage.googleapis.com/v0/b/",
-    "dashboardUrl": "/dashboard/",
+    "dashboardUrl": "http://localhost:4204/",
     "wsUrl": "wss://tiledesk-server-pre.herokuapp.com/"
 }
 

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/"
 }