@chat21/chat21-web-widget 5.1.32-rc9 → 5.1.33-rc11

package/src/assets/i18n/it.json

@@ -1,100 +1,108 @@
 {
-    "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",
-    "AGENT_AVAILABLE": " Online",
-    "GUEST_LABEL": "Ospite",
-    "ALL_AGENTS_OFFLINE_LABEL": "Tutti gli operatori sono offline al momento",
-    "LABEL_LOADING": "Caricamento...",
-    "LABEL_THINKING": "sto pensando",
-    "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",
-    "DOWNLOAD_TRANSCRIPT": "Scarica transcript",
-    "BACK": "Indietro",
-    "CONTINUE":"Continua",
-    "YOUR_RATING": "il tuo voto",
-    "WRITE_YOUR_OPINION": "Scrivi la tua opinione...(opzionale)",
-    "SUBMIT": "Invia",
-    "THANK_YOU_FOR_YOUR_EVALUATION": "Grazie per la tua valutazione",
-    "YOUR_RATING_HAS_BEEN_RECEIVED": "il tuo voto è stato ricevuto",
-    "ALERT_LEAVE_CHAT": "Vuoi abbandonare la conversazione?",
-    "YES": "Si",
-    "NO": "No",
-    "BUTTON_CLOSE_TO_ICON": "Riduci a icona la chat",
-    "BUTTON_EDIT_PROFILE": "Modifica profilo",
-    "RATE_CHAT": "Valuta chat",
-    "WELCOME_TITLE": "Ciao, benvenuto su Tiledesk 👋",
-    "WELCOME_MSG": "Come possiamo aiutarti?",
-    "WELCOME": "Benvenuto",
-    "OPTIONS": "opzioni",
-    "SOUND_OFF": "Suono spento",
-    "SOUND_ON": "Suono acceso",
-    "LOGOUT": "Disconnetti",
-    "CLOSE": "Chiudi",
-    "RESTART":"Ricomincia",
-    "PREV_CONVERSATIONS": "Le tue conversazioni",
-    "YOU": "Tu",
-    "SHOW_ALL_CONV": "vedi tutte",
-    "START_A_CONVERSATION": "Inizia una conversazione",
-    "NO_CONVERSATION": "Nessuna conversazione attiva",
-    "SEE_PREVIOUS": "vedi precedenti",
-    "WAITING_TIME_FOUND": "Il team tipicamente risponde in $reply_time",
-    "WAITING_TIME_NOT_FOUND": "Vi risponderemo appena possibile",
-    "CLOSED": "Chiusa",
-    "CLOSE_CHAT": "Chiudi chat",
-    "MINIMIZE":"Comprimi finestra",
-    "MAXIMIZE":"Espandi finestra",
-    "CENTER":"Centra",
-    "CONFIRM_CLOSE_CHAT":"Sei sicuro di voler chiudere questa chat?",
-
-    "INFO_SUPPORT_USER_ADDED_SUBJECT":"tu",
-    "INFO_SUPPORT_USER_ADDED_YOU_VERB":"sei stato aggiunto ",
-    "INFO_SUPPORT_USER_ADDED_COMPLEMENT":"si è unito",
-    "INFO_SUPPORT_USER_ADDED_VERB":"alla chat",
-    "INFO_SUPPORT_CHAT_REOPENED":"Chat riaperta",
-    "INFO_SUPPORT_CHAT_CLOSED":"Chat chiusa",
-    "INFO_SUPPORT_LEAD_UPDATED":"Contatto aggiornato",
-    "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",
-
-    "LABEL_PRECHAT_USER_FULLNAME": "Nome completo",
-    "LABEL_PRECHAT_USER_EMAIL": "E-mail",
-    "LABEL_PRECHAT_USER_EMAIL_ERROR": "Indirizzo email non valido",
-    "LABEL_PRECHAT_USER_PHONE": "Telefono",
-    "LABEL_PRECHAT_USER_PHONE_ERROR": "Telefono richiesto",
-    "LABEL_PRECHAT_FIRST_MESSAGE": "Il tuo messaggio per il team di supporto",
-    "LABEL_PRECHAT_STATIC_TERMS_PRIVACY": "Prima di procedere nella conversazione, accetta i nostri <a href='https://tiledesk.com/termsofservice/' target='_blank'>Termini</a> e <a href='https:/ /tiledesk.com/privacy.html' target='_blank'>Norme sulla privacy</a>",
-    "LABEL_PRECHAT_ACCEPT_TERMS_PRIVACY": "Sono d'accordo",
-    "PRECHAT_REQUIRED_ERROR": "Questo campo è obbligatorio",
-
-    "TICKET_TAKING":"La richiesta è stata ricevuta e il personale di assistenza se ne sta occupando.\nPer aggiungere ulteriori commenti, rispondi a questa email.",
-    
-    "LABEL_TODAY": "oggi",
-    "LABEL_TOMORROW": "ieri",
-    "LABEL_LAST_ACCESS": "ultimo accesso",
-    "LABEL_TO": "a",
-    "ARRAY_DAYS": ["Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato", "Domenica"],
-    "SENT_AN_ATTACHMENT": "ha inviato un allegato",
-    "SENT_AN_IMAGE":"ha inviato un'immagine",
-    "LABEL_PREVIEW": "Anteprima",
-    "SWITCH_TO":"Oppure passa a:",
-    "CONNECTION_NETWORK_ERROR": "Ci scusiamo. Si sono verificati problemi di connessione di rete",
-    "EMOJI_NOT_ELLOWED":"Emoji non consentiti",
-    "DOMAIN_NOT_ALLOWED":"L'URL contiene un dominio non consentito",
-    "MAX_ATTACHMENT": "Dimensione massima consentita {{FILE_SIZE_LIMIT}}Mb",
-    "MAX_ATTACHMENT_ERROR": "Il file supera la dimensione massima consentita",
-    "EMOJI": "Emoji"
-}
+  "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",
+  "AGENT_AVAILABLE": " Online",
+  "GUEST_LABEL": "Ospite",
+  "ALL_AGENTS_OFFLINE_LABEL": "Tutti gli operatori sono offline al momento",
+  "LABEL_LOADING": "Caricamento...",
+  "LABEL_THINKING": "sto pensando",
+  "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",
+  "DOWNLOAD_TRANSCRIPT": "Scarica transcript",
+  "BACK": "Indietro",
+  "CONTINUE": "Continua",
+  "YOUR_RATING": "il tuo voto",
+  "WRITE_YOUR_OPINION": "Scrivi la tua opinione...(opzionale)",
+  "SUBMIT": "Invia",
+  "THANK_YOU_FOR_YOUR_EVALUATION": "Grazie per la tua valutazione",
+  "YOUR_RATING_HAS_BEEN_RECEIVED": "il tuo voto è stato ricevuto",
+  "ALERT_LEAVE_CHAT": "Vuoi abbandonare la conversazione?",
+  "YES": "Si",
+  "NO": "No",
+  "BUTTON_CLOSE_TO_ICON": "Riduci a icona la chat",
+  "BUTTON_EDIT_PROFILE": "Modifica profilo",
+  "RATE_CHAT": "Valuta chat",
+  "WELCOME_TITLE": "Ciao, benvenuto su Tiledesk 👋",
+  "WELCOME_MSG": "Come possiamo aiutarti?",
+  "WELCOME": "Benvenuto",
+  "OPTIONS": "opzioni",
+  "SOUND_OFF": "Suono spento",
+  "SOUND_ON": "Suono acceso",
+  "LOGOUT": "Disconnetti",
+  "CLOSE": "Chiudi",
+  "RESTART": "Ricomincia",
+  "PREV_CONVERSATIONS": "Le tue conversazioni",
+  "YOU": "Tu",
+  "SHOW_ALL_CONV": "vedi tutte",
+  "START_A_CONVERSATION": "Inizia una conversazione",
+  "NO_CONVERSATION": "Nessuna conversazione attiva",
+  "SEE_PREVIOUS": "vedi precedenti",
+  "WAITING_TIME_FOUND": "Il team tipicamente risponde in $reply_time",
+  "WAITING_TIME_NOT_FOUND": "Vi risponderemo appena possibile",
+  "CLOSED": "Chiusa",
+  "CLOSE_CHAT": "Chiudi chat",
+  "MINIMIZE": "Comprimi finestra",
+  "MAXIMIZE": "Espandi finestra",
+  "CENTER": "Centra",
+  "CONFIRM_CLOSE_CHAT": "Sei sicuro di voler chiudere questa chat?",
+  "INFO_SUPPORT_USER_ADDED_SUBJECT": "tu",
+  "INFO_SUPPORT_USER_ADDED_YOU_VERB": "sei stato aggiunto ",
+  "INFO_SUPPORT_USER_ADDED_COMPLEMENT": "si è unito",
+  "INFO_SUPPORT_USER_ADDED_VERB": "alla chat",
+  "INFO_SUPPORT_CHAT_REOPENED": "Chat riaperta",
+  "INFO_SUPPORT_CHAT_CLOSED": "Chat chiusa",
+  "INFO_SUPPORT_LEAD_UPDATED": "Contatto aggiornato",
+  "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",
+  "LABEL_PRECHAT_USER_FULLNAME": "Nome completo",
+  "LABEL_PRECHAT_USER_EMAIL": "E-mail",
+  "LABEL_PRECHAT_USER_EMAIL_ERROR": "Indirizzo email non valido",
+  "LABEL_PRECHAT_USER_PHONE": "Telefono",
+  "LABEL_PRECHAT_USER_PHONE_ERROR": "Telefono richiesto",
+  "LABEL_PRECHAT_FIRST_MESSAGE": "Il tuo messaggio per il team di supporto",
+  "LABEL_PRECHAT_STATIC_TERMS_PRIVACY": "Prima di procedere nella conversazione, accetta i nostri <a href='https://tiledesk.com/termsofservice/' target='_blank'>Termini</a> e <a href='https://tiledesk.com/privacy.html' target='_blank'>Norme sulla privacy</a>",
+  "LABEL_PRECHAT_ACCEPT_TERMS_PRIVACY": "Sono d'accordo",
+  "PRECHAT_REQUIRED_ERROR": "Questo campo è obbligatorio",
+  "TICKET_TAKING": "La richiesta è stata ricevuta e il personale di assistenza se ne sta occupando.\nPer aggiungere ulteriori commenti, rispondi a questa email.",
+  "LABEL_TODAY": "oggi",
+  "LABEL_TOMORROW": "ieri",
+  "LABEL_LAST_ACCESS": "ultimo accesso",
+  "LABEL_TO": "a",
+  "ARRAY_DAYS": [
+    "Lunedì",
+    "Martedì",
+    "Mercoledì",
+    "Giovedì",
+    "Venerdì",
+    "Sabato",
+    "Domenica"
+  ],
+  "SENT_AN_ATTACHMENT": "ha inviato un allegato",
+  "SENT_AN_IMAGE": "ha inviato un'immagine",
+  "LABEL_PREVIEW": "Anteprima",
+  "SWITCH_TO": "Oppure passa a:",
+  "CONNECTION_NETWORK_ERROR": "Ci scusiamo. Si sono verificati problemi di connessione di rete",
+  "EMOJI_NOT_ELLOWED": "Emoji non consentiti",
+  "DOMAIN_NOT_ALLOWED": "L'URL contiene un dominio non consentito",
+  "MAX_ATTACHMENT": "Dimensione massima consentita {{FILE_SIZE_LIMIT}}Mb",
+  "MAX_ATTACHMENT_ERROR": "Il file supera la dimensione massima consentita",
+  "EMOJI": "Emoji",
+  "STREAM_AUDIO": "Usa la modalità vocale",
+  "VOICE_CONNECTING": "Connessione...",
+  "VOICE_LISTENING": "In ascolto...",
+  "VOICE_PROCESSING": "Elaborazione..."
+}

