@chat21/chat21-web-widget 5.1.32-rc3 → 5.1.33

package/src/app/component/message/audio/audio.component.ts

@@ -154,10 +154,15 @@ export class AudioComponent implements AfterViewInit {
     // });
 
     const response = await fetch(this.rawAudioUrl!);
+    this.logger.debug('getAudioDuration: response ---> ', response)
     const arrayBuffer = await response.arrayBuffer();
+    this.logger.debug('getAudioDuration: arrayBuffer ---> ', arrayBuffer)
     const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();
+    this.logger.debug('getAudioDuration: audioContext ---> ', audioContext)
     const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
+    this.logger.debug('getAudioDuration: audioBuffer ---> ', audioBuffer)
     this.audioDuration = audioBuffer.duration;
+    this.logger.debug('getAudioDuration: audioDuration ---> ', this.audioDuration)
 
   }
 

package/src/app/component/message/bubble-message/bubble-message.component.html

@@ -64,11 +64,6 @@
         [stylesMap]="stylesMap">
       </chat-audio>
 
-      <chat-audio-sync *ngIf="isAudioTTS(message)"
-        [message]="message"
-        [color]="fontColor">
-      </chat-audio-sync>
-
 
       <!-- <chat-frame *ngIf="message.metadata && message.metadata.type && message.metadata.type.includes('video')"
         [metadata]="message.metadata"
@@ -80,7 +75,7 @@
       <!-- <div *ngIf="message.type == 'text'"> -->     
 
       <!-- tooltip="{{message.timestamp | dateAgo}} ({{message.timestamp | date:'shortDate'}} {{message.timestamp | date:'HH:mm:ss'}})" placement="bottom" -->
-      <div *ngIf="message?.text && (!isAudio(message) && !isAudioTTS(message))" >
+      <div *ngIf="message?.text && !isAudio(message)" >
 
         <!-- [htmlEnabled]="(message?.type==='html')? true : false" -->
         <chat-text *ngIf="message?.type !=='html'"

package/src/app/component/message/bubble-message/bubble-message.component.ts

@@ -5,7 +5,7 @@ import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { MAX_WIDTH_IMAGES, MESSAGE_TYPE_MINE, MESSAGE_TYPE_OTHERS, MIN_WIDTH_IMAGES } from 'src/chat21-core/utils/constants';
 import { convertColorToRGBA } from 'src/chat21-core/utils/utils';
