@chat21/chat21-web-widget 5.0.45 → 5.0.46-rc.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.45",
+  "version": "5.0.46-rc.2",
   "license": "MIT License",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/app/app.component.scss

@@ -650,10 +650,11 @@ chat-root {
                     justify-content: center;
                     text-align: center;
                     // margin: 0 10px 0 10px;
-                    width: 40px;
-                    height: 40px;
-                    margin: 6px;
+                    width: 35px;//40px;
+                    height: 35px;//40px;
+                    margin: 9px; //6px;
                     padding: 0px;
+                    border-radius: 8px;
 
                     cursor: pointer;
                     &.c21-right{

package/src/app/app.component.spec.ts

@@ -1,5 +1,5 @@
 import { Triggerhandler } from './../chat21-core/utils/triggerHandler';
-import { TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 import { GlobalSettingsService } from './providers/global-settings.service';
@@ -7,20 +7,56 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
 import { SettingsSaverService } from './providers/settings-saver.service';
 import { TranslatorService } from './providers/translator.service';
-
+import { TranslateModule } from '@ngx-translate/core';
+import { CustomTranslateService } from '../chat21-core/providers/custom-translate.service';
+import { ConversationsHandlerService } from '../chat21-core/providers/abstract/conversations-handler.service';
+import { ArchivedConversationsHandlerService } from '../chat21-core/providers/abstract/archivedconversations-handler.service';
+import { TiledeskRequestsService } from 'src/chat21-core/providers/tiledesk/tiledesk-requests.service';
+import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
+import { MessagingAuthService } from 'src/chat21-core/providers/abstract/messagingAuth.service';
+import { ConversationHandlerBuilderService } from 'src/chat21-core/providers/abstract/conversation-handler-builder.service';
+import { ImageRepoService } from 'src/chat21-core/providers/abstract/image-repo.service';
+import { TypingService } from 'src/chat21-core/providers/abstract/typing.service';
+import { PresenceService } from 'src/chat21-core/providers/abstract/presence.service';
+import { UploadService } from 'src/chat21-core/providers/abstract/upload.service';
+import { AppConfigService } from './providers/app-config.service';
+import { ChatManager } from 'src/chat21-core/providers/chat-manager';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+ 
 describe('AppComponent', () => {
+  let component: AppComponent;
+  let fixture: ComponentFixture<AppComponent>;
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
+  
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         RouterTestingModule,
-        HttpClientTestingModule
+        HttpClientTestingModule,
+        TranslateModule.forRoot(),
       ],
       providers:[
         Triggerhandler,
         GlobalSettingsService,
         AppStorageService,
+        AppConfigService,
         SettingsSaverService,
-        TranslatorService
+        TranslatorService,
+        CustomTranslateService,
+        ChatManager,
+        ConversationsHandlerService,
+        ConversationHandlerBuilderService,
+        ArchivedConversationsHandlerService,
+        TiledeskRequestsService,
+        TiledeskAuthService,
+        MessagingAuthService,
+        ImageRepoService,
+        TypingService,
+        PresenceService,
+        UploadService
       ],
       declarations: [
         AppComponent
@@ -28,22 +64,27 @@ describe('AppComponent', () => {
     }).compileComponents();
   }));
 
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AppComponent);
+    component = fixture.componentInstance;
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
+    fixture.detectChanges();
   });
 
