@chat21/chat21-web-widget 5.0.71-rc.1 → 5.0.71-rc.12

package/src/app/providers/translator.service.ts

@@ -210,7 +210,6 @@ export class TranslatorService {
     // this.setLanguage(globals.windowContext, globals.lang);
 
     const labels: string[] = [
-      'LABEL_TU',
       'LABEL_PLACEHOLDER',
       'LABEL_START_NW_CONV',
       'LABEL_SELECT_TOPIC',
@@ -264,7 +263,6 @@ export class TranslatorService {
 
     this._translate.get(labels).subscribe(res => {
       // console.log('»»»» initI18n »»»»»» »»»»»» GET TRANSLATED LABELS RES ', res);
-      globals.LABEL_TU = res['LABEL_TU']
       globals.LABEL_PLACEHOLDER = res['LABEL_PLACEHOLDER']
       globals.LABEL_START_NW_CONV = res['LABEL_START_NW_CONV'];
       globals.LABEL_SELECT_TOPIC = res['LABEL_SELECT_TOPIC'];
@@ -288,8 +286,8 @@ export class TranslatorService {
       globals.BUTTON_EDIT_PROFILE = res['BUTTON_EDIT_PROFILE']; // is used ??
       globals.DOWNLOAD_TRANSCRIPT = res['DOWNLOAD_TRANSCRIPT'];
       globals.RATE_CHAT = res['RATE_CHAT']; // is used ??
-      globals.WELLCOME_TITLE = res['WELLCOME_TITLE'];
-      globals.WELLCOME_MSG = res['WELLCOME_MSG'];
+      globals.WELCOME_TITLE = res['WELCOME_TITLE'];
+      globals.WELCOME_MSG = res['WELCOME_MSG'];
       globals.OPTIONS = res['OPTIONS'];
       globals.SOUND_ON = res['SOUND_ON'];
       globals.SOUND_OFF = res['SOUND_OFF'];

package/src/app/sass/_variables.scss

@@ -27,7 +27,7 @@
     --bkg-color-info-message: rgba(24, 119, 242, 0.1);
 
     --chat-footer-height: 56px;
-    --chat-footer-logo-height: 22px;
+    --chat-footer-logo-height: 30px;
     --chat-footer-border-radius: 16px;
     --chat-footer-background-color: #f6f7fb;
 

package/src/app/utils/constants.ts

@@ -52,7 +52,6 @@ export const BCK_COLOR_CONVERSATION_SELECTED = '#EEEEEE';
 export const BCK_COLOR_CONVERSATION_UNSELECTED = '#FFFFFF';
 
 // LABELS
-// export const LABEL_TU = 'you: ';
 // export const LABEL_MSG_PUSH_START_CHAT = 'Premi qui per chattare con qualcuno';
 // export const LABEL_MSG_START_CHAT = 'inizia a chattare';
 // export const LABEL_ACTIVE_NOW = 'attivo/a ora';
@@ -65,8 +64,6 @@ export const FIREBASESTORAGE_BASE_URL_IMAGE = 'https://firebasestorage.googleapi
 export const IMG_PROFILE_BOT = '/assets/images/avatar_bot_tiledesk.svg';
 export const IMG_PROFILE_DEFAULT = '/assets/images/avatar_male_tiledesk.svg';
 
-// localstorage
-export const STORAGE_PREFIX = 'widget_';
 
 // start conversation bot (proxy)
 export const PROXY_MSG_START = '__start';

package/src/app/utils/globals.ts

@@ -72,7 +72,6 @@ export class Globals {
   privacyApproved = false;
 
   // ============ BEGIN: LABELS ==============//
-  LABEL_TU: string;
   LABEL_PLACEHOLDER: string;
   LABEL_START_NW_CONV: string;
   LABEL_SELECT_TOPIC: string;
@@ -123,7 +122,6 @@ export class Globals {
   LABEL_PREVIEW: string;
 
   // ============ BEGIN: EXTERNAL PARAMETERS ==============//
-   globalsParameters: any;
    autoStart: boolean;
    startHidden: boolean;
    isShown: boolean;
@@ -218,6 +216,8 @@ export class Globals {
    onPageChangeVisibilityDesktop: 'open' | 'close' | 'last'; // *******  new ********
    displayOnMobile: boolean; // *******  new ********
    displayOnDesktop: boolean; // *******  new ********
+
+   hiddenMessage: string; // *******  new ********
   constructor(
   ) { }
 
@@ -226,7 +226,6 @@ export class Globals {
    * 1: initParameters
    */
   initDefafultParameters() {
-    this.globalsParameters = {};
 
     let wContext: any = window;
     if (window.frameElement && window.frameElement.getAttribute('tiledesk_context') === 'parent') {
@@ -414,6 +413,8 @@ export class Globals {
     this.displayOnMobile = true
     this.onPageChangeVisibilityMobile = 'close'
 
+    /**set an hidden message to show when conversation starts */
+    this.hiddenMessage = null
 
     // ============ END: SET EXTERNAL PARAMETERS ==============//
 
@@ -468,7 +469,6 @@ export class Globals {
 
     this.newConversationStart = true;
 
-
   }
 
 

package/src/app/utils/rules.ts

@@ -11,7 +11,7 @@ import { Globals } from './globals';
 
 @Injectable({
     providedIn: 'root'
-  })
+})
 export class Rules {
 
     private windowContext:Window = window

package/src/assets/i18n/en.json

@@ -1,5 +1,4 @@
 {
-    "LABEL_TU": "",
     "LABEL_PLACEHOLDER": "type your message..",
     "LABEL_START_NW_CONV": "New conversation",
     "LABEL_WHATSAPP": "Message us",
@@ -17,7 +16,7 @@
     "GUEST_LABEL": "Guest",
     "ALL_AGENTS_OFFLINE_LABEL": "All operators are offline at the moment",
     "LABEL_LOADING": "Loading...",
-    "CALLOUT_TITLE_PLACEHOLDER": "Need Help?",
+    "CALLOUT_TITLE_PLACEHOLDER": "🖐 Need Help?",
     "CALLOUT_MSG_PLACEHOLDER": "Click here and start chatting with us!",
     "CUSTOMER_SATISFACTION": "Customer satisfaction",
     "YOUR_OPINION_ON_OUR_CUSTOMER_SERVICE": "your opinion on our customer service",
@@ -35,8 +34,9 @@
     "BUTTON_CLOSE_TO_ICON": "Minimize chat",
     "BUTTON_EDIT_PROFILE": "Update profile",
     "RATE_CHAT": "Rate chat",
-    "WELLCOME_TITLE": "Hi, welcome to Tiledesk 👋",
-    "WELLCOME_MSG": "How can we help?",
+    "WELCOME_TITLE": "Hi, welcome to Tiledesk 👋",
+    "WELCOME_MSG": "How can we help?",
+    "WELCOME": "Welcome",
     "OPTIONS": "options",
     "SOUND_OFF": "Sound off",
     "SOUND_ON": "Sound on",
@@ -87,6 +87,5 @@
     "SENT_AN_IMAGE":"sent an image",
 
     "LABEL_PREVIEW": "Preview",
-    "SWITCH_TO":"Or switch to:"
-
+    "SWITCH_TO": "Or switch to:"
 }

package/src/assets/i18n/es.json

@@ -1,13 +1,14 @@
 {
-    "LABEL_TU": "",
     "LABEL_PLACEHOLDER": "escribe tu mensaje..",
     "LABEL_START_NW_CONV": "Nueva conversación",
+    "LABEL_WHATSAPP": "Envíanos un mensaje",
     "LABEL_SELECT_TOPIC": "Elige un tema",
     "LABEL_COMPLETE_FORM": "Complete el formulario para iniciar una conversación con el próximo agente disponible.",
     "LABEL_FIELD_NAME": "Nombre",
     "LABEL_ERROR_FIELD_NAME": "Campo obligatorio (mínimo 5 caracteres).",
     "LABEL_FIELD_EMAIL": "Email",
     "LABEL_ERROR_FIELD_EMAIL": "Introduzca una dirección de correo electrónico válida.",
+    "LABEL_ERROR_FIELD_REQUIRED": "Campo obligatorio",
     "LABEL_WRITING": "esta escribiendo...",
     "LABEL_SEND_NEW_MESSAGE": "Enviar un mensaje nuevo",
     "AGENT_NOT_AVAILABLE": " Fuera de línea",
@@ -15,7 +16,7 @@
     "GUEST_LABEL": "Huésped",
     "ALL_AGENTS_OFFLINE_LABEL": "Todos los operadores están desconectados en este momento.",
     "LABEL_LOADING": "Cargando...",
-    "CALLOUT_TITLE_PLACEHOLDER": "¿Necesitas ayuda?",
+    "CALLOUT_TITLE_PLACEHOLDER": "🖐 ¿Necesitas ayuda?",
     "CALLOUT_MSG_PLACEHOLDER": "¡Haz clic aquí y comienza a chatear con nosotros!",
     "CUSTOMER_SATISFACTION": "La satisfacción del cliente",
     "YOUR_OPINION_ON_OUR_CUSTOMER_SERVICE": "su opinión sobre nuestro servicio al cliente",
@@ -33,8 +34,9 @@
     "BUTTON_CLOSE_TO_ICON": "Minimiza el chat",
     "BUTTON_EDIT_PROFILE": "Actualización del perfil",
     "RATE_CHAT": "Califica el chat",
-    "WELLCOME_TITLE": "Hola, bienvenido a Tiledesk 👋",
-    "WELLCOME_MSG": "¿Cómo podemos ayudar?",
+    "WELCOME_TITLE": "Hola, bienvenido a Tiledesk 👋",
+    "WELCOME_MSG": "¿Cómo podemos ayudar?",
+    "WELCOME": "Podemos",
     "OPTIONS": "opciones",
     "SOUND_OFF": "Sonido apagado",
     "SOUND_ON": "Sonido encendido",
@@ -53,6 +55,7 @@
     "CLOSE_CHAT": "Cerrar chat",
     "MINIMIZE":"Minimizar",
     "MAXIMIZE":"Maximizar",
+
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"tú",
     "INFO_SUPPORT_USER_ADDED_YOU_VERB":"han sido agregados a ",
     "INFO_SUPPORT_USER_ADDED_COMPLEMENT":"joined",
@@ -63,12 +66,7 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"eliminado del grupo",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"abandonó la conversación",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Se le ha asignado una nueva solicitud de soporte",
-    "TICKET_TAKING":"La solicitud ha sido recibida y el personal de asistencia está tratando con ella. \nPara agregar más comentarios, responda a este correo electrónico.",
     
-    "LABEL_ERROR_FIELD_REQUIRED": "Campo obligatorio",
-    "SENT_AN_ATTACHMENT": "envió un archivo adjunto",
-    "SENT_AN_IMAGE": "envió una imagen",
-
     "LABEL_PRECHAT_USER_FULLNAME": "Nombre completo",
     "LABEL_PRECHAT_USER_EMAIL": "Correo electrónico",
     "LABEL_PRECHAT_USER_EMAIL_ERROR": "Dirección de correo electrónico no válida",
@@ -84,5 +82,10 @@
     "LABEL_LAST_ACCESS": "ultimo acceso",
     "LABEL_TO": "a",
     "ARRAY_DAYS": ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"],
-    "LABEL_PREVIEW": "Avance"
+    
+    "SENT_AN_ATTACHMENT": "envió un archivo adjunto",
+    "SENT_AN_IMAGE": "envió una imagen",
+
+    "LABEL_PREVIEW": "Avance",
+    "SWITCH_TO":"O cambiar a:"
 }

package/src/assets/i18n/fr.json

@@ -1,13 +1,14 @@
 {
-    "LABEL_TU": "",
     "LABEL_PLACEHOLDER": "Écrivez votre question ...",
     "LABEL_START_NW_CONV": "Nouvelle conversation",
+    "LABEL_WHATSAPP": "Contactez-nous",
     "LABEL_SELECT_TOPIC": "Sélectionnez un sujet",
     "LABEL_COMPLETE_FORM": "Remplissez le formulaire pour démarrer une conversation avec le prochain agent disponible.",
     "LABEL_FIELD_NAME": "Prenom",
     "LABEL_ERROR_FIELD_NAME": "Nom demandé (minimum 2 caractères).",
     "LABEL_FIELD_EMAIL": "Email",
     "LABEL_ERROR_FIELD_EMAIL": "Entrer une adresse email valide.",
+    "LABEL_ERROR_FIELD_REQUIRED": "Champ obligatoire",
     "LABEL_WRITING": "écrit ...",
     "LABEL_SEND_NEW_MESSAGE": "Envoyez un nouveau message",
     "AGENT_NOT_AVAILABLE": " Hors ligne",
@@ -15,7 +16,7 @@
     "GUEST_LABEL": "Hôte",
     "ALL_AGENTS_OFFLINE_LABEL": "Tous les opérateurs sont actuellement hors ligne",
     "LABEL_LOADING": "Chargement en cours ...",
-    "CALLOUT_TITLE_PLACEHOLDER": "Besoin d'aide?",
+    "CALLOUT_TITLE_PLACEHOLDER": "🖐 Besoin d'aide?",
     "CALLOUT_MSG_PLACEHOLDER": "Cliquez ici et commencez à discuter avec nous!",
     "CUSTOMER_SATISFACTION": "Évaluation des services",
     "YOUR_OPINION_ON_OUR_CUSTOMER_SERVICE": "votre avis sur notre service client",
@@ -33,8 +34,9 @@
     "BUTTON_CLOSE_TO_ICON": "Minimisez le chat",
     "BUTTON_EDIT_PROFILE": "Modifier le profil",
     "RATE_CHAT": "évaluer la conversation",
-    "WELLCOME_TITLE": "Salut, bienvenue à Tiledesk 👋",
-    "WELLCOME_MSG": "Comment pouvons-nous vous aider?",
+    "WELCOME_TITLE": "Salut, bienvenue à Tiledesk 👋",
+    "WELCOME_MSG": "Comment pouvons-nous vous aider?",
+    "WELCOME": "Bienvenue",
     "OPTIONS": "options",
     "SOUND_OFF": "Sound off",
     "SOUND_ON": "Sound on",
@@ -53,6 +55,7 @@
     "CLOSE_CHAT": "Fermer le chat",
     "MINIMIZE":"Minimiser",
     "MAXIMIZE":"Maximiser",
+
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"toi",
     "INFO_SUPPORT_USER_ADDED_YOU_VERB":"ont été ajoutés à ",
     "INFO_SUPPORT_USER_ADDED_COMPLEMENT":"rejointe",
@@ -63,11 +66,6 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"supprimé du groupe",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"a quitté la conversation",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Une nouvelle demande de support vous a été attribuée",
-    "TICKET_TAKING":"La demande a été reçue et le personnel d'assistance la traite.\nPour ajouter d'autres commentaires, répondez à cet e-mail.",
-    
-    "LABEL_ERROR_FIELD_REQUIRED": "Champ obligatoire",
-    "SENT_AN_ATTACHMENT": "envoyé une pièce jointe",
-    "SENT_AN_IMAGE": "envoyé une image",
 
     "LABEL_PRECHAT_USER_FULLNAME": "Nom complet",
     "LABEL_PRECHAT_USER_EMAIL": "E-mail",
@@ -84,5 +82,10 @@
     "LABEL_LAST_ACCESS": "dernier accès",
     "LABEL_TO": "à",
     "ARRAY_DAYS": ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche"],
-    "LABEL_PREVIEW": "Aperçu"
+
+    "SENT_AN_ATTACHMENT": "envoyé une pièce jointe",
+    "SENT_AN_IMAGE": "envoyé une image",
+
+    "LABEL_PREVIEW": "Aperçu",
+    "SWITCH_TO":"Ou passer à:"
 }

package/src/assets/i18n/it.json

@@ -1,13 +1,14 @@
 {
-    "LABEL_TU": "",
     "LABEL_PLACEHOLDER": "Scrivi la tua domanda...",
     "LABEL_START_NW_CONV": "Nuova conversazione",
+    "LABEL_WHATSAPP": "Contattaci",
     "LABEL_SELECT_TOPIC": "Seleziona un argomento",
     "LABEL_COMPLETE_FORM": "Completa il form per iniziare una conversazione con il prossimo agente disponibile.",
     "LABEL_FIELD_NAME": "Nome",
     "LABEL_ERROR_FIELD_NAME": "Nome richiesto (minimo 2 caratteri).",
     "LABEL_FIELD_EMAIL": "Email",
     "LABEL_ERROR_FIELD_EMAIL": "Inserisci un indirizzo email valido.",
+    "LABEL_ERROR_FIELD_REQUIRED": "Campo richiesto",
     "LABEL_WRITING": "sta scrivendo...",
     "LABEL_SEND_NEW_MESSAGE": "Invia un nuovo messaggio",
     "AGENT_NOT_AVAILABLE": " Offline",
@@ -15,7 +16,7 @@
     "GUEST_LABEL": "Ospite",
     "ALL_AGENTS_OFFLINE_LABEL": "Tutti gli operatori sono offline al momento",
     "LABEL_LOADING": "Caricamento...",
-    "CALLOUT_TITLE_PLACEHOLDER": "Bisogno di aiuto?",
+    "CALLOUT_TITLE_PLACEHOLDER": "🖐 Bisogno di aiuto?",
     "CALLOUT_MSG_PLACEHOLDER": "Clicca qui e inizia a chattare con noi!",
     "CUSTOMER_SATISFACTION": "Valutazione servizio",
     "YOUR_OPINION_ON_OUR_CUSTOMER_SERVICE": "il tuo giudizio sul nostro servizio clienti",
@@ -33,8 +34,9 @@
     "BUTTON_CLOSE_TO_ICON": "Riduci a icona la chat",
     "BUTTON_EDIT_PROFILE": "Modifica profilo",
     "RATE_CHAT": "Valuta chat",
-    "WELLCOME_TITLE": "Ciao, benvenuto su Tiledesk 👋",
-    "WELLCOME_MSG": "Come possiamo aiutarti?",
+    "WELCOME_TITLE": "Ciao, benvenuto su Tiledesk 👋",
+    "WELCOME_MSG": "Come possiamo aiutarti?",
+    "WELCOME": "Benvenuto",
     "OPTIONS": "opzioni",
     "SOUND_OFF": "Suono spento",
     "SOUND_ON": "Suono acceso",
@@ -53,6 +55,7 @@
     "CLOSE_CHAT": "Chiudi chat",
     "MINIMIZE":"Minimizza",
     "MAXIMIZE":"Massimizza",
+
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"tu",
     "INFO_SUPPORT_USER_ADDED_YOU_VERB":"sei stato aggiunto ",
     "INFO_SUPPORT_USER_ADDED_COMPLEMENT":"si è unito",
@@ -63,11 +66,6 @@
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"ha lasciato il gruppo",
     "INFO_SUPPORT_MEMBER_ABANDONED_GROUP": "ha abbandonato la conversazione",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Una nuova richiesta di supporto è stata assegnata a te",
-    "TICKET_TAKING":"La richiesta è stata ricevuta e il personale di assistenza se ne sta occupando.\nPer aggiungere ulteriori commenti, rispondi a questa email.",
-    
-    "LABEL_ERROR_FIELD_REQUIRED": "Campo richiesto",
-    "SENT_AN_ATTACHMENT": "ha inviato un allegato",
-    "SENT_AN_IMAGE":"ha inviato un'immagine",
 
     "LABEL_PRECHAT_USER_FULLNAME": "Nome completo",
     "LABEL_PRECHAT_USER_EMAIL": "E-mail",
@@ -84,5 +82,10 @@
     "LABEL_LAST_ACCESS": "ultimo accesso",
     "LABEL_TO": "a",
     "ARRAY_DAYS": ["Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato", "Domenica"],
-    "LABEL_PREVIEW": "Anteprima"
+    
+    "SENT_AN_ATTACHMENT": "ha inviato un allegato",
+    "SENT_AN_IMAGE":"ha inviato un'immagine",
+    
+    "LABEL_PREVIEW": "Anteprima",
+    "SWITCH_TO":"Oppure passa a:"
 }

package/src/assets/js/chat21client.js

@@ -546,7 +546,7 @@ class Chat21Client {
             if (this.log) {
                 console.log("this.on_message_handler already subscribed. Reconnected num", this.reconnections)
             }
-            callbsubscribedCallbackack();
+            subscribedCallback();
             return
         }
         this.subscribeToMyConversations(() => {
@@ -1000,8 +1000,8 @@ class Chat21Client {
         
         this.client.on('connect', // TODO if token is wrong it must reply with an error!
             () => {
+                console.log("Chat client connected. User:" + user_id)
                 if (this.log) {
-                    console.log("Chat client connected. User:" + user_id)
                     console.log("Chat client connected. this.connected:" + this.connected)
                 }
                 if (!this.connected) {
@@ -1025,17 +1025,20 @@ class Chat21Client {
         );
         this.client.on('reconnect',
             () => {
+                console.log("Chat client reconnect event")
                 if (this.log) {console.log("Chat client reconnect event");}
             }
         );
         this.client.on('close',
             () => {
+                console.log("Chat client reconnect event")
                 this.connected = false
                 if (this.log) {console.log("Chat client close event");}
             }
         );
         this.client.on('offline',
             () => {
+                console.log("Chat client reconnect event")
                 if (this.log) {console.log("Chat client offline event");}
             }
         );