package/src/assets/twp/index-dev.html

@@ -801,6 +801,13 @@
             window.Tiledesk('openConversationById', request_id)
         }
 
+        function onClickCssSource(){
+            let cssSource = document.getElementById('cssSource').value
+            window.tiledeskSettings['cssSource'] = cssSource
+            console.log('onClickCssSource: cssSource-->',window.tiledeskSettings);
+            window.Tiledesk('restart')
+        }
+
         // function onClickParameter(elementName){
         //     console.log('onClickParameter: ',elementName)
         //     const radios = document.getElementsByName(elementName)
@@ -1807,6 +1814,17 @@
                             <button class="btn btn-light" onclick="onClickOpenConversationById()">Open conversation <i class="fa-regular fa-comment" aria-hidden="true"></i></button>
                         </div>
                     </div>
+                    <div class="row section">
+                        <div><h3 style="line-height: 0.3;">MANAGE <em><strong> global CSS</strong></em></h3></div>
+
+                        <div>Insert an <em><strong>URL</strong></em> of a CSS file to override the global CSS </div>
+                        <div class="row" style="margin: 0">
+                            <textarea class="form-control" id="cssSource" placeholder="https://example.com/custom-style.css" rows="1" cols="60"></textarea>
+                        </div>
+                        <div class="row" style="text-align: right; margin:5px 0px">
+                            <button class="btn btn-light" onclick="onClickCssSource()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
+                        </div>
+                    </div>
                     <!-- WIDGET POSITION SECTION : start-->
                     <div class="row section">
                         <div><h3 style="line-height: 0.3;">Widget <em><strong>POSITION</strong></em></h3></div>

