@amc-technology/ui-library 1.0.102 → 1.0.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amc-technology/ui-library",
-  "version": "1.0.102",
+  "version": "1.0.104",
   "license": "MIT",
   "private": false,
   "dependencies": {
@@ -15,11 +15,10 @@
     "@types/ws": "8.5.4",
     "@webcomponents/custom-elements": "^1.2.2",
     "aspnet-prerendering": "^3.0.1",
-    "bootstrap": "^3.3.7",
-    "clean": "^4.0.2",
+    "bootstrap": "^5.3.3",
     "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/activity/activity.component.d.ts

@@ -2,13 +2,13 @@ import { OnInit, EventEmitter } from '@angular/core';
 import { IActivity, IActivityDetails } from '../../models/uilibrary.model';
 import * as i0 from "@angular/core";
 export declare class ActivityComponent implements OnInit {
-    isActivityMaximized: boolean;
     activity: IActivity;
     ActivitySave: EventEmitter<IActivity>;
     OnNameSelectChange: EventEmitter<IActivity>;
     OnRelatedToChange: EventEmitter<IActivity>;
     OnSubjectChange: EventEmitter<IActivity>;
     OnCallNotesChange: EventEmitter<IActivity>;
+    isActivityMaximized: boolean;
     constructor();
     ngOnInit(): void;
     onNameSelectChange(event: any): void;

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

@@ -1,30 +1,33 @@
-import { EventEmitter, ElementRef, AfterViewChecked, AfterViewInit, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewChecked, AfterViewInit, DoCheck, 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 {
+export declare class ChatBoxComponent implements AfterViewChecked, AfterViewInit, OnInit, DoCheck {
     private renderer;
+    private iterableDiffers;
     settings: IChatSettings;
     isTyping: boolean;
     messages: IChatMessage[];
-    newMsgs: IChatMessage[];
-    private lastCount;
-    _isAgentTyping: boolean;
     isAgentTyping: EventEmitter<boolean>;
     newMessage: EventEmitter<string>;
-    newMessageText: string;
     messagesContainer: ElementRef;
     autofocus: ElementRef;
+    _isAgentTyping: boolean;
+    newMessageText: string;
     usernameToColor: {
         [username: string]: string;
     };
     colors: string[];
     colorsIndex: number;
     agentColor: string;
-    constructor(renderer: Renderer2);
+    sendButtonText: string;
+    private lastCount;
+    private scrollAtBottom;
+    private iterableDiffer;
+    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/create/create.component.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class CreateComponent {
+    Entities: any;
     CreateNewEntity: EventEmitter<string>;
     isCreateMaximized: boolean;
-    Entities: any;
     constructor();
     createNewEntity(type: string): void;
     getEntities(): string[];

package/projects/UILibrary/src/app/components/current-activity/current-activity.component.d.ts

@@ -16,9 +16,9 @@ export declare class CurrentActivityComponent implements OnInit {
         eventName: string;
         newValue?: IActivity;
     }>;
+    isActivityMaximized: boolean;
     private eventList;
     private debouncer;
-    isActivityMaximized: boolean;
     constructor();
     ngOnInit(): Promise<void>;
     submitActivity(): void;

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

@@ -9,11 +9,11 @@ export declare class DurationComponent implements OnInit, OnDestroy {
     private _timerId?;
     constructor();
     ngOnInit(): void;
+    ngOnDestroy(): void;
     /**
    * @ignore
    */
     private startCallCounter;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DurationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DurationComponent, "amc-duration", never, { "statusText": { "alias": "statusText"; "required": false; }; "callId": { "alias": "callId"; "required": false; }; "startTime": { "alias": "startTime"; "required": false; }; }, {}, never, never, false, never>;
 }

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;
@@ -13,12 +13,12 @@ export declare class HoldtimerComponent implements OnInit, OnDestroy {
     /**
      * @ignore
      */
-    private startCallCounter;
-    private CaculatePastHoldDuration;
+    ngOnDestroy(): void;
     /**
      * @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>;
+    private startCallCounter;
+    private CaculatePastHoldDuration;
+    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,25 +1,24 @@
-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>;
     /**
-    * @ignore
-    */
+     * @ignore
+     */
     minimized: boolean;
-    set _minimized(value: boolean);
-    get _minimized(): boolean;
     /**
      * @ignore
      */
     constructor();
+    get _minimized(): boolean;
+    set _minimized(value: boolean);
     /**
      * @ignore
      */
@@ -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/property/property.component.d.ts

@@ -30,15 +30,15 @@ export declare class PropertyComponent implements OnInit, OnDestroy {
     /**
      * @ignore
      */
-    initValues(): void;
+    ngOnDestroy(): void;
     /**
      * @ignore
      */
-    private startCallCounter;
+    initValues(): void;
     /**
      * @ignore
      */
-    ngOnDestroy(): void;
+    private startCallCounter;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertyComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PropertyComponent, "amc-property", never, { "statusText": { "alias": "statusText"; "required": false; }; "callId": { "alias": "callId"; "required": false; }; "callType": { "alias": "callType"; "required": false; }; "property": { "alias": "property"; "required": false; }; }, {}, never, never, false, never>;
 }

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/components/search-information/search-information.component.d.ts

@@ -18,8 +18,8 @@ export declare class SearchInformationComponent implements OnChanges {
     shouldShowAllMultiMatchOptions: boolean;
     constructor();
     ngOnChanges(): void;
-    protected renderData(): void;
     onAgentSelectedCallerInformation(event: any): void;
+    protected renderData(): void;
     protected parseSearchRecordForNameSingleMatch(searchRecord: api.IRecordItem): any[];
     protected parseSearchRecordForNameMultiMatch(searchRecord: api.IRecordItem): any[];
     protected getEntityImgToDisplay(searchRecord: api.IRecordItem): string;

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/disposition.interface.d.ts

@@ -1,4 +1,4 @@
-import { IMetadata } from "./uilibrary.model";
+import { IMetadata } from './uilibrary.model';
 export interface IDisposition {
     dispositionHeader: string;
     dispositionMetadata: IMetadata[];

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

@@ -2,6 +2,26 @@ import { IChatSettings } from './chat.settings';
 import { IChatMessage } from './chat.message';
 export * from './chat.message';
 export * from './chat.settings';
+/**
+ * enum for Value types of PROPERTY.
+ */
+export declare enum ValueType {
+    STRING = 0,
+    COUNTER = 1
+}
+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.
  */
@@ -230,8 +250,6 @@ export interface IProperty {
  * A helper method to make instances of [IProperty]
  */
 export declare class Property implements IProperty {
-    private key;
-    private value;
     /**
      * KEY value to be displayed on component.
      */
@@ -250,10 +268,8 @@ export declare class Property implements IProperty {
      * This flag decides if PROPERTY will be displayed on component or not.
      */
     visible: boolean;
-    /**
-     * Operation responsible for generating displayKey and dispkayValur from key and value.
-     */
-    displayOperation: () => void;
+    private key;
+    private value;
     /**
      *
      * @param key
@@ -263,6 +279,10 @@ export declare class Property implements IProperty {
      * @param customOperation
      */
     constructor(key: string, value: any, visible?: boolean, valueType?: ValueType, customOperation?: IEventHandler);
+    /**
+     * Operation responsible for generating displayKey and dispkayValur from key and value.
+     */
+    displayOperation: () => void;
 }
 /**
  * Interface which contains eventName and handler associated with it.
@@ -272,10 +292,3 @@ export interface IEventHandler {
     handler: (eventName: string, eventMetadata?: IMetadata[]) => void;
     eventMetadata?: IMetadata[];
 }
-/**
- * enum for Value types of PROPERTY.
- */
-export declare enum ValueType {
-    STRING = 0,
-    COUNTER = 1
-}

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

@@ -1,10 +1,10 @@
-import { Injector } from '@angular/core';
+import { Injector, DoBootstrap } from '@angular/core';
 import * as i0 from "@angular/core";
 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";
@@ -18,13 +18,13 @@ import * as i15 from "./components/search-information/search-information.compone
 import * as i16 from "@angular/platform-browser";
 import * as i17 from "@angular/common";
 import * as i18 from "@angular/forms";
-import * as i19 from "@angular/material/legacy-tabs";
-export declare class UILibraryModule {
+import * as i19 from "@angular/material/tabs";
+export declare class UILibraryModule implements DoBootstrap {
     private injector;
     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.MatTabsModule], [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';