@chat21/chat21-web-widget 5.1.34-rc1 → 5.1.34

package/src/app/component/conversation-detail/conversation-preview/conversation-preview.component.spec.ts

@@ -1,207 +1,38 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
+import { LoggerInstance } from './../../../../chat21-core/providers/logger/loggerInstance';
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { MIN_WIDTH_IMAGES } from 'src/app/utils/constants';
 import { ConversationPreviewComponent } from './conversation-preview.component';
-import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
-import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { LogLevel } from 'src/chat21-core/utils/constants';
 import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
+const mockService = jasmine.createSpyObj('LoggerService', ['setLoggerConfig', "debug", "log", "warn", "info", "error" ]);
 
 describe('ConversationPreviewComponent', () => {
   let component: ConversationPreviewComponent;
   let fixture: ComponentFixture<ConversationPreviewComponent>;
-  const ngxlogger = jasmine.createSpyObj('NGXLogger', ['log', 'trace', 'debug', 'warn', 'error', 'info']);
-  const customLogger = new CustomLogger(ngxlogger);
-
-  const imageAttachment = (name = 'a.png') => ({
-    file: new File(['x'], name, { type: 'image/png' }),
-    metadata: { width: 400, height: 200, type: 'image/png', uid: 'u1', src: 'blob:mock' },
-  });
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
 
   beforeEach(waitForAsync(() => {
-    LoggerInstance.setInstance(customLogger);
     TestBed.configureTestingModule({
-      declarations: [ConversationPreviewComponent],
-      imports: [FormsModule],
-    })
-      .overrideComponent(ConversationPreviewComponent, {
-        set: {
-          template: `
-            <div #scrollMe id="c21-contentScroll-preview" style="height:39%">preview</div>
-            <textarea id="chat21-main-message-context-preview" [(ngModel)]="textInputTextArea"></textarea>
-          `,
-        },
-      })
-      .compileComponents();
+      declarations: [ ConversationPreviewComponent ],
+      providers: [LoggerService]
+    }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ConversationPreviewComponent);
     component = fixture.componentInstance;
-    component.attachments = [imageAttachment()] as any;
-    component.baseLocation = '';
-    component.translationMap = new Map([['LABEL_PLACEHOLDER', 'Placeholder']]);
-    component.stylesMap = new Map([['themeColor', '#000']]);
-    component.textInputTextArea = '';
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
     fixture.detectChanges();
   });
 
   it('should create', () => {
+    console.log('ConversationPreviewComponent --->', component)
     expect(component).toBeTruthy();
   });
-
-  describe('getMetadataSize', () => {
-    it('should scale wide images to preview max width', () => {
-      const s = component.getMetadataSize({ width: 500, height: 100 });
-      expect(s.width).toBe(230);
-      expect(s.height).toBeCloseTo(46, 5);
-    });
-
-    it('should bump very narrow images to MIN_WIDTH_IMAGES', () => {
-      const s = component.getMetadataSize({ width: 40, height: 80 });
-      expect(s.width).toBe(MIN_WIDTH_IMAGES);
-    });
-
-    it('should cap tall images by max preview height', () => {
-      const s = component.getMetadataSize({ width: 100, height: 400 });
-      expect(s.height).toBe(150);
-    });
-
-    it('should default undefined metadata then cap tall square to preview max height', () => {
-      const s = component.getMetadataSize({});
-      // Both sides start at 230; height branch caps at 150 and scales width to match aspect ratio.
-      expect(s.height).toBe(150);
-      expect(s.width).toBe(150);
-    });
-  });
-
-  describe('readAsDataURL', () => {
-    it('should set fileSelected for raster images', () => {
-      component.fileSelected = undefined as any;
-      component.readAsDataURL(imageAttachment());
-      expect(component.fileSelected).toBeDefined();
-      expect(component.sizeImage).toBeDefined();
-    });
-
-    it('should sanitize SVG src', () => {
-      const svg = {
-        file: new File(['<svg/>'], 'a.svg', { type: 'image/svg+xml' }),
-        metadata: { width: 10, height: 10, type: 'image/svg+xml', uid: 's1', src: 'data:image/svg+xml;base64,PHN2Zy8+' },
-      };
-      component.fileSelected = undefined as any;
-      component.readAsDataURL(svg);
-      expect(component.fileSelected).toBeDefined();
-    });
-
-    it('should route non-image files to createFile', () => {
-      spyOn(component, 'createFile').and.returnValue(Promise.resolve());
-      const pdf = {
-        file: new File(['%PDF'], 'doc.pdf', { type: 'application/pdf' }),
-        metadata: { uid: 'p1', type: 'application/pdf' },
-      };
-      component.readAsDataURL(pdf);
-      expect(component.createFile).toHaveBeenCalledWith(pdf);
-    });
-  });
-
-  describe('createFile', () => {
-    it('should request placeholder asset from baseLocation', async () => {
-      const blob = new Blob(['x'], { type: 'image/png' });
-      spyOn(window, 'fetch').and.returnValue(Promise.resolve({ blob: () => Promise.resolve(blob) } as Response));
-      component.baseLocation = 'https://app.test';
-      const att = {
-        file: new File(['z'], 'note.txt', { type: 'text/plain' }),
-        metadata: { uid: 'f1', type: 'text/plain' },
-      };
-      await component.createFile(att);
-      expect(window.fetch).toHaveBeenCalledWith('https://app.test/assets/images/file-alt-solid.png');
-    });
-  });
-
-  describe('keyboard and actions', () => {
-    it('onkeydown Escape should close modal', () => {
-      spyOn(component.onCloseModalPreview, 'emit');
-      component.onkeydown({ which: 27, keyCode: 27 } as KeyboardEvent);
-      expect(component.onCloseModalPreview.emit).toHaveBeenCalled();
-    });
-
-    it('onkeydown Enter with text should emit send and restore', () => {
-      spyOn(component.onSendAttachment, 'emit');
-      spyOn(component as any, 'restoreTextArea');
-      const ta = fixture.debugElement.query(By.css('#chat21-main-message-context-preview')).nativeElement as HTMLTextAreaElement;
-      ta.value = ' caption ';
-      const ev = new KeyboardEvent('keydown', { key: 'Enter', keyCode: 13 });
-      spyOn(ev, 'preventDefault');
-      component.onkeydown(ev);
-      expect(ev.preventDefault).toHaveBeenCalled();
-      expect(component.onSendAttachment.emit).toHaveBeenCalledWith(' caption ');
-      expect((component as any).restoreTextArea).toHaveBeenCalled();
-    });
-
-    it('onkeydown Enter with only whitespace should not emit', () => {
-      spyOn(component.onSendAttachment, 'emit');
-      const ta = fixture.debugElement.query(By.css('#chat21-main-message-context-preview')).nativeElement as HTMLTextAreaElement;
-      ta.value = '   ';
-      component.onkeydown({ which: 13, keyCode: 13, preventDefault: () => {} } as any);
-      expect(component.onSendAttachment.emit).not.toHaveBeenCalled();
-    });
-
-    it('onClickClose should emit', () => {
-      spyOn(component.onCloseModalPreview, 'emit');
-      component.onClickClose();
-      expect(component.onCloseModalPreview.emit).toHaveBeenCalled();
-    });
-
-    it('onSendPressed should emit current model text', () => {
-      spyOn(component.onSendAttachment, 'emit');
-      component.textInputTextArea = 'hi';
-      component.onSendPressed(new Event('click'));
-      expect(component.onSendAttachment.emit).toHaveBeenCalledWith('hi');
-    });
-  });
-
-  describe('textarea sizing', () => {
-    it('onTextAreaChange should call resize helpers', () => {
-      spyOn(component, 'resizeInputField');
-      spyOn(component, 'resizeModalHeight');
-      component.onTextAreaChange();
-      expect(component.resizeInputField).toHaveBeenCalled();
-      expect(component.resizeModalHeight).toHaveBeenCalled();
-    });
-
-    it('resizeInputField should grow with multiline content', () => {
-      const ta = fixture.debugElement.query(By.css('#chat21-main-message-context-preview')).nativeElement as HTMLTextAreaElement;
-      ta.value = 'a\nb\nc';
-      ta.style.height = '20px';
-      Object.defineProperty(ta, 'scrollHeight', { configurable: true, value: 80 });
-      Object.defineProperty(ta, 'offsetHeight', { configurable: true, value: 20 });
-      component.resizeInputField();
-      expect(parseInt(ta.style.height, 10)).toBeGreaterThan(20);
-    });
-
-    it('resizeModalHeight should adjust host when textarea grows', () => {
-      const ta = fixture.debugElement.query(By.css('#chat21-main-message-context-preview')).nativeElement as HTMLTextAreaElement;
-      ta.style.height = '40px';
-      component.scrollMe = { nativeElement: { style: { height: '' } } } as any;
-      component.resizeModalHeight();
-      expect((component.scrollMe.nativeElement.style.height as string).length).toBeGreaterThan(0);
-    });
-  });
-
-  describe('onImageRenderedFN', () => {
-    it('should clear pending load flag', () => {
-      component.isFilePendingToLoad = true;
-      component.onImageRenderedFN({});
-      expect(component.isFilePendingToLoad).toBe(false);
-    });
-  });
-
-  describe('onPaste', () => {
-    it('should call resizeInputField', () => {
-      spyOn(component, 'resizeInputField');
-      component.onPaste(new ClipboardEvent('paste'));
-      expect(component.resizeInputField).toHaveBeenCalled();
-    });
-  });
 });