package/src/assets/twp/tiledesk_widget_files/widget-css-override-example.css

@@ -0,0 +1,14 @@
+/**
+ * Esempio di override remoto (tiledeskSettings.cssSource).
+ * Con ng serve: usa un path assoluto dalla root dell'app, es. /assets/widget-css-override-example.css
+ */
+
+/* Attenzione: il primo id deve essere l'intera stringa #tiledesk-container (errori tipo #tilede non matchano nulla nel DOM). */
+#tiledesk-container #chat21-home-component .c21-header {
+  background-image: linear-gradient(135deg, #c0392b 0%, #8e44ad 100%) !important;
+}
+
+/* Bottone launcher: contorno molto visibile (non richiede di battere background-color inline) */
+#tiledesk-container #c21-launcher-button {
+  box-shadow: 0 0 0 3px #f39c12, 0 8px 24px rgba(0, 0, 0, 0.25) !important;
+}

package/src/chat21-core/providers/chat-manager.spec.ts

@@ -0,0 +1,72 @@
+import { TestBed } from '@angular/core/testing';
+
+import { CustomLogger } from './logger/customLogger';
+import { LoggerInstance } from './logger/loggerInstance';
+import { ChatManager } from './chat-manager';
+import { ArchivedConversationsHandlerService } from './abstract/archivedconversations-handler.service';
+import { ConversationsHandlerService } from './abstract/conversations-handler.service';
+import { ConversationHandlerService } from './abstract/conversation-handler.service';
+
+describe('ChatManager', () => {
+  let convHandler: jasmine.SpyObj<ConversationsHandlerService>;
+  let archivedHandler: jasmine.SpyObj<ArchivedConversationsHandlerService>;
+
+  beforeEach(() => {
+    const ngxlogger = jasmine.createSpyObj('NGXLogger', ['log', 'trace', 'debug', 'warn', 'error', 'info']);
+    LoggerInstance.setInstance(new CustomLogger(ngxlogger));
+    convHandler = jasmine.createSpyObj('ConversationsHandlerService', ['dispose']);
+    archivedHandler = jasmine.createSpyObj('ArchivedConversationsHandlerService', ['dispose']);
+
+    TestBed.configureTestingModule({
+      providers: [
+        ChatManager,
+        { provide: ConversationsHandlerService, useValue: convHandler },
+        { provide: ArchivedConversationsHandlerService, useValue: archivedHandler },
+      ],
+    });
+  });
+
+  it('should initialize and track token and user', () => {
+    const mgr = TestBed.inject(ChatManager);
+
+    mgr.initialize();
+    expect(mgr.getOpenInfoConversation()).toBeTrue();
+
+    mgr.setTiledeskToken('tok');
+    expect(mgr.getTiledeskToken()).toBe('tok');
+
+    const user = { uid: 'u1' } as any;
+    mgr.setCurrentUser(user);
+    expect(mgr.getCurrentUser()).toBe(user);
+  });
+
+  it('startApp should emit on BSStart', () => {
+    const mgr = TestBed.inject(ChatManager);
+    const user = { uid: 'u1' } as any;
+    mgr.setCurrentUser(user);
+    mgr.startApp();
+    expect(mgr.BSStart.getValue()).toBe(user);
+  });
+
+  it('should add and find conversation handler', () => {
+    const mgr = TestBed.inject(ChatManager);
+    mgr.initialize();
+
+    const h = { conversationWith: 'cid-1' } as ConversationHandlerService;
+    mgr.addConversationHandler(h);
+
+    expect(mgr.getConversationHandlerByConversationId('cid-1')).toBe(h);
+  });
+
+  it('goOffLine should clear user and dispose handlers', () => {
+    const mgr = TestBed.inject(ChatManager);
+    mgr.initialize();
+    mgr.setArchivedConversationsHandler(archivedHandler);
+    mgr.setConversationsHandler(convHandler);
+    mgr.goOffLine();
+
+    expect(mgr.getCurrentUser()).toBeNull();
+    expect(convHandler.dispose).toHaveBeenCalled();
+    expect(archivedHandler.dispose).toHaveBeenCalled();
+  });
+});