-  it(`should have as title 'widget'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('widget');
+  it('should create the app', () => {
+    expect(component).toBeTruthy();
   });
 
-  it('should render title in a h1 tag', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to widget!');
-  });
+  // it(`should have as title 'widget'`, () => {
+  //   expect(component.title).toEqual('widget');
+  // });
+
+  // it('should render title in a h1 tag', () => {
+  //   const fixture = TestBed.createComponent(AppComponent);
+  //   fixture.detectChanges();
+  //   const compiled = fixture.debugElement.nativeElement;
+  //   expect(compiled.querySelector('h1').textContent).toContain('Welcome to widget!');
+  // });
 });

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

@@ -30,10 +30,15 @@ import { TypingService } from '../../../../chat21-core/providers/abstract/typing
 import { ImageRepoService } from '../../../../chat21-core/providers/abstract/image-repo.service';
 import { UploadService } from '../../../../chat21-core/providers/abstract/upload.service';
 import { TranslateModule } from '@ngx-translate/core';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
 describe('ConversationComponent', () => {
   let component: ConversationComponent;
   let fixture: ComponentFixture<ConversationComponent>;
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
   class MockElementRef {}
 
   beforeEach(waitForAsync(() => {
@@ -66,7 +71,8 @@ describe('ConversationComponent', () => {
         ImageRepoService,
         UploadService,
         StarRatingWidgetService,
-        TiledeskRequestsService
+        TiledeskRequestsService,
+        NGXLogger
       ],
       schemas: [NO_ERRORS_SCHEMA]
     })
@@ -76,6 +82,11 @@ describe('ConversationComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(ConversationComponent);
     component = fixture.componentInstance;
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
+    let globals  = fixture.debugElement.injector.get(Globals) as Globals;
+    globals.initDefafultParameters()
     fixture.detectChanges();
   });
 

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

@@ -198,8 +198,6 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
     // this.initAll();
     this.logger.debug('[CONV-COMP] ngOnInit: ', this.senderId);
     this.showMessageWelcome = false;
-    this.elementRef.nativeElement.style.setProperty('--themeColor', this.stylesMap.get('themeColor'))
-    this.elementRef.nativeElement.style.setProperty('--foregroundColor', this.stylesMap.get('foregroundColor'))
     // const subscriptionEndRenderMessage = this.appComponent.obsEndRenderMessage.subscribe(() => {
     //   this.ngZone.run(() => {
     //     // that.scrollToBottom();
@@ -307,6 +305,10 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
 
   ngOnChanges(changes: SimpleChanges) {
     this.logger.debug('[CONV-COMP] onChagnges', changes)
+    if(this.stylesMap){
+      this.elementRef.nativeElement.style.setProperty('--themeColor', this.stylesMap.get('themeColor'))
+      this.elementRef.nativeElement.style.setProperty('--foregroundColor', this.stylesMap.get('foregroundColor'))
+    }
     if (this.isOpen === true) {
       //this.updateConversationBadge();
       // this.scrollToBottom();

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

@@ -1,6 +1,6 @@
 import { MomentModule } from 'ngx-moment';
 import { TooltipModule } from 'ng2-tooltip-directive';
-import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync, inject } from '@angular/core/testing';
 
 import { ConversationContentComponent } from './conversation-content.component';
 import { MarkedPipe } from '../../../directives/marked.pipe';
@@ -8,7 +8,7 @@ import { HtmlEntitiesEncodePipe } from '../../../directives/html-entities-encode
 import { UploadService } from '../../../../chat21-core/providers/abstract/upload.service';
 import { CustomLogger } from '../../../../chat21-core/providers/logger/customLogger';
 import { LoggerInstance } from '../../../../chat21-core/providers/logger/loggerInstance';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { NO_ERRORS_SCHEMA, Injectable } from '@angular/core';
 import { By } from '@angular/platform-browser';
 import { ImageRepoService } from '../../../../chat21-core/providers/abstract/image-repo.service';
 
@@ -51,6 +51,8 @@ describe('ConversationContentComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(ConversationContentComponent);
     component = fixture.componentInstance;
+    let upload = fixture.debugElement.injector.get(UploadService) as UploadService
+    upload.BSStateUpload.next({ upload: 100, type: 'image' })
     fixture.detectChanges();
   });
 
@@ -117,9 +119,9 @@ describe('ConversationContentComponent', () => {
     component.baseLocation = 'http://tiledesk-widget-pre.s3-eu-west-1.amazonaws.com'
     component.translationMap = new Map();
     component.stylesMap = new Map();
-    fixture.detectChanges()
     const nativeEl: HTMLElement = fixture.nativeElement;
     const baseReceiveEl = nativeEl.querySelector('.message_sender_fullname');
+    fixture.detectChanges()
     expect(baseReceiveEl.textContent).toBe('BOT2');
   });
 
@@ -164,11 +166,12 @@ describe('ConversationContentComponent', () => {
     component.baseLocation = 'http://tiledesk-widget-pre.s3-eu-west-1.amazonaws.com'
     component.translationMap = new Map();
     component.stylesMap = new Map();
-    fixture.detectChanges()
+    
     const nativeEl: HTMLElement = fixture.nativeElement;
     const baseReceiveEl = nativeEl.querySelectorAll('.base_receive')
     const chatImageComponentChild = baseReceiveEl[0].querySelector('chat-avatar-image')
     const bubbleMessageComponentChild = baseReceiveEl[0].querySelector('chat-bubble-message.msg_receive')
+    fixture.detectChanges()
     expect(chatImageComponentChild).toBeTruthy();
     expect(bubbleMessageComponentChild).toBeTruthy();
   });

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

@@ -1,7 +1,7 @@
 import { style } from '@angular/animations';
 import { ChatManager } from './../../../../chat21-core/providers/chat-manager';
 import { Globals } from './../../../utils/globals';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { async, ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 
 import { ConversationFooterComponent } from './conversation-footer.component';
@@ -10,12 +10,17 @@ import { TypingService } from '../../../../chat21-core/providers/abstract/typing
 import { ConversationsHandlerService } from '../../../../chat21-core/providers/abstract/conversations-handler.service';
 import { ArchivedConversationsHandlerService } from '../../../../chat21-core/providers/abstract/archivedconversations-handler.service';
 import { By } from '@angular/platform-browser';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
 describe('ConversationFooterComponent', () => {
   let component: ConversationFooterComponent;
   let fixture: ComponentFixture<ConversationFooterComponent>;
-
-  beforeEach(async(() => {
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
+  
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ 
         ConversationFooterComponent,
@@ -36,6 +41,9 @@ describe('ConversationFooterComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(ConversationFooterComponent);
     component = fixture.componentInstance;
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
     fixture.detectChanges();
   });
 

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

@@ -2,16 +2,21 @@ import { HttpClientModule } from '@angular/common/http';
 import { AppConfigService } from './../../../providers/app-config.service';
 import { Globals } from './../../../utils/globals';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ConversationHeaderComponent } from './conversation-header.component';
 import { TypingService } from '../../../../chat21-core/providers/abstract/typing.service';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
 
 describe('ConversationHeaderComponent', () => {
   let component: ConversationHeaderComponent;
   let fixture: ComponentFixture<ConversationHeaderComponent>;
-
-  beforeEach(async(() => {
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
+  
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ConversationHeaderComponent ],
       imports: [
@@ -30,7 +35,9 @@ describe('ConversationHeaderComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(ConversationHeaderComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
   });
 
   it('should create', () => {

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

@@ -5,62 +5,18 @@ import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ConversationPreviewComponent } from './conversation-preview.component';
 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('ConversationPreviewImageComponent', () => {
+describe('ConversationPreviewComponent', () => {
   let component: ConversationPreviewComponent;
   let fixture: ComponentFixture<ConversationPreviewComponent>;
-  let spy: jasmine.Spy;
-  // let mockService = jasmine.Spy<LoggerService>;
-  let testBedService: LoggerService;
-
-  class MockLoggerService extends LoggerService {
-    
-    private logLevel: number = LogLevel.ERROR
-    private isLogEnabled: boolean = true;
-    
-    setLoggerConfig(isLogEnabled: boolean, logLevel: string) {
-      this.isLogEnabled = isLogEnabled;
-      if (typeof logLevel === 'string') {
-          this.logLevel = LogLevel[logLevel.toUpperCase()];
-      } else {
-          console.error('logLevel is not a string. See the chat21-ionic README.md')
-      }
-    }
-    debug(...message: any[]) {
-      if (this.isLogEnabled && this.logLevel >= LogLevel.DEBUG) {
-        // this.logger.debug(message, ...optionalParams)
-        console.debug(message)
-    }
-    }
-    log(...message: any[]) {
-      if (this.isLogEnabled && this.logLevel >= LogLevel.DEBUG) {
-        // this.logger.log(message, ...optionalParams)
-        console.log(message);
-      }
-    }
-    warn(...message: any[]) {
-      throw new Error('Method not implemented.');
-    }
-    info(...message: any[]) {
-      throw new Error('Method not implemented.');
-    }
-    error(...message: any[]) {
-      throw new Error('Method not implemented.');
-    }
-    
- }
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
 
   beforeEach(waitForAsync(() => {
-    TestBed
-    .overrideComponent(ConversationPreviewComponent, {
-      set: {
-        providers: [
-          { provide: LoggerService, useClass: MockLoggerService }
-        ]
-      }
-    })
-    .configureTestingModule({
+    TestBed.configureTestingModule({
       declarations: [ ConversationPreviewComponent ],
       providers: [LoggerService]
     }).compileComponents();
@@ -69,15 +25,9 @@ describe('ConversationPreviewImageComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(ConversationPreviewComponent);
     component = fixture.componentInstance;
-    let testBedService = TestBed.inject(LoggerService);
-    // spyOn(logger, 'setLoggerConfig').and.callThrough();
-    // spyOn(logger,"debug").and.callThrough();
-    // spyOn(logger,"log").and.callThrough();
-    // const service = TestBed.inject(LoggerService)
-    // // const service = TestBed.inject(LoggerService) as LoggerService;
-    console.log('serivceeeeee', testBedService)
-    // component.logger = service
-    // component.logger = LoggerInstance.setInstance(service)
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
     fixture.detectChanges();
   });
 

package/src/app/component/form/form-builder/form-builder.component.spec.ts

@@ -4,11 +4,16 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { FormBuilderComponent } from './form-builder.component';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
 
 describe('FormBuilderComponent', () => {
   let component: FormBuilderComponent;
   let fixture: ComponentFixture<FormBuilderComponent>;
-
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
+  
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ FormBuilderComponent ],
@@ -26,6 +31,9 @@ describe('FormBuilderComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(FormBuilderComponent);
     component = fixture.componentInstance;
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
     fixture.detectChanges();
   });
 

package/src/app/component/form/inputs/form-textarea/form-textarea.component.html

@@ -13,12 +13,12 @@
     </small> - ->
   </div> -->
   <div class="form-group label-floating" id="div_input" #div_input
-      [ngClass]="{'is-empty': !form.controls[element.name]?.value}">
+      [ngClass]="{'is-empty': !form?.controls[element.name]?.value}">
     <label class="control-label">
-      {{element.text}}
+      {{element?.text}}
     </label>
     <textarea 
-      [formControlName]="element.name" 
+      [formControlName]="element?.name" 
       [rows]="rows"
       [tabIndex]="element?.tabIndex"
       type="text"
@@ -29,10 +29,10 @@
       (focusout)="onFocusOut()">
     </textarea>
   </div>
-  <div *ngIf="hasSubmitted && form.controls[element.name].errors && form.controls[element.name].hasError('required')" class="text-danger">
+  <div *ngIf="hasSubmitted && form?.controls[element.name].errors && form?.controls[element.name].hasError('required')" class="text-danger">
     {{translationErrorLabelMap.get('LABEL_ERROR_FIELD_REQUIRED')}}
   </div>
-  <div *ngIf="hasSubmitted && form.controls[element.name].errors && form.controls[element.name].hasError('pattern') && element.errorLabel" class="text-danger">
+  <div *ngIf="hasSubmitted && form?.controls[element.name].errors && form?.controls[element.name].hasError('pattern') && element?.errorLabel" class="text-danger">
     {{element.errorLabel}}
   </div>
 </form>

package/src/app/component/form/inputs/form-textarea/form-textarea.component.spec.ts

@@ -1,5 +1,5 @@
 import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormGroupDirective } from '@angular/forms';
+import { FormGroup, FormGroupDirective } from '@angular/forms';
 
 import { FormTextareaComponent } from './form-textarea.component';
 

package/src/app/component/form/inputs/form-textarea/form-textarea.component.ts

@@ -23,7 +23,7 @@ export class FormTextareaComponent implements OnInit {
 
   ngOnInit() {
     this.form = this.rootFormGroup.control as FormGroup;
-    if(this.form.controls && this.form.controls[this.controlName]){
+    if(this.form && this.form.controls && this.form.controls[this.controlName]){
       this.form.controls[this.controlName].valueChanges.subscribe((value) => {
         this.hasSubmitted= false;
         this.setFormStyle();

package/src/app/component/home/home.component.spec.ts

@@ -1,5 +1,8 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { Globals } from '../../utils/globals';
 
 import { HomeComponent } from './home.component';
@@ -7,12 +10,15 @@ import { HomeComponent } from './home.component';
 describe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ HomeComponent ],
       providers: [
-        Globals
+        Globals,
+        NGXLogger
       ],
       schemas: [NO_ERRORS_SCHEMA]
     })
@@ -22,6 +28,9 @@ describe('HomeComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(HomeComponent);
     component = fixture.componentInstance;
+    let loggerInstance = LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
     fixture.detectChanges();
   });
 

package/src/app/component/home-conversations/home-conversations.component.spec.ts

@@ -13,11 +13,16 @@ import { ImageRepoService } from '../../../chat21-core/providers/abstract/image-
 import { ConversationsHandlerService } from '../../../chat21-core/providers/abstract/conversations-handler.service';
 import { ArchivedConversationsHandlerService } from '../../../chat21-core/providers/abstract/archivedconversations-handler.service';
 import { TranslateModule } from '@ngx-translate/core';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
 describe('HomeConversationsComponent', () => {
   let component: HomeConversationsComponent;
   let fixture: ComponentFixture<HomeConversationsComponent>;
-
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
+  
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ HomeConversationsComponent ],
@@ -44,6 +49,9 @@ describe('HomeConversationsComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(HomeConversationsComponent);
     component = fixture.componentInstance;
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
     fixture.detectChanges();
   });
 

package/src/app/component/list-all-conversations/list-all-conversations.component.spec.ts

@@ -5,21 +5,16 @@ import { Globals } from '../../utils/globals';
 
 import { ListAllConversationsComponent } from './list-all-conversations.component';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
 describe('ListAllConversationsComponent', () => {
   let component: ListAllConversationsComponent;
   let fixture: ComponentFixture<ListAllConversationsComponent>;
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
   
-  class MockIterableDiffers implements IterableDiffers {
-    factories: IterableDifferFactory[];
-    find(iterable: any): IterableDifferFactory {
-      return 
-    }
-    create(factories: IterableDifferFactory[], parent?: IterableDiffers): IterableDiffers {
-      return 
-    }
-}
-
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ListAllConversationsComponent ],
@@ -28,7 +23,7 @@ describe('ListAllConversationsComponent', () => {
       ],
       providers: [
         Globals,
-        { provide: IterableDiffers, useClass: MockIterableDiffers },
+        IterableDiffers,
         CustomTranslateService,
         TranslateService
       ],
@@ -40,6 +35,9 @@ describe('ListAllConversationsComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(ListAllConversationsComponent);
     component = fixture.componentInstance;
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
     fixture.detectChanges();
   });
 

package/src/app/component/list-conversations/list-conversations.component.spec.ts

@@ -3,11 +3,16 @@ import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ListConversationsComponent } from './list-conversations.component';
+import { NGXLogger } from 'ngx-logger';
+import { CustomLogger } from 'src/chat21-core/providers/logger/customLogger';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
 describe('ListConversationsComponent', () => {
   let component: ListConversationsComponent;
   let fixture: ComponentFixture<ListConversationsComponent>;
-
+  let ngxlogger: NGXLogger;
+  let customLogger = new CustomLogger(ngxlogger)
+  
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ListConversationsComponent ],
@@ -22,6 +27,9 @@ describe('ListConversationsComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(ListConversationsComponent);
     component = fixture.componentInstance;
+    LoggerInstance.setInstance(customLogger)
+    let logger = LoggerInstance.getInstance()
+    component['logger']= logger
     fixture.detectChanges();
   });
 

package/src/app/component/message/buttons/action-button/action-button.component.scss

@@ -38,6 +38,7 @@
     &:hover {
         color: var(--hoverTextColor);
         background:  var(--hoverBackgroundColor);
+        transform: scale(1.05);
         .icon-button-action {
             svg {
                 fill: var(--hoverTextColor);

package/src/app/component/message/buttons/link-button/link-button.component.scss

@@ -52,6 +52,7 @@
     &:hover {
         color: var(--hoverTextColor);
         background:  var(--hoverBackgroundColor);
+        transform: scale(1.05);
         .icon-button-action, .icon-button-action-self {
             svg {
                 fill: var(--hoverTextColor);

package/src/app/component/message/buttons/text-button/text-button.component.scss

@@ -40,6 +40,7 @@
     &:hover {
         color: var(--hoverTextColor);
         background: var(--hoverBackgroundColor);
+        transform: scale(1.05);
         .icon-button-action {
             svg {
                 fill: $black;