package/src/app/component/conversation-detail/conversation-preview/conversation-preview.component.ts

@@ -1,4 +1,4 @@
-import { Component, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { MIN_WIDTH_IMAGES } from 'src/app/utils/constants';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
@@ -244,47 +244,27 @@ export class ConversationPreviewComponent implements OnInit {
     this.setFocusOnId('chat21-main-message-context-preview');
   }
 
-  /**
-   * Single keyboard handler for the preview textarea:
-   * - Enter (no modifier)               -> send the attachment with the typed message
-   * - Shift / Alt / Ctrl / Meta + Enter -> insert a newline (default browser behavior)
-   * - Escape                            -> close the preview modal
-   * Tab navigation is handled by CDK cdkTrapFocus on the dialog wrapper.
-   * @param event
-   */
-  onkeydown(event: KeyboardEvent) {
+  /*
+  * @param event
+  */
+  onkeypress(event) {
     const keyCode = event.which || event.keyCode;
-
-    if (keyCode === 27) { // Esc
-      this.onClickClose();
-      return;
-    }
-
-    if (keyCode === 13) { // ENTER
-      const hasModifier = event.metaKey || event.shiftKey || event.altKey || event.ctrlKey;
-      if (hasModifier) {
-        return;
-      }
-
-      event.preventDefault();
-      const target = document.getElementById('chat21-main-message-context-preview') as HTMLInputElement;
-      if (target) {
-        this.textInputTextArea = target.value;
-      }
+    this.textInputTextArea = ((document.getElementById('chat21-main-message-context-preview') as HTMLInputElement).value);
+    if (keyCode === 13) {
       if (this.textInputTextArea && this.textInputTextArea.trim() !== '') {
         this.onSendAttachment.emit(this.textInputTextArea);
         this.restoreTextArea();
       }
-      return;
+    } else if (keyCode === 9) {
+      event.preventDefault();
     }
   }
 
-  /** Component-level Esc handler to close the modal even when focus is not on the textarea. */
-  @HostListener('keydown.escape', ['$event'])
-  onHostEscape(event: KeyboardEvent){
-    event.preventDefault();
-    event.stopPropagation();
-    this.onClickClose();
+  onkeydown(event){
+    const keyCode = event.which || event.keyCode;
+    if (keyCode === 27) { // Esc keyboard code
+      this.onClickClose()
+    }
   }
 
   onPaste(event){

package/src/app/component/error-alert/error-alert.component.spec.ts

@@ -1,85 +1,25 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
 
-import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
-import { FILE_SIZE_LIMIT } from 'src/app/utils/constants';
 import { ErrorAlertComponent } from './error-alert.component';
 
 describe('ErrorAlertComponent', () => {
   let component: ErrorAlertComponent;
   let fixture: ComponentFixture<ErrorAlertComponent>;
-  let translateStub: { translateLanguage: jasmine.Spy };
 
   beforeEach(async () => {
-    translateStub = {
-      translateLanguage: jasmine.createSpy('translateLanguage').and.callFake((keys: string[]) => {
-        const m = new Map<string, string>();
-        keys.forEach((k) => m.set(k, `Errore: {{FILE_SIZE_LIMIT}} MB (chiave ${k})`));
-        return m;
-      }),
-    };
-
     await TestBed.configureTestingModule({
-      declarations: [ErrorAlertComponent],
-      providers: [{ provide: CustomTranslateService, useValue: translateStub }],
-    }).compileComponents();
+      declarations: [ ErrorAlertComponent ]
+    })
+    .compileComponents();
 
     fixture = TestBed.createComponent(ErrorAlertComponent);
     component = fixture.componentInstance;
+    fixture.detectChanges();
   });
 
   it('should create', () => {
-    fixture.detectChanges();
     expect(component).toBeTruthy();
   });
+});
 
-  describe('inputs and translation key path', () => {
-    it('should resolve errorKeyMessage via CustomTranslateService and interpolate constants + errorParams', () => {
-      component.errorKeyMessage = 'MY_KEY';
-      component.errorParams = { FILE_SIZE_LIMIT: 99 };
-      component.ngOnInit();
-      expect(translateStub.translateLanguage).toHaveBeenCalledWith(['MY_KEY']);
-      expect(component.errorMessage).toContain('99');
-      expect(component.errorMessage).toContain('(chiave MY_KEY)');
-    });
-
-    it('should render translated message in the alert DOM', () => {
-      component.errorKeyMessage = 'NET_ERR';
-      component.ngOnInit();
-      fixture.detectChanges();
-      const content = fixture.debugElement.query(By.css('.alert-content')).nativeElement as HTMLElement;
-      expect(content.textContent?.trim().length).toBeGreaterThan(0);
-      expect(fixture.nativeElement.querySelector('#alert-container')).toBeTruthy();
-    });
-  });
-
-  describe('plain errorMessage and interpolation', () => {
-    it('should use raw errorMessage when errorKeyMessage is empty', () => {
-      component.errorKeyMessage = '';
-      component.errorMessage = 'Connessione persa';
-      component.ngOnInit();
-      expect(translateStub.translateLanguage).not.toHaveBeenCalled();
-      expect(component.errorMessage).toBe('Connessione persa');
-    });
-
-    it('should replace {{placeholders}} from merged CONSTANTS and errorParams', () => {
-      component.errorKeyMessage = '';
-      component.errorMessage = 'Limite {{FILE_SIZE_LIMIT}} MB, extra {{custom}} e {{missing}}';
-      component.errorParams = { custom: 'X' };
-      component.ngOnInit();
-      expect(component.errorMessage).toContain(String(FILE_SIZE_LIMIT));
-      expect(component.errorMessage).toContain('X');
-      expect(component.errorMessage).toContain('{{missing}}');
-    });
 
-    it('should leave errorMessage empty when neither key nor plain message is set (widget happy path)', () => {
-      component.errorKeyMessage = '';
-      component.errorMessage = '';
-      component.ngOnInit();
-      expect(component.errorMessage).toBe('');
-      fixture.detectChanges();
-      const content = fixture.nativeElement.querySelector('.alert-content') as HTMLElement;
-      expect(content.textContent?.trim()).toBe('');
-    });
-  });
-});

package/src/app/component/eyeeye-catcher-card/eyeeye-catcher-card.component.html

@@ -9,30 +9,21 @@
 
         <!-- ******* EYE-CATCHER CLOSE BTN IF IS-MOBILE IS FALSE ******** -->
         <div class="eye-catcher-card-close-btn-wrapper">
-            <button type="button"
-                class="eye-catcher-card-close-btn c21-button-clean"
-                [attr.aria-label]="g.BUTTON_CLOSE_TO_ICON || 'Close'"
-                (click)="closeEyeCatcherCard()">
-                <svg class="eye-catcher-card-close-btn-img" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="24px" height="24px">
+            <div class="eye-catcher-card-close-btn" (click)="closeEyeCatcherCard()">
+                <svg class="eye-catcher-card-close-btn-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="24px" height="24px">
                     <path d="M0 0h24v24H0V0z" fill="none"/>
                     <path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/>
                 </svg>
-            </button>
+            </div>
         </div>
 
-        <button type="button"
-            class="eye-catcher_column ec_left c21-button-clean"
-            [attr.aria-label]="g.START_A_CONVERSATION || g.BUTTON_OPEN_CHAT"
-            (click)="openChatFromEyeCatcherCard()">
+        <div class="eye-catcher_column ec_left" (click)="openChatFromEyeCatcherCard()">
             <div [@rotatedState]='state' class="eye-catcher-card-emoticons-wrapper">
                 <span *ngIf="emoticon" class="chat21-card-emoticons">{{emoticon}}</span>
             </div>
-        </button>
+        </div>
 
-        <button type="button"
-            class="eye-catcher_column ec_right c21-button-clean"
-            [attr.aria-label]="g.START_A_CONVERSATION || g.BUTTON_OPEN_CHAT"
-            (click)="openChatFromEyeCatcherCard()">
+        <div class="eye-catcher_column ec_right" (click)="openChatFromEyeCatcherCard()">
             <div class="eye-catcher-card-text-wrapper">
                 <p class="eye-catcher-card-title">{{title}}</p>
                 
@@ -46,7 +37,7 @@
                     </p>
                 </ng-template>
             </div>
-        </button>
+        </div>
 
     </div>
 

package/src/app/component/eyeeye-catcher-card/eyeeye-catcher-card.component.scss

@@ -12,27 +12,6 @@
     /* height: 300px;  */
     /* Should be removed. Only for demonstration */
 }