package/src/chat21-core/providers/scripts/script.service.spec.ts

@@ -1,12 +1,22 @@
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { TestBed } from '@angular/core/testing';
 
 import { ScriptService } from './script.service';
 
 describe('ScriptService', () => {
-  beforeEach(() => TestBed.configureTestingModule({}));
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [
+        ScriptService,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+      ],
+    });
+  });
 
   it('should be created', () => {
-    const service: ScriptService = TestBed.get(ScriptService);
+    const service = TestBed.inject(ScriptService);
     expect(service).toBeTruthy();
   });
 });

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

@@ -56,6 +56,10 @@ export const TYPE_MSG_FILE = 'file';
 export const TYPE_MSG_BUTTON = 'button';
 export const TYPE_MSG_EMAIL = 'email';
 export const TYPE_MSG_FORM = 'form';
+export const TYPE_MSG_URL_PREVIEW = 'url_preview';
+
+export const JSON_SOURCE_FIELD_URL   = 'source_name';
+export const JSON_SOURCE_FIELD_TITLE = 'source_file_name';
 
 export const MAX_WIDTH_IMAGES = 230;
 export const MIN_WIDTH_IMAGES = 130;

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

@@ -6,6 +6,7 @@ import {
   MESSAGE_TYPE_MINE,
   MESSAGE_TYPE_OTHERS,
   MAX_WIDTH_IMAGES,
+  MIN_WIDTH_IMAGES,
   INFO_MESSAGE_TYPE,
   CHANNEL_TYPE,
   MESSAGE_TYPE_PRIVATE
@@ -48,6 +49,13 @@ export function isAudio(message: any) {
   return false;
 }
 
+export function isJsonSources(message: any) {
+  if (message && message.type && message.type === 'url_preview') {
+    return true;
+  }
+  return false;
+}
+
 export function isAudioTTS(message: any) {
   if (message && message.type && message.type === 'tts' && message.metadata && message.metadata.src && message.metadata.type.includes('audio') ) {
     return true;
@@ -321,7 +329,21 @@ export function commandToMessage(msg: MessageModel, conversation: ConversationMo
   message.type = msg['type']
   message.isSender = isSender(message.sender, currentUserId)
   message.attributes = { ...conversation.attributes, ...msg['attributes']}
-  
 
   return message as MessageModel
 }
+
+export function calcImageSize(metadata: any): { width: number; height: number } {
+  const size = { width: metadata.width, height: metadata.height };
+  if (!metadata.width) return size;
+  if (metadata.width <= 55) {
+    const ratio = metadata.width / metadata.height;
+    size.width = MIN_WIDTH_IMAGES;
+    size.height = MIN_WIDTH_IMAGES / ratio;
+  } else if (metadata.width > MAX_WIDTH_IMAGES) {
+    const ratio = metadata.width / metadata.height;
+    size.width = MAX_WIDTH_IMAGES;
+    size.height = MAX_WIDTH_IMAGES / ratio;
+  }
+  return size;
+}

package/src/widget-config-template.json

@@ -24,5 +24,7 @@
     "dashboardUrl": "${DASHBOARD_URL}",
     "authPersistence": "${AUTH_PERSISTENCE}",
     "enbedJs": "${ENBED_JS}",
-    "brandSrc": "${BRAND_SRC}"
+    "brandSrc": "${BRAND_SRC}",
+    "voiceProxyWsUrl": "${VOICE_PROXY_WS_URL}",
+    "voiceProxyApiBaseUrl": "${VOICE_PROXY_API_BASE_URL}"
 }

package/src/widget-config.json

@@ -1,29 +1,30 @@
 {
-    "chatEngine": "mqtt",
-    "uploadEngine": "native",
-    "pushEngine":"none",
-    "logLevel":"INFO",
-    "remoteTranslationsUrl": "http://localhost:3000/",
-    "firebaseConfig": {
-        "apiKey": "CHANGEIT",
-        "authDomain": "CHANGEIT",
-        "databaseURL": "CHANGEIT",
-        "projectId": "CHANGEIT",
-        "storageBucket": "CHANGEIT",
-        "messagingSenderId": "CHANGEIT",
-        "appId": "CHANGEIT",
-        "tenant": "CHANGEIT"
-    },
-    "chat21Config": {
-        "appId": "tilechat",
-        "MQTTendpoint": "ws://localhost:15675/ws",
-        "APIendpoint": "http://localhost:8004/api"
-    },
-    "apiUrl": "http://localhost:3000/",
-    "baseImageUrl": "http://localhost:3000/",
-    "dashboardUrl": "http://localhost:4500/",
-    "authPersistence": "LOCAL",
-    "enbedJs": true,
-    "brandSrc": "${BRAND_SRC}"
-    
+  "chatEngine": "mqtt",
+  "uploadEngine": "native",
+  "pushEngine": "none",
+  "logLevel": "info"    ,
+  "remoteTranslationsUrl": "https://localhost:3000/api/",
+  "firebaseConfig": {
+    "apiKey": "CHANGEIT",
+    "authDomain": "CHANGEIT.firebaseapp.com",
+    "databaseURL": "https://CHANGEIT.firebaseio.com",
+    "projectId": "CHANGEIT",
+    "storageBucket": "CHANGEIT.appspot.com",
+    "messagingSenderId": "CHANGEIT",
+    "appId": "",
+    "tenant": "tilechat"
+  },
+  "chat21Config": {
+    "appId": "tilechat",
+    "MQTTendpoint": "wss://localhost:3000/mqws/ws",
+    "APIendpoint": "https://localhost:3000/chatapi/api"
+  },
+  "apiUrl": "https://localhost:3000/api/",
+  "baseImageUrl": "https://localhost:3000/api/",
+  "dashboardUrl": "/dashboard/",
+  "authPersistence": "LOCAL",
+  "enbedJs": "true",
+  "brandSrc": "",
+  "voiceProxyWsUrl": "wss://localhost:3000/speech/ws/voice",
+  "voiceProxyApiBaseUrl": "https://localhost:3000/speech/"
 }

package/tests/widget-form-rich.spec.ts

@@ -0,0 +1,67 @@
+import { test, expect, type Page } from '@playwright/test';
+
+const BASE_QUERY =
+  'tiledesk_projectid=65c5f17ab4e95a0013a0181a&tiledesk_isLogEnabled=true&tiledesk_open=true';
+
+function widgetFrame(page: Page) {
+  return page.frameLocator('#tiledeskiframe');
+}
+
+test.describe('Widget TWP — form / testi / allegati / reparti', () => {
+  test.beforeEach(({ page }) => {
+    page.setDefaultNavigationTimeout(120_000);
+  });
+
+  test('dopo nuova conversazione compare conversazione, prechat o selezione reparto', async ({ page }) => {
+    await page.goto(`/assets/twp/index.html?${BASE_QUERY}`);
+    await expect(page.locator('#tiledeskiframe')).toBeAttached({ timeout: 120_000 });
+    const w = widgetFrame(page);
+    await w.locator('#c21-app-list-conversations .c21-button-primary').first().click({ timeout: 120_000 });
+    await expect(
+      w.locator('chat-conversation, chat-selection-department, chat-prechat-form').first(),
+    ).toBeVisible({ timeout: 120_000 });
+  });
+
+  test('se compare la modale reparti, elenco pulsanti e click impostano flusso', async ({ page }) => {
+    await page.goto(`/assets/twp/index.html?${BASE_QUERY}`);
+    const w = widgetFrame(page);
+    await w.locator('#c21-app-list-conversations .c21-button-primary').first().click({ timeout: 120_000 });
+    const panel = w.locator('#chat21-selection-department');
+    try {
+      await panel.waitFor({ state: 'visible', timeout: 25_000 });
+    } catch {
+      test.skip();
+    }
+    await expect(panel).toHaveAttribute('role', 'dialog');
+    const deptButtons = panel.locator('.c21-button-department');
+    await expect(deptButtons.first()).toBeVisible();
+    const count = await deptButtons.count();
+    expect(count).toBeGreaterThan(0);
+    await deptButtons.first().click();
+    await expect(w.locator('chat-conversation').first()).toBeAttached({ timeout: 120_000 });
+  });
+
+  test('con prechat attivato da URL può comparire textarea o form (best-effort)', async ({ page }) => {
+    await page.goto(`/assets/twp/index.html?${BASE_QUERY}&tiledesk_preChatForm=true`);
+    const w = widgetFrame(page);
+    await w.locator('#c21-app-list-conversations .c21-button-primary').first().click({ timeout: 120_000 });
+    const prechat = w.locator('chat-prechat-form');
+    const textarea = w.locator('textarea#c21-prechat-notes, textarea.form-control, chat-form-textarea textarea');
+    await expect(prechat.or(textarea.first())).toBeVisible({ timeout: 120_000 });
+  });
+
+  test('messaggio in conversazione: area testo o bubble visibile nel frame', async ({ page }) => {
+    await page.goto(`/assets/twp/index.html?${BASE_QUERY}`);
+    const w = widgetFrame(page);
+    await w.locator('#c21-app-list-conversations .c21-button-primary').first().click({ timeout: 120_000 });
+    await expect(
+      w.locator('chat-conversation, chat-prechat-form, chat-selection-department').first(),
+    ).toBeVisible({ timeout: 120_000 });
+    const conv = w.locator('chat-conversation');
+    if (await conv.isVisible().catch(() => false)) {
+      await expect(
+        conv.locator('.message_innerhtml, chat-text, textarea, [contenteditable]').first(),
+      ).toBeVisible({ timeout: 60_000 });
+    }
+  });
+});

package/tests/widget-index-dev-settings.spec.ts

@@ -0,0 +1,52 @@
+import { test, expect } from '@playwright/test';
+
+/**
+ * Pagina dev: campi testo + pulsante "Test this setting" chiamano onClick* e scrivono su window.tiledeskSettings.
+ * Verifica che i valori fake restino coerenti con quanto impostato nel codice inline della pagina.
+ */
+test.describe('index-dev.html tiledeskSettings da input', () => {
+  test.beforeEach(({ page }) => {
+    page.setDefaultNavigationTimeout(120_000);
+  });
+
+  test('marginX / marginY / welcomeTitle aggiornano window.tiledeskSettings', async ({ page }) => {
+    await page.goto(
+      'http://127.0.0.1:4203/assets/twp/index-dev.html?tiledesk_projectid=65c5f17ab4e95a0013a0181a&tiledesk_isLogEnabled=true',
+    );
+    const out = await page.evaluate(() => {
+      const mx = document.querySelector('#marginX') as HTMLInputElement;
+      const my = document.querySelector('#marginY') as HTMLInputElement;
+      const wt = document.querySelector('#welcomeTitle') as HTMLInputElement;
+      mx.value = '11px';
+      my.value = '22px';
+      wt.value = 'Titolo fake';
+      (window as any).onClickMarginX();
+      (window as any).onClickMarginY();
+      (window as any).onClickWelcomeTitle();
+      const s = (window as any).tiledeskSettings;
+      return { marginX: s.marginX, marginY: s.marginY, welcomeTitle: s.welcomeTitle };
+    });
+    expect(out.marginX).toBe('11px');
+    expect(out.marginY).toBe('22px');
+    expect(out.welcomeTitle).toBe('Titolo fake');
+  });
+
+  test('calloutTitle / widgetTitle / departmentID aggiornano tiledeskSettings', async ({ page }) => {
+    await page.goto(
+      'http://127.0.0.1:4203/assets/twp/index-dev.html?tiledesk_projectid=65c5f17ab4e95a0013a0181a&tiledesk_isLogEnabled=true',
+    );
+    const out = await page.evaluate(() => {
+      (document.querySelector('#calloutTitle') as HTMLInputElement).value = 'Callout FAKE';
+      (document.querySelector('#widgetTitle') as HTMLInputElement).value = 'Widget FAKE';
+      (document.querySelector('#departmentID') as HTMLInputElement).value = 'dep-xyz';
+      (window as any).onClickCalloutTitle();
+      (window as any).onClickWidgetTitle();
+      (window as any).onClickDepartmentId();
+      const s = (window as any).tiledeskSettings;
+      return { calloutTitle: s.calloutTitle, widgetTitle: s.widgetTitle, departmentID: s.departmentID };
+    });
+    expect(out.calloutTitle).toBe('Callout FAKE');
+    expect(out.widgetTitle).toBe('Widget FAKE');
+    expect(out.departmentID).toBe('dep-xyz');
+  });
+});