-import { isAudio, isAudioTTS, isFile, isFrame, isImage, messageType } from 'src/chat21-core/utils/utils-message';
+import { isAudio, isFile, isFrame, isImage, messageType } from 'src/chat21-core/utils/utils-message';
 import { getColorBck } from 'src/chat21-core/utils/utils-user';
 
 @Component({
@@ -26,7 +26,6 @@ export class BubbleMessageComponent implements OnInit {
   isFile = isFile;
   isFrame = isFrame;
   isAudio = isAudio;
-  isAudioTTS=isAudioTTS;
   convertColorToRGBA = convertColorToRGBA
 
  // ========== begin:: check message type functions ======= //

package/src/app/providers/global-settings.service.ts

@@ -1125,22 +1125,11 @@ export class GlobalSettingsService {
         if (TEMP !== undefined) {
             globals.showAudioRecorderFooterButton = (TEMP === true) ? true : false;
         }
-        TEMP = tiledeskSettings['showAudioStreamFooterButton'];
-        // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > showAudioStreamFooterButton:: ', TEMP]);
-        if (TEMP !== undefined) {
-            globals.showAudioStreamFooterButton = (TEMP === true) ? true : false;
-        }
         TEMP = tiledeskSettings['size'];
         // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > size:: ', TEMP]);
         if (TEMP !== undefined) {
             globals.size = TEMP;
         } 
-
-        TEMP = tiledeskSettings['closeChatInConversation'];
-        // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > closeChatInConversation:: ', TEMP]);
-        if (TEMP !== undefined) {
-            globals.closeChatInConversation = (TEMP === true) ? true : false;
-        }
     }
 
     /**
@@ -1878,11 +1867,6 @@ export class GlobalSettingsService {
             globals.showAttachmentFooterButton = stringToBoolean(TEMP);
         }
 
-        TEMP = getParameterByName(windowContext, 'tiledesk_showAudioStreamFooterButton');
-        if (TEMP) {
-            globals.showAudioStreamFooterButton = stringToBoolean(TEMP);
-        }
-
         TEMP = getParameterByName(windowContext, 'tiledesk_showEmojiFooterButton');
         if (TEMP) {
             globals.showEmojiFooterButton = stringToBoolean(TEMP);
@@ -1892,11 +1876,6 @@ export class GlobalSettingsService {
         if (TEMP) {
             globals.size = TEMP;
         }
-
-        TEMP = getParameterByName(windowContext, 'tiledesk_closeChatInConversation');
-        if (TEMP) {
-            globals.closeChatInConversation = stringToBoolean(TEMP);
-        }
         
     }
 

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

@@ -302,7 +302,6 @@ export class TranslatorService {
       'CLOSED',
       'LABEL_PREVIEW',
       'MAX_ATTACHMENT',
-      'MAX_ATTACHMENT_ERROR',
       'EMOJI'
     ];
 
@@ -359,7 +358,6 @@ export class TranslatorService {
       globals.LABEL_PREVIEW = res['LABEL_PREVIEW']
       globals.LABEL_ERROR_FIELD_REQUIRED= res['LABEL_ERROR_FIELD_REQUIRED']
       globals.MAX_ATTACHMENT = res['MAX_ATTACHMENT']
-      globals.MAX_ATTACHMENT_ERROR = res['MAX_ATTACHMENT_ERROR']
       globals.EMOJI = res['EMOJI']
       
       

package/src/app/sass/_variables.scss

@@ -36,7 +36,6 @@
     
     --chat-footer-height: 64px;
     --chat-footer-logo-height: 30px;
-    --chat-footer-close-button-height: 30px;
     --chat-footer-border-radius: 16px;
     --chat-footer-background-color: #f6f7fb;
     --chat-footer-color: #1a1a1a;

package/src/app/utils/globals.ts

@@ -219,7 +219,6 @@ export class Globals {
   showEmojiFooterButton: boolean // *******  new ********
   showAttachmentFooterButton: boolean // *******  new ********
   showAudioRecorderFooterButton: boolean // *******  new ********
-  showAudioStreamFooterButton: boolean // *******  new ********
 
   allowedOnSpecificUrl: boolean // *******  new ********
   allowedOnSpecificUrlList: Array<string> // *******  new ********
@@ -228,8 +227,6 @@ export class Globals {
   fontFamilySource: string; // *******  new ********
 
   size: 'min' | 'max' | 'top'; // *******  new ********
-
-  closeChatInConversation: boolean; // *******  new ********
   constructor(
   ) { }
 
@@ -438,8 +435,6 @@ export class Globals {
     this.showAttachmentFooterButton = true;
     /** show/hide rec audio option in footer chat-detail page */
     this.showAudioRecorderFooterButton = true;
-    /** show/hide stream audio option in footer chat-detail page */
-    this.showAudioStreamFooterButton = true;
     /** enabled to set a list of pattern url able to load the widget **/
     this.allowedOnSpecificUrl = false
     /** set a list of pattern url able to load the widget */
@@ -448,8 +443,7 @@ export class Globals {
     this.hasCalloutInWidgetConfig = false;
     /** set widget size from 3 different positions: min, max, top */
     this.size = 'min';
-    /** enable to close the chat in conversation */
-    this.closeChatInConversation = false;
+
     // ============ END: SET EXTERNAL PARAMETERS ==============//
 
 

package/src/assets/i18n/en.json

@@ -97,6 +97,5 @@
     "EMOJI_NOT_ELLOWED":"Emoji not allowed",
     "DOMAIN_NOT_ALLOWED":"URL contains a non-allowed domain",
     "MAX_ATTACHMENT": "Max allowed size {{FILE_SIZE_LIMIT}}Mb",
-    "MAX_ATTACHMENT_ERROR": "The file exceeds the maximum allowed size",
     "EMOJI": "Emoji"
 }

package/src/assets/i18n/es.json

@@ -97,6 +97,5 @@
     "EMOJI_NOT_ELLOWED":"Emoji no permitido",
     "DOMAIN_NOT_ALLOWED":"La URL contiene un dominio no permitido",
     "MAX_ATTACHMENT": "Tamaño máximo permitido {{FILE_SIZE_LIMIT}}Mb",
-    "MAX_ATTACHMENT_ERROR": "El archivo supera el tamaño máximo permitido",
     "EMOJI": "Emoji"
 }

package/src/assets/i18n/fr.json

@@ -97,6 +97,5 @@
     "EMOJI_NOT_ELLOWED":"Emoji non autorisé",
     "DOMAIN_NOT_ALLOWED":"L'URL contient un domaine non autorisé",
     "MAX_ATTACHMENT": "Taille maximale autorisée {{FILE_SIZE_LIMIT}}Mo",
-    "MAX_ATTACHMENT_ERROR": "Le fichier dépasse la taille maximale autorisée",
     "EMOJI": "Emoji"
 }

package/src/assets/i18n/it.json

@@ -95,6 +95,5 @@
     "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"
 }

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