-
-button.eye-catcher-card-close-btn {
-    -webkit-appearance: none;
-    appearance: none;
-    border: none;
-    padding: 0;
-    display: block;
-}
-
-button.eye-catcher_column {
-    -webkit-appearance: none;
-    appearance: none;
-    border: none;
-    background: transparent;
-    text-align: inherit;
-    font: inherit;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-    color: inherit;
-}
     
 .ec_right::-webkit-scrollbar {
     display: none;

package/src/app/component/eyeeye-catcher-card/eyeeye-catcher-card.component.spec.ts

@@ -1,10 +1,5 @@
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-
-import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
-import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
-import { NGXLogger } from 'ngx-logger';
 import { Globals } from '../../utils/globals';
 
 import { EyeeyeCatcherCardComponent } from './eyeeye-catcher-card.component';
@@ -12,102 +7,25 @@ import { EyeeyeCatcherCardComponent } from './eyeeye-catcher-card.component';
 describe('EyeeyeCatcherCardComponent', () => {
   let component: EyeeyeCatcherCardComponent;
   let fixture: ComponentFixture<EyeeyeCatcherCardComponent>;
-  let globals: Globals;
-  const ngxlogger = jasmine.createSpyObj('NGXLogger', ['log', 'trace', 'debug', 'warn', 'error', 'info']);
 
   beforeEach(waitForAsync(() => {
-    LoggerInstance.setInstance(new CustomLogger(ngxlogger));
     TestBed.configureTestingModule({
-      declarations: [EyeeyeCatcherCardComponent],
-      imports: [BrowserAnimationsModule],
-      providers: [Globals],
-    }).compileComponents();
+      declarations: [ EyeeyeCatcherCardComponent ],
+      imports: [
+        BrowserAnimationsModule
+      ],
+      providers: [ Globals ]
+    })
+    .compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(EyeeyeCatcherCardComponent);
     component = fixture.componentInstance;
-    globals = TestBed.inject(Globals);
-    globals.initDefafultParameters();
-    globals.CALLOUT_TITLE_PLACEHOLDER = '👋 Ciao utente';
-    globals.calloutTitle = '';
-    globals.calloutMsg = 'Messaggio callout';
-    globals.isOpen = false;
-    globals.calloutStaus = true;
-    spyOn(globals, 'setParameter').and.callThrough();
     fixture.detectChanges();
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
-
-  describe('ngOnInit and layout state', () => {
-    it('should set initial state and hide callout via Globals', () => {
-      expect(component.state).toBe('default');
-      expect(globals.setParameter).toHaveBeenCalledWith('displayEyeCatcherCard', 'none');
-      expect(component.displayEyeCatcherCardCloseBtnWrapper).toBe('none');
-    });
-
-    it('should render callout card container with alignment class from Globals', () => {
-      globals.align = 'left';
-      fixture.detectChanges();
-      const card = fixture.debugElement.query(By.css('.eye-catcher-card'));
-      expect(card.nativeElement.classList.contains('c21-align-left')).toBe(true);
-    });
-  });
-
-  describe('openEyeCatcher and outputs', () => {
-    it('when chat closed and callout enabled should show card and emit onCloseEyeCatcherCard(true)', () => {
-      globals.isOpen = false;
-      globals.calloutStaus = true;
-      spyOn(component.onCloseEyeCatcherCard, 'emit');
-      component.openEyeCatcher();
-      expect(component.onCloseEyeCatcherCard.emit).toHaveBeenCalledWith(true);
-      expect(globals.setParameter).toHaveBeenCalledWith('displayEyeCatcherCard', 'block');
-      expect(component.displayEyeCatcherCardCloseBtnWrapper).toBe('block');
-    });
-
-    it('when chat already open should not emit or display card', () => {
-      globals.isOpen = true;
-      globals.calloutStaus = true;
-      spyOn(component.onCloseEyeCatcherCard, 'emit');
-      component.openEyeCatcher();
-      expect(component.onCloseEyeCatcherCard.emit).not.toHaveBeenCalled();
-    });
-
-    it('when callout is disabled should not show card even if chat is closed', () => {
-      globals.isOpen = false;
-      globals.calloutStaus = false;
-      spyOn(component.onCloseEyeCatcherCard, 'emit');
-      component.openEyeCatcher();
-      expect(component.onCloseEyeCatcherCard.emit).not.toHaveBeenCalled();
-      expect(component.displayEyeCatcherCardCloseBtnWrapper).toBe('none');
-    });
-  });
-
-  describe('checkIsEmoji, openChatFromEyeCatcherCard, closeEyeCatcherCard', () => {
-    it('checkIsEmoji should split leading emoji into emoticon and title', () => {
-      globals.calloutTitle = '🚀 Supporto';
-      component.checkIsEmoji();
-      expect(component.emoticon).toBe('🚀');
-      expect(component.title).toContain('Supporto');
-    });
-
-    it('openChatFromEyeCatcherCard should hide card and emit onOpenChat', () => {
-      spyOn(component.onOpenChat, 'emit');
-      component.openChatFromEyeCatcherCard();
-      expect(globals.setParameter).toHaveBeenCalledWith('displayEyeCatcherCard', 'none');
-      expect(component.onOpenChat.emit).toHaveBeenCalled();
-    });
-
-    it('closeEyeCatcherCard should emit false, hide card and disable callout', () => {
-      spyOn(component.onCloseEyeCatcherCard, 'emit');
-      component.closeEyeCatcherCard();
-      expect(component.onCloseEyeCatcherCard.emit).toHaveBeenCalledWith(false);
-      expect(globals.setParameter).toHaveBeenCalledWith('displayEyeCatcherCard', 'none');
-      expect(globals.setParameter).toHaveBeenCalledWith('calloutStaus', false, true);
-      expect(component.displayEyeCatcherCardCloseBtnWrapper).toBe('none');
-    });
-  });
 });

package/src/app/component/form/form-builder/form-builder.component.html

@@ -39,7 +39,7 @@
   </form>
 
   <div class="c21-new-conversation">
-    <button [tabindex]="lastTabIndex" type="button" class="c21-button-primary" 
+    <button [tabindex]="lastTabIndex"  class="c21-button-primary" 
     (click)="onSubmitPreChatForm()"
     (keydown.enter)="onEnterButtonPressed($event)"
     [ngStyle]="{'background-color': stylesMap?.get('themeColor'), 'border-color': stylesMap?.get('themeColor'), 'color': stylesMap?.get('foregroundColor') }">