@amc-technology/ui-library 1.0.101 → 1.0.103

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amc-technology/ui-library",
-  "version": "1.0.101",
+  "version": "1.0.103",
   "license": "MIT",
   "private": false,
   "dependencies": {
@@ -19,7 +19,7 @@
     "clean": "^4.0.2",
     "core-js": "^2.5.5",
     "rxjs": "^7.8.0",
-    "tslib": "^2.0.0",
+    "tslib": "^2.6.2",
     "url-polyfill": "^1.0.13",
     "zone.js": "~0.13.0"
   },

package/projects/UILibrary/src/app/components/chat-box/chat-box.component.d.ts

@@ -1,13 +1,13 @@
-import { EventEmitter, ElementRef, AfterViewChecked, AfterViewInit, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewChecked, AfterViewInit, ElementRef, EventEmitter, IterableDiffers, OnInit, Renderer2 } from '@angular/core';
 import { IChatMessage } from '../../models/chat.message';
 import { IChatSettings } from '../../models/chat.settings';
 import * as i0 from "@angular/core";
 export declare class ChatBoxComponent implements AfterViewChecked, AfterViewInit, OnInit {
     private renderer;
+    private iterableDiffers;
     settings: IChatSettings;
     isTyping: boolean;
     messages: IChatMessage[];
-    newMsgs: IChatMessage[];
     private lastCount;
     _isAgentTyping: boolean;
     isAgentTyping: EventEmitter<boolean>;
@@ -21,10 +21,13 @@ export declare class ChatBoxComponent implements AfterViewChecked, AfterViewInit
     colors: string[];
     colorsIndex: number;
     agentColor: string;
-    constructor(renderer: Renderer2);
+    private scrollAtBottom;
+    private iterableDiffer;
+    sendButtonText: string;
+    constructor(renderer: Renderer2, iterableDiffers: IterableDiffers);
     ngOnInit(): void;
+    ngDoCheck(): void;
     ngAfterViewInit(): void;
-    updatedMessage(): IChatMessage[];
     ngAfterViewChecked(): void;
     getColor(message: IChatMessage): string;
     shouldAlignRight(message: IChatMessage): boolean;
@@ -33,6 +36,7 @@ export declare class ChatBoxComponent implements AfterViewChecked, AfterViewInit
     onNewMessageFocus(event: boolean): void;
     onKeyup(): void;
     scrollToBottom(): void;
+    checkIfScrollAtBottom(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChatBoxComponent, "app-chat-box", never, { "settings": { "alias": "settings"; "required": false; }; "isTyping": { "alias": "isTyping"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "newMsgs": { "alias": "newMsgs"; "required": false; }; }, { "isAgentTyping": "isAgentTyping"; "newMessage": "newMessage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatBoxComponent, "app-chat-box", never, { "settings": { "alias": "settings"; "required": false; }; "isTyping": { "alias": "isTyping"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; }, { "isAgentTyping": "isAgentTyping"; "newMessage": "newMessage"; }, never, never, false, never>;
 }

package/projects/UILibrary/src/app/components/chat-message/chat-message.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ChatMessageComponent implements OnInit {
     message: string;
@@ -6,8 +6,8 @@ export declare class ChatMessageComponent implements OnInit {
     username: string;
     color: string;
     timestamp: string;
-    image: string;
-    fallbackImage: string;
+    image: string | URL;
+    fallbackImage: string | URL;
     focusOn: EventEmitter<any>;
     constructor();
     ngOnInit(): void;

package/projects/UILibrary/src/app/components/{holdtimer/holdtimer.component.d.ts → hold-timer/hold-timer.component.d.ts}

@@ -1,7 +1,7 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { IHoldCounterData } from '../../models/uilibrary.model';
 import * as i0 from "@angular/core";
-export declare class HoldtimerComponent implements OnInit, OnDestroy {
+export declare class HoldTimerComponent implements OnInit, OnDestroy {
     holdCounterData: IHoldCounterData;
     statusText: string;
     callId: string;
@@ -19,6 +19,6 @@ export declare class HoldtimerComponent implements OnInit, OnDestroy {
      * @ignore
      */
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HoldtimerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HoldtimerComponent, "amc-holdtimer", never, { "holdCounterData": { "alias": "holdCounterData"; "required": false; }; "statusText": { "alias": "statusText"; "required": false; }; "callId": { "alias": "callId"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HoldTimerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HoldTimerComponent, "amc-holdTimer", never, { "holdCounterData": { "alias": "holdCounterData"; "required": false; }; "statusText": { "alias": "statusText"; "required": false; }; "callId": { "alias": "callId"; "required": false; }; }, {}, never, never, false, never>;
 }

package/projects/UILibrary/src/app/components/interaction/interaction.component.d.ts

@@ -1,12 +1,11 @@
-import { OnInit, EventEmitter } from '@angular/core';
-import { IChatMessage, IInteraction } from '../../models/uilibrary.model';
+import { EventEmitter, OnInit } from '@angular/core';
+import { IInteraction } from '../../models/uilibrary.model';
 import * as i0 from "@angular/core";
 /**
  * @ignore
  */
 export declare class InteractionComponent implements OnInit {
     interaction: IInteraction;
-    newMsgs: IChatMessage[];
     minimizedChanged: EventEmitter<boolean>;
     isAgentTyping: EventEmitter<boolean>;
     newMessage: EventEmitter<string>;
@@ -40,5 +39,5 @@ export declare class InteractionComponent implements OnInit {
     expandKeypress(event: KeyboardEvent): void;
     clickEvent(id: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractionComponent, "amc-interaction", never, { "interaction": { "alias": "interaction"; "required": false; }; "newMsgs": { "alias": "newMsgs"; "required": false; }; }, { "minimizedChanged": "minimizedChanged"; "isAgentTyping": "isAgentTyping"; "newMessage": "newMessage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractionComponent, "amc-interaction", never, { "interaction": { "alias": "interaction"; "required": false; }; }, { "minimizedChanged": "minimizedChanged"; "isAgentTyping": "isAgentTyping"; "newMessage": "newMessage"; }, never, never, false, never>;
 }

package/projects/UILibrary/src/app/components/login/login.component.d.ts

@@ -1,4 +1,4 @@
-import { ILoginData } from './../../models/login.interface';
+import { ILoginData } from './../../models/uilibrary.model';
 import { EventEmitter, OnInit } from '@angular/core';
 import { NgForm } from '@angular/forms';
 import * as i0 from "@angular/core";

package/projects/UILibrary/src/app/components/scenario/scenario.component.d.ts

@@ -1,9 +1,8 @@
-import { EventEmitter, AfterViewChecked } from '@angular/core';
-import { IChatMessage, IScenario } from '../../models/uilibrary.model';
+import { AfterViewChecked, EventEmitter } from '@angular/core';
+import { IScenario } from '../../models/uilibrary.model';
 import * as i0 from "@angular/core";
 export declare class ScenarioComponent implements AfterViewChecked {
     scenario: IScenario;
-    newMsgs: IChatMessage[];
     minimizedChanged: EventEmitter<any>;
     isAgentTyping: EventEmitter<boolean>;
     newMessage: EventEmitter<string>;
@@ -12,5 +11,5 @@ export declare class ScenarioComponent implements AfterViewChecked {
     ngAfterViewChecked(): void;
     onMinimizedChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScenarioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScenarioComponent, "amc-scenario", never, { "scenario": { "alias": "scenario"; "required": false; }; "newMsgs": { "alias": "newMsgs"; "required": false; }; }, { "minimizedChanged": "minimizedChanged"; "isAgentTyping": "isAgentTyping"; "newMessage": "newMessage"; "afterViewChecked": "afterViewChecked"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScenarioComponent, "amc-scenario", never, { "scenario": { "alias": "scenario"; "required": false; }; }, { "minimizedChanged": "minimizedChanged"; "isAgentTyping": "isAgentTyping"; "newMessage": "newMessage"; "afterViewChecked": "afterViewChecked"; }, never, never, false, never>;
 }

package/projects/UILibrary/src/app/models/chat.settings.d.ts

@@ -3,4 +3,6 @@ export interface IChatSettings {
     maxHeight?: string;
     fallbackUserIcon?: URL;
     disableSendMessage?: boolean;
+    hideSendMessage?: boolean;
+    sendMessageText?: string;
 }

package/projects/UILibrary/src/app/models/uilibrary.model.d.ts

@@ -2,6 +2,19 @@ import { IChatSettings } from './chat.settings';
 import { IChatMessage } from './chat.message';
 export * from './chat.message';
 export * from './chat.settings';
+export interface ILoginData {
+    header: string;
+    fields: ILoginField[];
+}
+export interface ILoginField {
+    name: string;
+    type: string;
+    value?: string;
+    placeholder?: string;
+    isRequired?: boolean;
+    invalidMessage: string;
+    isInvalid?: boolean;
+}
 /**
  * It is collection of Interaction which need to be displayed on scenario component.
  */

package/projects/UILibrary/src/app/uilibrary.module.d.ts

@@ -4,7 +4,7 @@ import * as i1 from "./components/interaction/interaction.component";
 import * as i2 from "./components/scenario/scenario.component";
 import * as i3 from "./components/operation/operation.component";
 import * as i4 from "./components/property/property.component";
-import * as i5 from "./components/holdtimer/holdtimer.component";
+import * as i5 from "./components/hold-timer/hold-timer.component";
 import * as i6 from "./components/duration/duration.component";
 import * as i7 from "./components/chat-box/chat-box.component";
 import * as i8 from "./components/chat-message/chat-message.component";
@@ -24,7 +24,7 @@ export declare class UILibraryModule {
     constructor(injector: Injector);
     ngDoBootstrap(app: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UILibraryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UILibraryModule, [typeof i1.InteractionComponent, typeof i2.ScenarioComponent, typeof i3.OperationComponent, typeof i4.PropertyComponent, typeof i5.HoldtimerComponent, typeof i6.DurationComponent, typeof i7.ChatBoxComponent, typeof i8.ChatMessageComponent, typeof i9.DispositionComponent, typeof i10.ActivityComponent, typeof i11.LoginComponent, typeof i12.CreateComponent, typeof i13.RecentActivityComponent, typeof i14.CurrentActivityComponent, typeof i15.SearchInformationComponent], [typeof i16.BrowserModule, typeof i17.CommonModule, typeof i18.FormsModule, typeof i19.MatLegacyTabsModule], [typeof i2.ScenarioComponent, typeof i9.DispositionComponent, typeof i11.LoginComponent, typeof i12.CreateComponent, typeof i13.RecentActivityComponent, typeof i14.CurrentActivityComponent, typeof i15.SearchInformationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UILibraryModule, [typeof i1.InteractionComponent, typeof i2.ScenarioComponent, typeof i3.OperationComponent, typeof i4.PropertyComponent, typeof i5.HoldTimerComponent, typeof i6.DurationComponent, typeof i7.ChatBoxComponent, typeof i8.ChatMessageComponent, typeof i9.DispositionComponent, typeof i10.ActivityComponent, typeof i11.LoginComponent, typeof i12.CreateComponent, typeof i13.RecentActivityComponent, typeof i14.CurrentActivityComponent, typeof i15.SearchInformationComponent], [typeof i16.BrowserModule, typeof i17.CommonModule, typeof i18.FormsModule, typeof i19.MatLegacyTabsModule], [typeof i2.ScenarioComponent, typeof i9.DispositionComponent, typeof i11.LoginComponent, typeof i12.CreateComponent, typeof i13.RecentActivityComponent, typeof i14.CurrentActivityComponent, typeof i15.SearchInformationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UILibraryModule>;
 }
 export * from './models/uilibrary.model';