@@ -14,7 +14,6 @@ export class MessageModel {
         public attributes: any,
         public channel_type: string,
         public isSender: boolean,
-        public emoticon?: boolean,
-        public isJustRecived?: boolean
+        public emoticon?: boolean
     ) { }
 }

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

@@ -253,7 +253,9 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
                 }
             }
 
+    
 
+            
             this.addRepalceMessageInArray(msg.uid, msg);
             this.messageAdded.next(msg);
         } else {
@@ -492,9 +494,6 @@ 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/mqtt/mqtt-conversation-handler.ts

@@ -273,16 +273,6 @@ 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
@@ -502,8 +492,6 @@ 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/tiledesk/tiledesk-requests.service.ts

@@ -71,7 +71,7 @@ export class TiledeskRequestsService {
 
   public getMyRequests(): Promise<{ requests: Array<any>}> {
     this.tiledeskToken = this.appStorage.getItem('tiledeskToken')
-    const url = this.URL_TILEDESK_REQUEST + 'me?preflight=true'
+    const url = this.URL_TILEDESK_REQUEST + '/me?preflight=true'
     this.logger.log('[TILEDESK-SERVICE] - GET REQUEST url ', url);
     const httpOptions = {
       headers: new HttpHeaders({

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

@@ -48,13 +48,6 @@ 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 isInfo(message: any) {
     if (message && message.attributes && (message.attributes.subtype === 'info' || message.attributes.subtype === 'info/support')) {

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

@@ -773,11 +773,6 @@ export function isAllowedUrlInText(text: string, allowedUrls: string[]) {
   return nonWhitelistedDomains.length === 0;
 }
 
-// function extractUrls(text: string): string[] {
-//   const urlRegex = /https?:\/\/[^\s]+/g;
-//   return text.match(urlRegex) || [];
-// }
-
 function extractUrls(text: string): string[] {
   // Rileva URL con o senza protocollo (http/https)
   const urlRegex = /\b((https?:\/\/)?(www\.)?[a-z0-9.-]+\.[a-z]{2,})(\/[^\s]*)?/gi;
@@ -792,3 +787,5 @@ function extractUrls(text: string): string[] {
 }
 
 
+
+

package/src/launch.js

@@ -218,67 +218,76 @@ function loadIframe(tiledeskScriptBaseLocation) {
     iDiv.appendChild(ifrm);
 
     // Funzione helper per caricare iframe con fallback per compatibilità CSP (Wix, etc.)
-    // Usa Blob URL come metodo principale (più compatibile con CSP) con fallback a srcdoc e document.write
-    function loadIframeContent(iframe, htmlContent, baseLocation) {
-        var isLocalhost = baseLocation.includes('localhost');
+    // Priorità: document.write / srcdoc prima della Blob URL. Le Blob URL spesso danno origine opaca
+    // (blob:null): l'iframe non può leggere window.parent.tiledeskSettings → projectid mancante.
+    function loadIframeContent(iframe, htmlContent) {
         var blobUrl = null;
-        
-        // Metodo 1: Blob URL (più compatibile con CSP di Wix e altre piattaforme)
-        // Usa Blob URL come metodo principale perché è meno spesso bloccato da CSP rispetto a srcdoc
+
+        // 1) document.write: iframe stessa origine della pagina host → tiledeskSettings sul parent accessibile
+        try {
+            var cw = iframe.contentWindow;
+            if (cw && cw.document) {
+                cw.document.open();
+                cw.document.write(htmlContent);
+                cw.document.close();
+                return;
+            }
+        } catch (e) {
+            console.warn('[Tiledesk] iframe document.write failed, trying srcdoc/blob:', e);
+        }
+
+        // 2) srcdoc: stessa origine del parent (HTML5); utile se document.write è bloccato
+        if ('srcdoc' in iframe) {
+            try {
+                iframe.srcdoc = htmlContent;
+                return;
+            } catch (e) {
+                console.warn('[Tiledesk] iframe srcdoc failed, trying blob:', e);
+            }
+        }
+
+        // 3) Blob URL (spesso permesso da CSP dove srcdoc/write no; può rompere lettura parent.tiledeskSettings)
         if (typeof Blob !== 'undefined' && typeof URL !== 'undefined' && URL.createObjectURL) {
             try {
                 var blob = new Blob([htmlContent], { type: 'text/html;charset=utf-8' });
                 blobUrl = URL.createObjectURL(blob);
                 iframe.src = blobUrl;
-                
-                // Cleanup del blob URL dopo il caricamento per liberare memoria
+
                 var originalOnload = iframe.onload;
                 iframe.onload = function() {
-                    // Revoca il blob URL dopo un delay per assicurarsi che tutto sia caricato
                     setTimeout(function() {
                         if (blobUrl) {
                             try {
                                 URL.revokeObjectURL(blobUrl);
                                 blobUrl = null;
-                            } catch(e) {
-                                console.warn('Error revoking blob URL:', e);
+                            } catch (err) {
+                                console.warn('Error revoking blob URL:', err);
                             }
                         }
                     }, 1000);
                     if (originalOnload) originalOnload.call(this);
                 };
-                return; // Blob URL impostato con successo
-            } catch(e) {
-                console.warn('Blob URL not available, trying srcdoc:', e);
+                return;
+            } catch (e) {
+                console.warn('Blob URL not available:', e);
             }
         }
-        
-        // Metodo 2: srcdoc (fallback se Blob URL non disponibile)
-        // Skip per localhost (usa document.write per compatibilità sviluppo)
-        if (!isLocalhost && 'srcdoc' in iframe) {
-            try {
-                iframe.srcdoc = htmlContent;
-                return; // srcdoc impostato
-            } catch(e) {
-                console.warn('srcdoc not allowed, trying document.write:', e);
-            }
-        }
-        
-        // Metodo 3: document.write (fallback finale, funziona su localhost e browser vecchi)
-        if (isLocalhost || (iframe.contentWindow && iframe.contentWindow.document)) {
+
+        // 4) Ultimo tentativo document.write (iframe magari non pronto al primo passo)
+        if (iframe.contentWindow && iframe.contentWindow.document) {
             try {
                 iframe.contentWindow.document.open();
                 iframe.contentWindow.document.write(htmlContent);
                 iframe.contentWindow.document.close();
-                return; // document.write completato
-            } catch(e) {
-                console.error('All iframe loading methods failed:', e);
+                return;
+            } catch (e) {
+                console.error('[Tiledesk] All iframe loading methods failed:', e);
             }
         }
     }
     
     // Carica il contenuto dell'iframe con fallback automatico
-    loadIframeContent(ifrm, srcTileDesk, tiledeskScriptBaseLocation);
+    loadIframeContent(ifrm, srcTileDesk);
 
 
 }

package/src/launch_template.js

@@ -219,67 +219,76 @@ function loadIframe(tiledeskScriptBaseLocation) {
     iDiv.appendChild(ifrm);
 
     // Funzione helper per caricare iframe con fallback per compatibilità CSP (Wix, etc.)
-    // Usa Blob URL come metodo principale (più compatibile con CSP) con fallback a srcdoc e document.write
-    function loadIframeContent(iframe, htmlContent, baseLocation) {
-        var isLocalhost = baseLocation.includes('localhost');
+    // Priorità: document.write / srcdoc prima della Blob URL. Le Blob URL spesso danno origine opaca
+    // (blob:null): l'iframe non può leggere window.parent.tiledeskSettings → projectid mancante.
+    function loadIframeContent(iframe, htmlContent) {
         var blobUrl = null;
-        
-        // Metodo 1: Blob URL (più compatibile con CSP di Wix e altre piattaforme)
-        // Usa Blob URL come metodo principale perché è meno spesso bloccato da CSP rispetto a srcdoc
+
+        // 1) document.write: iframe stessa origine della pagina host → tiledeskSettings sul parent accessibile
+        try {
+            var cw = iframe.contentWindow;
+            if (cw && cw.document) {
+                cw.document.open();
+                cw.document.write(htmlContent);
+                cw.document.close();
+                return;
+            }
+        } catch (e) {
+            console.warn('[Tiledesk] iframe document.write failed, trying srcdoc/blob:', e);
+        }
+
+        // 2) srcdoc: stessa origine del parent (HTML5); utile se document.write è bloccato
+        if ('srcdoc' in iframe) {
+            try {
+                iframe.srcdoc = htmlContent;
+                return;
+            } catch (e) {
+                console.warn('[Tiledesk] iframe srcdoc failed, trying blob:', e);
+            }
+        }
+
+        // 3) Blob URL (spesso permesso da CSP dove srcdoc/write no; può rompere lettura parent.tiledeskSettings)
         if (typeof Blob !== 'undefined' && typeof URL !== 'undefined' && URL.createObjectURL) {
             try {
                 var blob = new Blob([htmlContent], { type: 'text/html;charset=utf-8' });
                 blobUrl = URL.createObjectURL(blob);
                 iframe.src = blobUrl;
-                
-                // Cleanup del blob URL dopo il caricamento per liberare memoria
+
                 var originalOnload = iframe.onload;
                 iframe.onload = function() {
-                    // Revoca il blob URL dopo un delay per assicurarsi che tutto sia caricato
                     setTimeout(function() {
                         if (blobUrl) {
                             try {
                                 URL.revokeObjectURL(blobUrl);
                                 blobUrl = null;
-                            } catch(e) {
-                                console.warn('Error revoking blob URL:', e);
+                            } catch (err) {
+                                console.warn('Error revoking blob URL:', err);
                             }
                         }
                     }, 1000);
                     if (originalOnload) originalOnload.call(this);
                 };
-                return; // Blob URL impostato con successo
-            } catch(e) {
-                console.warn('Blob URL not available, trying srcdoc:', e);
-            }
-        }
-        
-        // Metodo 2: srcdoc (fallback se Blob URL non disponibile)
-        // Skip per localhost (usa document.write per compatibilità sviluppo)
-        if (!isLocalhost && 'srcdoc' in iframe) {
-            try {
-                iframe.srcdoc = htmlContent;
-                return; // srcdoc impostato
-            } catch(e) {
-                console.warn('srcdoc not allowed, trying document.write:', e);
+                return;
+            } catch (e) {
+                console.warn('Blob URL not available:', e);
             }
         }
-        
-        // Metodo 3: document.write (fallback finale, funziona su localhost e browser vecchi)
-        if (isLocalhost || (iframe.contentWindow && iframe.contentWindow.document)) {
+
+        // 4) Ultimo tentativo document.write (iframe magari non pronto al primo passo)
+        if (iframe.contentWindow && iframe.contentWindow.document) {
             try {
                 iframe.contentWindow.document.open();
                 iframe.contentWindow.document.write(htmlContent);
                 iframe.contentWindow.document.close();
-                return; // document.write completato
-            } catch(e) {
-                console.error('All iframe loading methods failed:', e);
+                return;
+            } catch (e) {
+                console.error('[Tiledesk] All iframe loading methods failed:', e);
             }
         }
     }
     
     // Carica il contenuto dell'iframe con fallback automatico
-    loadIframeContent(ifrm, srcTileDesk, tiledeskScriptBaseLocation);
+    loadIframeContent(ifrm, srcTileDesk);
 
 
 }

package/tsconfig.json

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

package/src/app/component/message/audio-sync/audio-sync.component.html

@@ -1,19 +0,0 @@
-<div class="lyrics-container">
-
-    <audio
-      #audioPlayer
-      [src]="message?.metadata?.src"
-      (timeupdate)="onTimeUpdate()"
-      style="display:none">
-    </audio>
-  
-    <p class="lyrics message_innerhtml marked" #transcriptBox [style.color]="color">
-      <span
-        *ngFor="let w of words; let i = index; trackBy: trackByIndex"
-        class="word"
-        [ngClass]="w.state">
-        {{ w.text }}
-      </span>
-    </p>
-  
-</div>

package/src/app/component/message/audio-sync/audio-sync.component.scss

@@ -1,65 +0,0 @@
-:host {
-  display: block;
-  font-size: var(--font-size-bubble-message, 14px);
-}
-
-/* Allineato a text.component.scss (.message_innerhtml, p) */
-.message_innerhtml {
-  margin: 0;
-
-  &.marked {
-    padding: 12px 16px;
-    margin-block-start: 0em !important;
-    margin-block-end: 0em !important;
-  }
-}
-
-.lyrics {
-  font-size: inherit;
-  margin: 0;
-  line-height: 1.4em;
-  font-style: normal;
-  letter-spacing: normal;
-  font-stretch: normal;
-  font-variant: normal;
-  font-weight: 300;
-  overflow: hidden;
-
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  /* Colore bubble: da [style.color] / @Input() color — ereditato dalle .word */
-}
-
-/* base word */
-.word {
-  transition:
-    transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
-    color 0.3s ease,
-    opacity 0.3s ease,
-    filter 0.3s ease;
-
-  will-change: transform;
-}
-
-/* FUTURE */
-.word.future {
-  opacity: 0;
-  transform: scale(0.98);
-}
-
-/* PAST: stesso colore del testo bubble (@Input color sul <p>) */
-.word.past {
-  opacity: 1;
-  color: inherit;
-  transform: scale(1);
-}
-
-/* ACTIVE (solo momentaneo, tipo “karaoke flash”) */
-.word.active {
-  opacity: 1;
-  color: #00c3ff;
-  font-weight: 700;
-  transform: scale(1.18);
-  text-shadow: 0 0 10px rgba(0, 195, 255, 0.35);
-}

package/src/app/component/message/audio-sync/audio-sync.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AudioSyncComponent } from './audio-sync.component';
-
-describe('AudioSyncComponent', () => {
-  let component: AudioSyncComponent;
-  let fixture: ComponentFixture<AudioSyncComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AudioSyncComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(AudioSyncComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});