@chat21/chat21-web-widget 5.1.34 → 5.2.1

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/firebase/firebase-conversation-handler.ts

@@ -253,9 +253,7 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
                 }
             }
 
-    
 
-            
             this.addRepalceMessageInArray(msg.uid, msg);
             this.messageAdded.next(msg);
         } else {
@@ -494,6 +492,9 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
                             commands[i+1]? commands[i+1].time = 0 : null
                         }
                     }
+
+                    command.message.isJustRecived = isJustRecived( that.startTime.getTime(), msg.timestamp );
+
                     that.generateMessageObject(msg, command.message, function () {
                         i += 1
                         if (i < commands.length) {

package/src/chat21-core/providers/firebase/firebase-init-service.ts

@@ -14,7 +14,7 @@ import { Injectable } from '@angular/core';
 export class FirebaseInitService {
 
   public static firebaseInit: any;
-  
+
   constructor() {
   }
 
@@ -22,10 +22,10 @@ export class FirebaseInitService {
     const { default: firebase} = await import("firebase/app");
     if(!FirebaseInitService.firebaseInit){
       if (!firebaseConfig || firebaseConfig.apiKey === 'CHANGEIT') {
-        throw new Error('Firebase config is not defined. Please create your widget-config.json. See the Chat21-Web_widget Installation Page');
-      } 
-      FirebaseInitService.firebaseInit = firebase.initializeApp(firebaseConfig); 
+        throw new Error('Firebase config is not defined. Please create your widget-config-aws-stage.json. See the Chat21-Web_widget Installation Page');
+      }
+      FirebaseInitService.firebaseInit = firebase.initializeApp(firebaseConfig);
     }
     return FirebaseInitService.firebaseInit
   }
-}
+}

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

@@ -273,6 +273,16 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         if(isInfoMessage){
             this.messageInfo.next(msg)
         }
+
+        
+        
+        
+        
+        
+        
+        
+        
+        
         
         if(isInfoMessage && hideInfoMessage(msg, this.showInfoMessage)){
             //if showBubbleInfoMessage array keys not includes msg.attributes.messagelabel['key'] exclude CURRENT INFO MESSAGE
@@ -492,6 +502,8 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                         }
                     }
 
+                    command.message.isJustRecived = isJustRecived( that.startTime.getTime(), msg.timestamp );
+
                     that.generateMessageObject(msg, command.message, i, function () {
                         i += 1
                         if (i < commands.length) {

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/utils-message.ts

@@ -50,6 +50,13 @@ export function isAudio(message: any) {
   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;
+  }
+  return false;
+}
+
 export function isJsonSources(message: any) {
   if (message && message.type && message.type === 'url_preview') {
     return true;

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": "http://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": "ws://localhost:15672/mqws/ws",
+    "APIendpoint": "http://localhost:3001/chatapi/api"
+  },
+  "apiUrl": "http://localhost:3000/api/",
+  "baseImageUrl": "http://localhost:3000/api/",
+  "dashboardUrl": "/dashboard/",
+  "authPersistence": "LOCAL",
+  "enbedJs": "true",
+  "brandSrc": "",
+  "voiceProxyWsBaseUrl": "ws://localhost:3000/ws/voice",
+  "voiceProxyApiBaseUrl": "http://localhost:3000/api"
 }

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');
+  });
+});

package/tests/widget-twp-iframe.spec.ts

@@ -0,0 +1,39 @@
+import { test, expect, type Page } from '@playwright/test';
+
+/**
+ * Pagina host: `src/assets/twp/index.html` carica `launch.js` e crea `#tiledeskiframe`
+ * (vedi `src/launch.js`). L’app Angular gira nel frame; `tiledesk_open=true` viene letto
+ * dal parent via `GlobalSettingsService` (`tiledesk_open` → `globals.isOpen`).
+ */
+const TWP_QUERY =
+  'tiledesk_projectid=65c5f17ab4e95a0013a0181a&tiledesk_isLogEnabled=true&tiledesk_open=true';
+
+function widgetFrame(page: Page) {
+  return page.frameLocator('#tiledeskiframe');
+}
+
+test.describe('Widget TWP (host + iframe)', () => {
+  test.beforeEach(({ page }) => {
+    page.setDefaultNavigationTimeout(120_000);
+  });
+
+  test('mostra home e lista conversazioni nel frame con widget già aperto', async ({ page }) => {
+    await page.goto(`/assets/twp/index.html?${TWP_QUERY}`);
+    await expect(page.locator('#tiledeskiframe')).toBeAttached({ timeout: 120_000 });
+    const w = widgetFrame(page);
+    await expect(w.locator('#chat21-home-component')).toBeVisible({ timeout: 120_000 });
+    await expect(w.locator('#c21-app-list-conversations')).toBeVisible();
+  });
+
+  test('click su CTA primaria apre conversazione, reparto o prechat', async ({ page }) => {
+    await page.goto(`/assets/twp/index.html?${TWP_QUERY}`);
+    await expect(page.locator('#tiledeskiframe')).toBeAttached({ timeout: 120_000 });
+    const w = widgetFrame(page);
+    const primary = w.locator('#c21-app-list-conversations .c21-button-primary').first();
+    await expect(primary).toBeVisible({ timeout: 120_000 });
+    await primary.click();
+    await expect(
+      w.locator('chat-conversation, chat-selection-department, chat-prechat-form').first(),
+    ).toBeVisible({ timeout: 120_000 });
+  });
+});

package/tsconfig.json

@@ -23,6 +23,11 @@
       "dom"
     ],
     "resolveJsonModule": true,
+    "paths": {
+      "onnxruntime-web/wasm": [
+        "src/app/shims/onnxruntime-web-wasm.ts"
+      ]
+    }
   },
   "skipLibCheck": true,
   "angularCompilerOptions": {