@amc-technology/ui-library 1.0.28 → 1.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/amc-technology-ui-library.d.ts +1 -3
- package/amc-technology-ui-library.metadata.json +1 -1
- package/bundles/amc-technology-ui-library.umd.js +1087 -726
- package/bundles/amc-technology-ui-library.umd.js.map +1 -57
- package/bundles/amc-technology-ui-library.umd.min.js +16 -2
- package/bundles/amc-technology-ui-library.umd.min.js.map +1 -266
- package/esm2015/amc-technology-ui-library.js +16 -1579
- package/esm2015/projects/UILibrary/src/app/Helpers.js +11 -0
- package/esm2015/projects/UILibrary/src/app/components/activity/activity.component.js +83 -0
- package/esm2015/projects/UILibrary/src/app/components/chat-box/chat-box.component.js +104 -0
- package/esm2015/projects/UILibrary/src/app/components/chat-message/chat-message.component.js +39 -0
- package/esm2015/projects/UILibrary/src/app/components/disposition/disposition.component.js +49 -0
- package/esm2015/projects/UILibrary/src/app/components/duration/duration.component.js +58 -0
- package/esm2015/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.js +72 -0
- package/esm2015/projects/UILibrary/src/app/components/interaction/interaction.component.js +80 -0
- package/esm2015/projects/UILibrary/src/app/components/login/login.component.js +45 -0
- package/esm2015/projects/UILibrary/src/app/components/operation/operation.component.js +57 -0
- package/esm2015/projects/UILibrary/src/app/components/property/property.component.js +99 -0
- package/esm2015/projects/UILibrary/src/app/components/scenario/scenario.component.js +40 -0
- package/esm2015/projects/UILibrary/src/app/models/chat.message.js +7 -0
- package/esm2015/projects/UILibrary/src/app/models/chat.settings.js +1 -0
- package/esm2015/projects/UILibrary/src/app/models/disposition.interface.js +1 -0
- package/esm2015/projects/UILibrary/src/app/models/login.interface.js +1 -0
- package/esm2015/projects/UILibrary/src/app/models/uilibrary.model.js +40 -0
- package/esm2015/projects/UILibrary/src/app/uilibrary.module.js +73 -0
- package/esm2015/public_api.js +2 -0
- package/esm5/amc-technology-ui-library.js +16 -716
- package/esm5/projects/UILibrary/src/app/Helpers.js +11 -0
- package/esm5/projects/UILibrary/src/app/components/activity/activity.component.js +84 -0
- package/esm5/projects/UILibrary/src/app/components/chat-box/chat-box.component.js +105 -0
- package/esm5/projects/UILibrary/src/app/components/chat-message/chat-message.component.js +40 -0
- package/esm5/projects/UILibrary/src/app/components/disposition/disposition.component.js +61 -0
- package/esm5/projects/UILibrary/src/app/components/duration/duration.component.js +60 -0
- package/esm5/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.js +74 -0
- package/esm5/projects/UILibrary/src/app/components/interaction/interaction.component.js +85 -0
- package/esm5/projects/UILibrary/src/app/components/login/login.component.js +68 -0
- package/esm5/projects/UILibrary/src/app/components/operation/operation.component.js +58 -0
- package/esm5/projects/UILibrary/src/app/components/property/property.component.js +101 -0
- package/esm5/projects/UILibrary/src/app/components/scenario/scenario.component.js +41 -0
- package/esm5/projects/UILibrary/src/app/models/chat.message.js +7 -0
- package/esm5/projects/UILibrary/src/app/models/chat.settings.js +1 -0
- package/esm5/projects/UILibrary/src/app/models/disposition.interface.js +1 -0
- package/esm5/projects/UILibrary/src/app/models/login.interface.js +1 -0
- package/esm5/projects/UILibrary/src/app/models/uilibrary.model.js +43 -0
- package/esm5/projects/UILibrary/src/app/uilibrary.module.js +74 -0
- package/esm5/public_api.js +2 -0
- package/fesm2015/amc-technology-ui-library.js +813 -0
- package/fesm2015/amc-technology-ui-library.js.map +1 -0
- package/fesm5/amc-technology-ui-library.js +867 -0
- package/fesm5/amc-technology-ui-library.js.map +1 -0
- package/package.json +14 -66
- package/projects/UILibrary/src/app/components/activity/activity.component.d.ts +11 -9
- package/projects/UILibrary/src/app/components/disposition/disposition.component.d.ts +5 -3
- package/projects/UILibrary/src/app/components/duration/duration.component.d.ts +4 -1
- package/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.d.ts +4 -1
- package/projects/UILibrary/src/app/components/interaction/interaction.component.d.ts +4 -1
- package/projects/UILibrary/src/app/components/login/login.component.d.ts +11 -0
- package/projects/UILibrary/src/app/components/operation/operation.component.d.ts +6 -0
- package/projects/UILibrary/src/app/components/property/property.component.d.ts +5 -0
- package/projects/UILibrary/src/app/components/scenario/scenario.component.d.ts +2 -2
- package/projects/UILibrary/src/app/models/disposition.interface.d.ts +12 -0
- package/projects/UILibrary/src/app/models/login.interface.d.ts +13 -0
- package/projects/UILibrary/src/app/models/uilibrary.model.d.ts +23 -24
- package/webcomponents/webcomponents.js +3 -3
- package/esm2015/amc-technology-ui-library.js.map +0 -44
- package/esm5/amc-technology-ui-library.js.map +0 -44
- package/projects/UILibrary/src/app/components/amc-collapsible-container/amc-collapsible-container.component.d.ts +0 -6
- package/projects/UILibrary/src/app/components/caller-information/caller-information.component.d.ts +0 -14
- package/projects/UILibrary/src/app/components/recent-activities/recent-activities.component.d.ts +0 -45
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"file": "amc-technology-ui-library.js",
|
|
4
|
-
"sources": [
|
|
5
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/uilibrary.module.ts",
|
|
6
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/amc-collapsible-container/amc-collapsible-container.component.ts",
|
|
7
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/recent-activities/recent-activities.component.ts",
|
|
8
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/caller-information/caller-information.component.ts",
|
|
9
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/activity/activity.component.ts",
|
|
10
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/disposition/disposition.component.ts",
|
|
11
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/chat-message/chat-message.component.ts",
|
|
12
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/chat-box/chat-box.component.ts",
|
|
13
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/duration/duration.component.ts",
|
|
14
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.ts",
|
|
15
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/property/property.component.ts",
|
|
16
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/Helpers.ts",
|
|
17
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/models/uilibrary.model.ts",
|
|
18
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/models/chat.message.ts",
|
|
19
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/operation/operation.component.ts",
|
|
20
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/scenario/scenario.component.ts",
|
|
21
|
-
"ng://@amc-technology/ui-library/out/projects/UILibrary/src/app/components/interaction/interaction.component.ts"
|
|
22
|
-
],
|
|
23
|
-
"sourcesContent": [
|
|
24
|
-
"import { NgModule, Injector } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { InteractionComponent } from './components/interaction/interaction.component';\r\nimport { ScenarioComponent } from './components/scenario/scenario.component';\r\nimport { OperationComponent } from './components/operation/operation.component';\r\nimport { PropertyComponent } from './components/property/property.component';\r\nimport { HoldtimerComponent } from './components/holdtimer/holdtimer.component';\r\nimport { DurationComponent } from './components/duration/duration.component';\r\nimport { ChatBoxComponent } from './components/chat-box/chat-box.component';\r\nimport { ChatMessageComponent } from './components/chat-message/chat-message.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { createCustomElement } from '@angular/elements';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { ElementZoneStrategyFactory } from 'elements-zone-strategy';\r\nimport { DispositionComponent } from './components/disposition/disposition.component';\r\nimport { ActivityComponent } from './components/activity/activity.component';\r\nimport { CallerInformationComponent } from './components/caller-information/caller-information.component';\r\nimport { RecentActivitiesComponent } from './components/recent-activities/recent-activities.component';\r\nimport { AmcCollapsibleContainerComponent } from './components/amc-collapsible-container/amc-collapsible-container.component';\r\n\r\n@NgModule({\r\n imports: [BrowserModule, CommonModule, FormsModule],\r\n declarations: [\r\n InteractionComponent,\r\n ScenarioComponent,\r\n OperationComponent,\r\n PropertyComponent,\r\n HoldtimerComponent,\r\n DurationComponent,\r\n ChatBoxComponent,\r\n ChatMessageComponent,\r\n DispositionComponent,\r\n ActivityComponent,\r\n CallerInformationComponent,\r\n RecentActivitiesComponent,\r\n AmcCollapsibleContainerComponent\r\n ],\r\n entryComponents: [ScenarioComponent, ActivityComponent, CallerInformationComponent, RecentActivitiesComponent],\r\n bootstrap: [],\r\n exports: [ScenarioComponent, ActivityComponent, CallerInformationComponent, RecentActivitiesComponent]\r\n})\r\nexport class UILibraryModule {\r\n constructor(private injector: Injector) { }\r\n\r\n ngDoBootstrap(app) {\r\n // Scenario Component\r\n if (!customElements.get('amc-webcomponents-scenario')) {\r\n const strategyFactory = new ElementZoneStrategyFactory(\r\n ScenarioComponent,\r\n this.injector\r\n );\r\n customElements.define(\r\n 'amc-webcomponents-scenario',\r\n createCustomElement(ScenarioComponent, {\r\n injector: this.injector,\r\n strategyFactory: strategyFactory\r\n })\r\n );\r\n }\r\n\r\n // Activity Information\r\n if (!customElements.get('amc-webcomponents-activity')) {\r\n const strategyFactory = new ElementZoneStrategyFactory(\r\n ActivityComponent,\r\n this.injector\r\n );\r\n customElements.define(\r\n 'amc-webcomponents-activity',\r\n createCustomElement(ActivityComponent, {\r\n injector: this.injector,\r\n strategyFactory: strategyFactory\r\n })\r\n );\r\n }\r\n\r\n // Caller Information\r\n if (!customElements.get('amc-webcomponents-callerinfo')) {\r\n const strategyFactory = new ElementZoneStrategyFactory(\r\n CallerInformationComponent,\r\n this.injector\r\n );\r\n customElements.define(\r\n 'amc-webcomponents-callerinfo',\r\n createCustomElement(CallerInformationComponent, {\r\n injector: this.injector,\r\n strategyFactory: strategyFactory\r\n })\r\n );\r\n }\r\n\r\n // Recent Activities\r\n if (!customElements.get('amc-webcomponents-recentactivity')) {\r\n const strategyFactory = new ElementZoneStrategyFactory(\r\n RecentActivitiesComponent,\r\n this.injector\r\n );\r\n customElements.define(\r\n 'amc-webcomponents-recentactivity',\r\n createCustomElement(RecentActivitiesComponent, {\r\n injector: this.injector,\r\n strategyFactory: strategyFactory\r\n })\r\n );\r\n }\r\n\r\n // Disposition\r\n if (!customElements.get('amc-webcomponents-disposition')) {\r\n const strategyFactory = new ElementZoneStrategyFactory(\r\n DispositionComponent,\r\n this.injector\r\n );\r\n customElements.define(\r\n 'amc-webcomponents-disposition',\r\n createCustomElement(DispositionComponent, {\r\n injector: this.injector,\r\n strategyFactory: strategyFactory\r\n })\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport * from './models/uilibrary.model';\r\n",
|
|
25
|
-
"import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-amc-collapsible-container',\r\n template: `<div *ngIf=\"isActivityMaximized\" class=\"callDisplay\">\r\n <div class=\"editor callHeader\">\r\n <img class=\"ViewResizeImage\" src=\"/assets/images/section_collapse.png\" (click)=\"isActivityMaximized = false\" title=\"Collapse\">\r\n <ng-content select=\"div[role=headerExpand]\"></ng-content>\r\n </div>\r\n <div class=\"callBody\">\r\n <ng-content select=\"div[role=body]\"></ng-content>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!isActivityMaximized\" class=\"callDisplay\">\r\n <div class=\"editor callHeader\">\r\n <img class=\"ViewResizeImage\" src=\"assets/images/section_expand.png\" (click)=\"isActivityMaximized = true\" title=\"Expand\">\r\n <ng-content select=\"div[role=headerCollapse]\"></ng-content>\r\n </div>\r\n</div>\r\n`,\r\n styles: [`.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important;border:1px solid #939598!important}.callDisplay{display:grid;margin-bottom:8px;background-color:#fff}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.headerLabel{color:#333;margin-left:10px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.callBody{border:1px solid #939598;border-top:1px solid #939598;position:relative}`]\r\n})\r\nexport class AmcCollapsibleContainerComponent implements OnInit {\r\n isActivityMaximized: boolean;\r\n\r\n constructor() {\r\n this.isActivityMaximized = true;\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n",
|
|
26
|
-
"import { Component, Input, EventEmitter, Output } from '@angular/core';\r\nimport { IEntityDetails, IActivity } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n selector: 'app-recent-activities',\r\n template: `<app-amc-collapsible-container>\r\n <div role=\"headerExpand\">\r\n <label class=\"headerLabel\">\r\n <b>Recent Activities</b>\r\n </label>\r\n </div>\r\n <div role=\"body\">\r\n <div class=\"callBodyBorderless\">\r\n <div *ngFor=\"let interaction of interactionIds; let last = last\">\r\n <div *ngIf=\"this.workingRecentInteractionId === interaction\">\r\n <div (click)=\"expandAndCollapseRecentActivity(false, interaction)\" class=\"editor callHeaderRecentActivitySelected\">\r\n <label class=\"headerLabelClickableLook\">\r\n <img src=\"/assets/images/Phone_Number_Icon.png\" class=\"RecentCallsImg\"/>\r\n <b>{{ savedInteractions.get(interaction).subject }}</b>\r\n </label>\r\n </div>\r\n <div class=\"recentBody\">\r\n <div class=\"activityFields\">\r\n <form>\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" title=\"Subject\">Subject</label>\r\n <input class=\"activitySubjectTextBoxStyle displayData\" type=\"text\" value=\"{{ savedInteractions.get(interaction) }}\" (change)=\"onSubjectChange(interaction)\"\r\n (keyup)=\"onSubjectChange(interaction)\" name=\"subject\" [(ngModel)]=\"savedInteractions.get(interaction).subject\" />\r\n </div>\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" title=\"Name\">Name</label>\r\n <select class=\"dropDownListStyle displayData\" (change)=\"onNameChange($event, interaction)\" name=\"whoItem\">\r\n <option *ngFor=\"let whoItem of savedInteractions.get(interaction).whoList; let i = index\" value=\"{{i}}\" [selected]=\"i===getIndexWho(interaction)\">{{ parseWho(whoItem) }}</option>\r\n <option value=\"-1\"></option>\r\n </select>\r\n </div>\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" title=\"Regarding\">Related To</label>\r\n <select class=\"dropDownListStyle displayData\" (change)=\"onRelatedToChange($event, interaction)\" name=\"whatItem\">\r\n <option *ngFor=\"let whatItem of savedInteractions.get(interaction).whatList; let i = index\" value={{i}} [selected]=\"i===getIndexWhat(interaction)\">{{ parseWhat(whatItem) }}</option>\r\n <option value=\"-1\"></option>\r\n </select>\r\n </div>\r\n <div class=\"editor displayDiv\">\r\n <div class=\"callNotesSection\">\r\n <div class=\"callNotesTextArea\">\r\n <textarea placeholder=\"Click to add a comment\" (change)=\"onCallNotesChange(interaction)\" class=\"activityCommentsTextBoxStyle\" value=\"{{ savedInteractions.get(interaction) }}\"\r\n (keyup)=\"onCallNotesChange(interaction)\" name=\"description\" [(ngModel)]=\"savedInteractions.get(interaction).description\" rows=\"5\" title=\"\">\r\n </textarea>\r\n </div>\r\n <div class=\"notesButtonBorder\">\r\n <div class=\"commentsButtonDiv\">\r\n <div class=\"quickCommentsDiv\">\r\n <input *ngFor=\"let quickComment of savedInteractions.get(interaction).quickCommentList; let i = index;\" class=\"quickNotesButton\" type=\"button\"\r\n value=\"{{i+1}}\" (click)=\"loadQuickComment(i, interaction)\" title=\"{{quickComment}}\">\r\n </div>\r\n <div class=\"callNotesButtonsSection\">\r\n <input class=\"submitButton\" type=\"button\" value=\"Save\" (click)=\"submitActivity(interaction)\"/>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!(this.workingRecentInteractionId === interaction)\">\r\n <div [class.callHeaderBottomBorder]='last' (click)=\"expandAndCollapseRecentActivity(true, interaction)\" class=\"editor callHeaderRecentActivityUnselected\">\r\n <label class=\"headerLabelClickableLook\">\r\n <img src=\"/assets/images/Phone_Number_Icon.png\" class=\"RecentCallsImg\"/>\r\n <b>{{ savedInteractions.get(interaction).subject }}</b>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div role=\"headerCollapse\">\r\n <label class=\"headerLabel\">\r\n <b>Recent Activities</b>\r\n </label>\r\n </div>\r\n</app-amc-collapsible-container>\r\n`,\r\n styles: [`.callSection{margin-left:0;font-family:Arial;position:relative;margin-top:5px;background-color:#fff}.notesButtonBorder{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-bottom-left-radius:3px!important;border-bottom-right-radius:3px!important;height:auto}.quickCommentsDiv{text-align:left;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;margin:2px}.quickNotesButton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:30px;margin:2px;outline:0;font-size:70%}.submitButton{border:0;float:right;margin-top:2px;outline:0;cursor:pointer;background-color:#6cb047;color:#fff;border-radius:4px;font-size:98%;margin-bottom:2px}.commentsButtonDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f6f7fb}.callNotesButtonsSection{text-align:right;padding-right:4px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.recentBody{border:1px solid #939598;border-top:1px solid #fff;position:relative}.callBodyBorderless{position:relative}.callDisplay{margin-bottom:8px;background-color:#fff}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.dropDownListStyle{border:1px solid #939598!important;border-radius:3px!important;width:70%!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 5px 0 0;cursor:pointer}.activitySubjectTextBoxStyle{border:1px solid #939598!important;border-radius:3px!important;width:70%!important;height:20px!important;text-align:left!important;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;margin:0 5px 0 0;padding-left:2px}.activityCommentsTextBoxStyle{color:#333!important;text-align:left!important;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;width:100%;height:100%;border:none}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{width:70%}.headerLabel{margin-left:10px}.activityFields{position:relative;z-index:0}.callNotesTextArea{background-color:#fff;border-bottom:1px solid #939598;border-top:1px solid #939598;border-top-left-radius:3px!important;border-top-right-radius:3px!important}.callNotesSection{float:left;height:100%;width:100%;background-color:#f6f7fb}.callHeaderRecentActivitySelected{cursor:pointer;border-left:1px solid #939598!important;border-right:1px solid #939598!important;background-color:#cfecf2!important;width:100%!important;margin-top:0!important}.callHeaderRecentActivityUnselected{cursor:pointer;border-left:1px solid #939598!important;border-right:1px solid #939598!important;background-color:#e6f4f7!important;width:100%!important;margin-top:0!important}.callHeader{border:1px solid #939598!important;background-color:#f4f5fb!important;width:100%!important;margin-top:0!important}.callHeaderBottomBorder{cursor:pointer;border-bottom:1px solid #939598!important;border-left:1px solid #939598!important;border-right:1px solid #939598!important;background-color:#e6f4f7!important;width:100%!important;margin-top:0!important}.RecentCallsImg{height:15px;vertical-align:text-bottom}.headerLabelClickableLook{cursor:pointer;display:inline-block;margin-left:10px;max-width:80%;overflow:hidden;text-overflow:ellipsis}input[type=button]:disabled{background-color:#d3d3d3;cursor:auto}`]\r\n})\r\nexport class RecentActivitiesComponent {\r\n isActivityMaximized: boolean;\r\n\r\n @Input()\r\n savedInteractions: Map<string, IActivity>;\r\n\r\n @Input()\r\n interactionIds: string[];\r\n\r\n @Output()\r\n SubjectChange = new EventEmitter<{\r\n interactionId: string;\r\n Subject: string;\r\n }>();\r\n\r\n @Output()\r\n NameChange = new EventEmitter<{\r\n interactionId: string;\r\n whoObject: IEntityDetails;\r\n }>();\r\n\r\n @Output()RelatedToChange = new EventEmitter<{\r\n interactionId: string;\r\n whatObject: IEntityDetails;\r\n }>();\r\n\r\n @Output()\r\n CallNotesChange = new EventEmitter<{\r\n interactionId: string;\r\n Description: string;\r\n }>();\r\n\r\n @Output()\r\n QuickCommentChange = new EventEmitter<{\r\n interactionId: string;\r\n commentIndex: string;\r\n }>();\r\n\r\n @Output()\r\n SaveActivity = new EventEmitter<{\r\n interactionId: string;\r\n }>();\r\n\r\n collapseToggle: boolean;\r\n workingRecentInteractionId: string;\r\n\r\n constructor() {\r\n this.collapseToggle = true;\r\n this.workingRecentInteractionId = null;\r\n this.isActivityMaximized = true;\r\n }\r\n\r\n expandAndCollapse(isExpand: boolean) {\r\n this.collapseToggle = isExpand;\r\n }\r\n\r\n protected expandAndCollapseRecentActivity(isExpand: boolean, interactionId: string) {\r\n return (isExpand ? this.workingRecentInteractionId = interactionId : this.workingRecentInteractionId = null);\r\n }\r\n\r\n protected getIndexWho(interactionId: string): number {\r\n const index = this.savedInteractions.get(interactionId).whoList.findIndex(item =>\r\n item.entityId === this.savedInteractions.get(interactionId).who.entityId);\r\n return index;\r\n }\r\n\r\n protected getIndexWhat(interactionId: string): number {\r\n const index = this.savedInteractions.get(interactionId).whatList.findIndex(item =>\r\n item.entityId === this.savedInteractions.get(interactionId).what.entityId);\r\n return index;\r\n }\r\n\r\n\r\n protected onSubjectChange(interactionId: string) {\r\n this.SubjectChange.emit({\r\n interactionId,\r\n Subject: this.savedInteractions.get(interactionId).subject\r\n });\r\n }\r\n\r\n protected onNameChange(event: any, interactionId: string) {\r\n if (event.currentTarget.value === '-1') {\r\n this.NameChange.emit({\r\n interactionId,\r\n whoObject: null\r\n });\r\n } else {\r\n this.NameChange.emit({\r\n interactionId,\r\n whoObject: this.savedInteractions.get(interactionId).whoList[event.target.value]\r\n });\r\n }\r\n }\r\n\r\n protected onRelatedToChange(event: any, interactionId: string) {\r\n if (event.currentTarget.value === '-1') {\r\n this.RelatedToChange.emit({\r\n interactionId,\r\n whatObject: null\r\n } );\r\n } else {\r\n this.RelatedToChange.emit({\r\n interactionId,\r\n whatObject: this.savedInteractions.get(interactionId).whatList[event.target.value]\r\n });\r\n }\r\n }\r\n\r\n protected onCallNotesChange(interactionId: string) {\r\n this.CallNotesChange.emit({\r\n interactionId,\r\n Description: this.savedInteractions.get(interactionId).description\r\n });\r\n }\r\n\r\n protected loadQuickComment(commentIndex: string, interactionId: string) {\r\n this.QuickCommentChange.emit({\r\n interactionId,\r\n commentIndex\r\n });\r\n }\r\n\r\n protected submitActivity(interactionId: string) {\r\n this.SaveActivity.emit({\r\n interactionId,\r\n });\r\n }\r\n\r\n protected parseWho(who: IEntityDetails): string {\r\n return ((who.entityType) ? who.entityType : 'Entity') + ': ' + who.entityName;\r\n }\r\n\r\n protected parseWhat(what: IEntityDetails): string {\r\n return ((what.entityType) ? what.entityType : 'Entity') + ': ' + what.entityName;\r\n }\r\n}\r\n",
|
|
27
|
-
"import { Component, OnInit, Input, OnChanges, Output, EventEmitter } from '@angular/core';\r\nimport { ICallerInfo } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n selector: 'app-caller-information',\r\n template: `<app-amc-collapsible-container>\r\n <div role=\"headerExpand\">\r\n <label class=\"headerLabel\">\r\n <b>Caller Information</b>\r\n </label>\r\n <img title=\"Multiple Matches Available\" *ngIf=\"callers.length > 1\" src=\"../../assets/images/MultiMatchAlert.png\" class=\"multiMatchImg\" />\r\n </div>\r\n\r\n <div role=\"headerCollapse\">\r\n <label class=\"headerLabel\">\r\n <b>Caller Information</b>\r\n </label>\r\n <img title=\"Multiple Matches Available\" *ngIf=\"callers.length > 1\" src=\"../../assets/images/MultiMatchAlert.png\" class=\"multiMatchImg\" />\r\n </div>\r\n\r\n <div role=\"body\">\r\n <div *ngIf=\"this.callers.length > 1\">\r\n <span class=\"overflowWrapper\">\r\n <img class=\"CRMResultImageMultiMatch\" src=\"{{ callers[0].imgUrl }}\"/>\r\n <input id=\"{{ this.callers[0].entityId }}\" name=\"{{ this.callers[0].entityName }}\" (click)=\"onAgentSelectedCallerInformation(this.callers[0])\" readonly\r\n class=\"multiMatchLabel\" title=\"{{ this.callers[0].entityName }}\" type=\"{{ callers[0].entityType }}\" value=\"{{ this.callers[0].entityName }}\"/>\r\n <span class=\"positioning\">\r\n <img *ngIf=\"!this.showAllCallers\" class=\"CRMExpandImage\" src=\"../../assets/images/down-arrow.png\" (click)=\"expandCallerInfoResults()\"/>\r\n <img *ngIf=\"this.showAllCallers\" class=\"CRMExpandImage\" src=\"../../assets/images/up-arrow.png\" (click)=\"collapseCallerInfoResults()\"/>\r\n </span>\r\n </span>\r\n <div *ngIf=\"this.showAllCallers\">\r\n <div *ngFor=\"let i of this.callers | slice: 1; let index = index\">\r\n <span\r\n class=\"overflowWrapper\"\r\n >\r\n <img class=\"CRMResultImageMultiMatch\" src=\"{{ i.imgUrl }}\"/>\r\n <input id=\"{{ i.entityId }}\" name=\"{{ i.entityName }}\" readonly class=\" multiMatchLabel\" (click)=\"onAgentSelectedCallerInformation(i)\"\r\n title=\"{{ i.entityName }}\" type=\"text\" value=\"{{ i.entityName }}\"/>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"callers.length === 1\">\r\n <div class=\"editorFull displayDiv\" *ngFor=\"let i of this.callers | slice: 0:1; let index = index; let first = first\">\r\n <span class=\"overflowWrapper\">\r\n <img class=\"CRMResultImageMultiMatch\" src=\"{{ i.imgUrl }}\"/>\r\n <input class=\"singleSearchResultSelect singleMatchFirstWrapper\" id=\"{{ i.entityId }}\" [class.firstSingleMatchResult]=\"first\"\r\n value=\"{{ i.entityName }}\" title=\"{{ i.entityName }}\" (click)=\"onAgentSelectedCallerInformation(i)\" readonly/>\r\n </span>\r\n </div>\r\n <div class=\"editorFull displayDiv\" *ngFor=\"let i of this.callers | slice: 1; let index = index; let first = first\">\r\n <span class=\"overflowWrapper\">\r\n <label title=\"{{ i.entityName }}\" class=\"displayLabelsTabbed\">{{ i.entityName }}</label>\r\n <input class=\"singleSearchResultSelect singleMatchTabbedItemsWrapper singleMatchLabel\" id=\"{{ i.entityId }}\" value=\"{{ i.entityName }}\" title=\"{{ i.entityName }}\" readonly />\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n</app-amc-collapsible-container>\r\n`,\r\n styles: [`.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important;border:1px solid #939598!important}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.multiMatchImg{height:18px;margin-left:5px}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editorFull{font-size:.9em;width:100%;text-align:left;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.CRMResultImageMultiMatch{width:18px;height:18px;margin-right:2px;margin-left:5px;margin-top:-5px}.CRMExpandImage{width:6px;height:6px;cursor:pointer;margin-bottom:2px}.callBody{border:1px solid #939598;border-top:1px solid #939598;position:relative;padding-bottom:1px}.callDisplay{margin-bottom:8px;display:grid;background-color:#fff;display:grid}.overflowWrapper{width:100%;overflow-x:hidden;overflow-y:hidden}.singleSearchResultSelect{border:0 solid #939598!important;height:30px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0;outline:0}.singleMatchFirstWrapper{cursor:pointer;border:0;outline:0;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 30px)}.singleMatchTabbedItemsWrapper{width:70%}.displayLabelsTabbed{margin-left:5px;width:35%;font-weight:400;margin-bottom:0;margin-top:0;outline:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.headerLabel{margin-left:10px}.firstSingleMatchResult{font-weight:700;border:0 solid #939598!important;height:30px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 0 5px;outline:0}.multiMatchLabel{border:0;cursor:pointer;outline:0;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(95% - 45px)}.singleMatchLabel{border:0;outline:0;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(65% - 13px)}.positioning{float:right;margin-right:4%}`]\r\n})\r\nexport class CallerInformationComponent implements OnChanges {\r\n\r\n @Input()\r\n callers: ICallerInfo[];\r\n\r\n @Output()\r\n agentSelectedCallerInformation = new EventEmitter<ICallerInfo>();\r\n\r\n maximizeCallerInformation: boolean;\r\n showAllCallers: boolean;\r\n title: string;\r\n\r\n constructor() {\r\n this.maximizeCallerInformation = true;\r\n this.showAllCallers = false;\r\n this.title = 'Caller Information';\r\n }\r\n\r\n ngOnChanges() {\r\n this.showAllCallers = false;\r\n }\r\n\r\n expandCallerInfoResults() {\r\n this.showAllCallers = true;\r\n }\r\n\r\n collapseCallerInfoResults() {\r\n this.showAllCallers = false;\r\n }\r\n\r\n onAgentSelectedCallerInformation(i: ICallerInfo) {\r\n this.agentSelectedCallerInformation.emit(i);\r\n }\r\n}\r\n",
|
|
28
|
-
"import { Component, Input, Output, EventEmitter } from '@angular/core';\r\nimport { IActivity, IEntityDetails } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n selector: 'amc-activity',\r\n template: `<app-amc-collapsible-container>\r\n <div role=headerExpand>\r\n <label class=\"headerLabel\">\r\n <b>Activity Information</b>\r\n </label>\r\n </div>\r\n\r\n <div role=headerCollapse>\r\n <label class=\"headerLabel\">\r\n <b>Activity Information</b>\r\n </label>\r\n </div>\r\n\r\n <div role=\"body\">\r\n <div class=\"activityFields\">\r\n <form>\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" title=\"Call From\">{{activity.nameFieldName}}</label>\r\n <select class=\"dropDownListStyle displayData\" data-resetperactivity=\"false\" (change)=\"onNameSelectChange($event)\">\r\n <option *ngFor=\"let who of activity.whoList; let i = index\" value=\"{{who.entityId}}\" [selected]=\"i===0\">{{parseWho(who)}}</option>\r\n <option value=\"-1\"></option>\r\n </select>\r\n </div>\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" title=\"Related To\">{{activity.relatedToFieldName}}</label>\r\n <select class=\"dropDownListStyle displayData\" (change)=\"onRelatedToChange($event)\" data-resetperactivity=\"false\">\r\n <option *ngFor=\"let what of activity.whatList; let i = index\" value=\"{{what.entityId}}\" [selected]=\"i===0\">{{parseWhat(what)}}</option>\r\n <option value=\"-1\"></option>\r\n </select>\r\n </div>\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" title=\"Subject\">{{activity.subjectFieldName}}</label>\r\n <input class=\"activitySubjectTextBoxStyle displayData\" (change)=\"onSubjectChange($event)\" title=\"{{activity.subject}}\"\r\n type=\"text\" value=\"{{activity.subject}}\">\r\n </div>\r\n <div class=\"editor displayDiv\">\r\n <div class=\"callNotesSection\">\r\n <div class=\"textAreaDiv\">\r\n <textarea value=\"{{activity.description}}\" placeholder=\"Click to add a comment\" class=\"activityCommentsTextBoxStyle\"\r\n (change)=\"onCallNotesChange($event)\" cols=\"20\" rows=\"2\" title=\"\"></textarea>\r\n </div>\r\n <div class=\"notesButtonBorder\">\r\n <div class=\"commentsButtonDiv\">\r\n <div class=\"quickCommentsDiv\">\r\n <input *ngFor=\"let quickComment of activity.quickCommentList ; let i = index;\" class=\"quickNotesButton\" type=\"button\"\r\n value=\"{{i+1}}\" (click)=\"loadQuickComment(i)\" title=\"{{quickComment}}\">\r\n </div>\r\n <div class=\"submitDiv\">\r\n <input class=\"submitButton\" type=\"button\" value=\"Save\" (click)=\"activitySave()\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n</app-amc-collapsible-container>\r\n`,\r\n styles: [`.submitDiv{text-align:right;padding-right:4px}.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important;border:1px solid #939598!important}.notesButtonBorder{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-bottom-left-radius:3px!important;border-bottom-right-radius:3px!important;height:auto}.quickNotesButton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:30px;margin:2px;outline:0;font-size:70%}.submitButton{border:0;float:right;margin-top:2px;outline:0;cursor:pointer;background-color:#6cb047;color:#fff;border-radius:4px;font-size:98%;margin-bottom:2px}.callBody{border:1px solid #939598;border-top:1px solid #939598;position:relative}.callDisplay{display:grid;margin-bottom:8px;background-color:#fff}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.dropDownListStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 5px 0 0;cursor:pointer}.activitySubjectTextBoxStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;margin:0 5px 0 0;padding-left:2px}.activityCommentsTextBoxStyle{border:none;color:#333!important;text-align:left!important;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;width:100%;height:95px}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.displayLabels{margin-left:5px;width:25%;margin-right:2px;color:#333}.displayData{width:70%}.commentsButtonDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f6f7fb}.quickCommentsDiv{text-align:left;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;margin:2px}.callNotesSection{float:left;height:100%;width:100%;margin-right:5px;margin-left:5px;margin-bottom:5px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.headerLabel{color:#333;margin-left:10px}input[type=button]:disabled{background-color:#d3d3d3;cursor:auto}.activityFields{position:relative;z-index:0}.textAreaDiv{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-top:1px solid #939598;border-top-left-radius:3px!important;border-top-right-radius:3px!important}`]\r\n})\r\nexport class ActivityComponent {\r\n @Input()\r\n activity: IActivity;\r\n\r\n @Output()\r\n ActivitySave = new EventEmitter<IActivity>();\r\n\r\n @Output()\r\n OnNameSelectChange = new EventEmitter<IActivity>();\r\n\r\n @Output()\r\n OnRelatedToChange = new EventEmitter<IActivity>();\r\n\r\n @Output()\r\n OnSubjectChange = new EventEmitter<IActivity>();\r\n\r\n @Output()\r\n OnCallNotesChange = new EventEmitter<IActivity>();\r\n\r\n @Output()\r\n OnQuickCommentPress = new EventEmitter<string>();\r\n\r\n title: string;\r\n\r\n constructor() {\r\n this.title = 'Activity Information';\r\n }\r\n\r\n onNameSelectChange(event: any) {\r\n if (event.currentTarget.value !== '-1') {\r\n this.activity.who = this.activity.whoList.find(who => who.entityId === event.currentTarget.value);\r\n this.OnNameSelectChange.emit(this.activity);\r\n } else {\r\n this.activity.who = null;\r\n this.OnNameSelectChange.emit(this.activity);\r\n }\r\n }\r\n\r\n protected parseWho(who: IEntityDetails): string {\r\n return who.entityType + ': ' + who.entityName;\r\n }\r\n\r\n protected parseWhat(what: IEntityDetails): string {\r\n return what.entityType + ': ' + what.entityName;\r\n }\r\n\r\n onRelatedToChange(event: any) {\r\n if (event.currentTarget.value !== '-1') {\r\n this.activity.what = this.activity.whatList.find(what => what.entityId === event.currentTarget.value);\r\n this.OnRelatedToChange.emit(this.activity);\r\n } else {\r\n this.activity.what = null;\r\n this.OnRelatedToChange.emit(this.activity);\r\n }\r\n }\r\n\r\n onSubjectChange(event: any) {\r\n this.activity.subject = event.srcElement.value;\r\n this.OnSubjectChange.emit(this.activity);\r\n }\r\n onCallNotesChange(event: any) {\r\n this.activity.description = event.currentTarget.value;\r\n this.OnCallNotesChange.emit(this.activity);\r\n }\r\n\r\n protected loadQuickComment(value: number) {\r\n if (this.activity.description) {\r\n this.activity.description = this.activity.description + '\\n' + this.activity.quickCommentList[value];\r\n } else {\r\n this.activity.description = this.activity.quickCommentList[value];\r\n }\r\n\r\n this.OnQuickCommentPress.emit(this.activity.quickCommentList[value]);\r\n }\r\n\r\n activitySave() {\r\n this.ActivitySave.emit(this.activity);\r\n }\r\n}\r\n",
|
|
29
|
-
"import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-disposition',\r\n template: `<div class=\"reasonCodeModalFrame\">\r\n <div>\r\n <div>\r\n <label class=\"reasonCodeLabelStyle\">{{dispositionHeader}}</label>\r\n <br />\r\n <hr />\r\n </div>\r\n <ng-container *ngFor=\"let disp of disposition\">\r\n <div>\r\n <input [required]=\"!selectedDispositionValue\" type=\"radio\" name=\"disposition_name\" value=\"{{disp.key}}\" [(ngModel)]=\"selectedDispositionValue\"/>\r\n <label class=\"reasonCodeLabelStyle\">{{disp.value}}</label>\r\n </div>\r\n </ng-container>\r\n <p>\r\n <input type=\"image\" src=\"https://engage.contactcanvas.com/MSCRMToolbar/Images/voice_check_normal.png\" title=\"Submit Call Result\"\r\n (click)=\"submitDisposition()\" style='float:right; margin-right:20px; margin-bottom:10px; width:20px; height:20px' />\r\n </p>\r\n </div>\r\n</div>\r\n`,\r\n styles: [`.reasonCodeModalFrame{background-color:#eef6ff;clear:none;border-radius:10px;margin:0;padding:0;white-space:nowrap;overflow:hidden!important}.reasonCodeLabelStyle{font-size:.95em!important;color:#000!important;font-family:Arial!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:90%;text-align:left;display:inline-block;vertical-align:middle}`]\r\n})\r\nexport class DispositionComponent implements OnInit {\r\n @Input() dispositionHeader: string;\r\n @Input() disposition: Map<string, string>;\r\n\r\n @Output() selectedDisposition = new EventEmitter();\r\n selectedDispositionValue: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n submitDisposition() {\r\n this.selectedDisposition.emit({ 'dispositionid': this.selectedDispositionValue,\r\n dispositionName: this.disposition.get(this.selectedDispositionValue)});\r\n }\r\n\r\n}\r\n",
|
|
30
|
-
"import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-chat-message',\r\n template: `<div [class]=\"alignRight? 'message right-message' : 'message left-message'\">\r\n <div class=\"message-header\">\r\n <img *ngIf=\"image\" class=\"image\" [src]=\"image\" (error)=\"image = fallbackImage\" [style.border-color]=\"color\" />\r\n <span *ngIf=\"username\" class=\"username\">{{username}}</span>\r\n <span *ngIf=\"timestamp\" class=\"timestamp\">{{timestamp}}</span>\r\n </div>\r\n\r\n <div class=\"message-body-container\">\r\n <div>\r\n <div class=\"message-body\" [style.background-color]=\"color\" [style.border-color]=\"color\">\r\n <span [innerHTML]=\"message\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n`,\r\n styles: [`:host{display:block;margin-top:2px;margin-bottom:2px}.right-message{text-align:end}.message-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-text-emphasis:none;text-emphasis:none;font-style:italic;font-size:.7em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.5em}.message-header .image{height:30px;border-radius:50%;border:2px solid red}.message-header .username{font-weight:700}.right-message>.message-header{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:1px}.right-message>.message-header .image,.right-message>.message-header .username{margin-left:5px}.left-message>.message-header{margin-left:1px}.left-message>.message-header .image,.left-message>.message-header .username{margin-right:5px}.message-body-container{display:-webkit-box;display:-ms-flexbox;display:flex}.right-message>.message-body-container{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-body{display:inline-block;position:relative;border-radius:.4em;padding:3px;font-style:normal;font-size:1em;text-align:start;min-width:2em;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.left-message .message-body:after{content:\"\";position:absolute;left:.8em;top:-.4em;border-bottom:.4em solid #000;border-bottom-color:inherit;border-left:.4em solid transparent;border-right:.4em solid transparent}.right-message .message-body:after{content:\"\";position:absolute;right:.8em;top:-.4em;border-bottom:.4em solid #000;border-bottom-color:inherit;border-left:.4em solid transparent;border-right:.4em solid transparent}`]\r\n})\r\nexport class ChatMessageComponent implements OnInit {\r\n @Input() message: string;\r\n @Input() alignRight = false;\r\n @Input() username: string;\r\n @Input() color: string;\r\n @Input() timestamp: string;\r\n @Input() image: string;\r\n @Input() fallbackImage: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n",
|
|
31
|
-
"import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, AfterViewChecked } from '@angular/core';\r\nimport { IChatMessage, IChatMessageType } from '../../models/chat.message';\r\nimport { IChatSettings } from '../../models/chat.settings';\r\n\r\n@Component({\r\n selector: 'app-chat-box',\r\n template: `<div class=\"chat-box\">\r\n <div #MessagesContainer class=\"messages\" [style.max-height]='settings.maxHeight'>\r\n <ng-container *ngFor=\"let message of messages\">\r\n <app-chat-message [alignRight]=\"shouldAlignRight(message)\" [message]=\"message.text\" [username]=\"message.username\"\r\n [timestamp]=\"message.timestamp\" [image]=\"message.userIcon\" [fallbackImage]=\"settings.fallbackUserIcon\" [color]=\"getColor(message)\">\r\n </app-chat-message>\r\n </ng-container>\r\n\r\n <div *ngIf=\"isTyping\" class=\"typing-indicator\">\r\n Someone is typing\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"new-message\">\r\n <input #NewMessageText [(ngModel)]=\"newMessageText\" type=\"text\" placeholder=\"Type a message\" (focus)=\"onNewMessageFocus(true)\"\r\n (blur)=\"onNewMessageFocus(false)\" (keydown.enter)=\"sendNewMessage()\" (keyup)='onKeyup()' [disabled]=\"settings.disableSendMessage\">\r\n <input type=\"image\" [src]=\"settings.sendImage\" (click)=\"sendNewMessage()\" [disabled]=\"settings.disableSendMessage\">\r\n </div>\r\n</div>\r\n`,\r\n styles: [`.chat-box{background-color:#eceff1}.messages{padding:5px;overflow:auto;min-height:50px}.new-message{border-top:1px solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;height:25px}.new-message input[type=text]{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;background-color:#eceff1;border:none;min-width:0}.new-message input[type=image]{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:20px;cursor:pointer}.new-message input[type=image]:disabled{opacity:.5;cursor:auto}.new-message input:focus{outline:0}.typing-indicator{font-size:1em;font-style:italic}.typing-indicator span{display:inline-block;height:10px;width:10px;border-radius:50%;background-color:#9e9e9e;margin:0 1px;opacity:.2}.typing-indicator span:nth-of-type(1){-webkit-animation:1.5s .33333s infinite blink;animation:1.5s .33333s infinite blink}.typing-indicator span:nth-of-type(2){-webkit-animation:1.5s .66666s infinite blink;animation:1.5s .66666s infinite blink}.typing-indicator span:nth-of-type(3){-webkit-animation:1.5s .99999s infinite blink;animation:1.5s .99999s infinite blink}@-webkit-keyframes blink{50%{opacity:1}}@keyframes blink{50%{opacity:1}}`],\r\n})\r\nexport class ChatBoxComponent implements AfterViewChecked {\r\n @Input() settings: IChatSettings;\r\n @Input() isTyping = false;\r\n\r\n @Input() messages: IChatMessage[];\r\n private lastCount = -1;\r\n\r\n _isAgentTyping = false;\r\n @Output() isAgentTyping = new EventEmitter<boolean>();\r\n\r\n @Output() newMessage = new EventEmitter<string>();\r\n newMessageText = '';\r\n\r\n @ViewChild('MessagesContainer') messagesContainer: ElementRef;\r\n\r\n usernameToColor: { [username: string]: string } = {};\r\n colors = [\r\n '#81c784',\r\n '#ffab91',\r\n '#f48fb1',\r\n '#29b6f6',\r\n '#e1bee7',\r\n '#9ccc65',\r\n '#ffc107',\r\n '#26c6da',\r\n '#cddc39',\r\n ];\r\n colorsIndex = 0;\r\n agentColor = '#29b6f6';\r\n\r\n constructor() { }\r\n\r\n ngAfterViewChecked() {\r\n if (this.lastCount !== this.messages.length) {\r\n this.lastCount = this.messages.length;\r\n this.scrollToBottom();\r\n }\r\n }\r\n\r\n getColor(message: IChatMessage) {\r\n if (message.type && message.type === IChatMessageType.AGENT) {\r\n return this.agentColor;\r\n } else if (message.username) {\r\n if (!this.usernameToColor[message.username]) {\r\n this.usernameToColor[message.username] = this.colors[this.colorsIndex];\r\n this.colorsIndex = (this.colorsIndex + 1) % this.colors.length;\r\n }\r\n return this.usernameToColor[message.username];\r\n } else {\r\n return this.colors[0];\r\n }\r\n }\r\n\r\n shouldAlignRight(message: IChatMessage) {\r\n return message.type && message.type === IChatMessageType.AGENT;\r\n }\r\n\r\n sendNewMessage() {\r\n if (this.newMessageText) {\r\n this.newMessage.emit(this.newMessageText);\r\n this.newMessageText = '';\r\n }\r\n }\r\n\r\n onNewMessageFocus(event: boolean) {\r\n const isTyping = event && this.newMessageText.length > 0;\r\n if (isTyping !== this._isAgentTyping) {\r\n this._isAgentTyping = isTyping;\r\n this.isAgentTyping.emit(isTyping);\r\n }\r\n }\r\n\r\n onKeyup() {\r\n const isTyping = this.newMessageText.length > 0;\r\n if (isTyping !== this._isAgentTyping) {\r\n this._isAgentTyping = isTyping;\r\n this.isAgentTyping.emit(isTyping);\r\n }\r\n }\r\n\r\n scrollToBottom() {\r\n try {\r\n this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight;\r\n }\r\n catch (e) { }\r\n }\r\n}\r\n",
|
|
32
|
-
"import { Component, Input, OnInit, OnDestroy } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'amc-duration',\r\n template: `<div class=\"holdCallDurationDiv\">\r\n <input class=\"block durationInput\" name=\"CallDuration\" type=\"text\" [value]=\"displayTime\" readonly>\r\n</div>\r\n`,\r\n styles: [``, `body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:6px 0 0 5px;cursor:pointer}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}`]\r\n})\r\nexport class DurationComponent implements OnInit, OnDestroy {\r\n displayTime: string;\r\n private _timerId?: number;\r\n @Input() startTime: number;\r\n constructor() {\r\n this.displayTime = '00:00/00:00';\r\n }\r\n\r\n ngOnInit() {\r\n this.startCallCounter();\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n private startCallCounter(): void {\r\n if (this._timerId == null) {\r\n this._timerId = window.setInterval(() => {\r\n const callStartTime: number = this.startTime;\r\n const currentTime: number = new Date().getTime() / 1000;\r\n const secondsPassed: number = Math.floor((currentTime) - (callStartTime / 1000));\r\n this.displayTime = Math.floor(secondsPassed / 60) + ':' + ('0' + (secondsPassed % 60)).slice(-2);\r\n }, 1000);\r\n }\r\n }\r\n\r\n ngOnDestroy(): void {\r\n // clear the timer.\r\n if (this._timerId != null) {\r\n clearInterval(this._timerId);\r\n this._timerId = null;\r\n }\r\n }\r\n\r\n}\r\n",
|
|
33
|
-
"import { Component, OnInit, Input, OnDestroy } from '@angular/core';\r\nimport { IHoldCounterData, ICallDuration } from '../../models/uilibrary.model';\r\nimport { secondsToHms } from '../../Helpers';\r\n\r\n@Component({\r\n selector: 'amc-holdtimer',\r\n template: `<div class=\"holdCallDurationDiv\">\r\n <input class=\"holdCallDurationTimer\" name=\"HoldCallDuration/TotalHoldCallDuration\" type=\"text\" [value]=\"displayTime\"\r\n readonly>\r\n</div>\r\n`,\r\n styles: [``, `body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:6px 0 0 5px;cursor:pointer}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}`]\r\n})\r\nexport class HoldtimerComponent implements OnInit, OnDestroy {\r\n displayTime: string;\r\n\r\n private _timerId?: number;\r\n @Input() holdCounterData: IHoldCounterData;\r\n constructor() {\r\n this.displayTime = '00:00/00:00';\r\n }\r\n\r\n ngOnInit() {\r\n this.startCallCounter();\r\n }\r\n /**\r\n * @ignore\r\n */\r\n private startCallCounter(): void {\r\n const pastTimeInSeconds = this.CaculatePastHoldDuration();\r\n if (this._timerId == null) {\r\n this._timerId = window.setInterval(() => {\r\n const currentTime: number = new Date().getTime() / 1000;\r\n const secondsPassedCurrentCall: number = Math.floor((currentTime) - (this.holdCounterData.currentHoldStartTime / 1000));\r\n this.displayTime = secondsToHms(secondsPassedCurrentCall) +\r\n '/' + secondsToHms(pastTimeInSeconds + secondsPassedCurrentCall);\r\n }, 1000);\r\n }\r\n }\r\n\r\n private CaculatePastHoldDuration(): number {\r\n let pastTimeInSeconds = 0;\r\n if (this.holdCounterData.pastCallDurations) {\r\n this.holdCounterData.pastCallDurations.forEach((holdTimerIterator: ICallDuration) => {\r\n pastTimeInSeconds += (holdTimerIterator.endTime - holdTimerIterator.startTime) / 1000;\r\n });\r\n }\r\n return pastTimeInSeconds;\r\n\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n ngOnDestroy(): void {\r\n // clear the timer.\r\n if (this._timerId != null) {\r\n clearInterval(this._timerId);\r\n this._timerId = null;\r\n }\r\n }\r\n\r\n}\r\n",
|
|
34
|
-
"import { Component, OnInit, Input, OnDestroy } from '@angular/core';\r\nimport { ValueType, IProperty } from '../../models/uilibrary.model';\r\nimport { secondsToHms } from '../../Helpers';\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n selector: 'amc-property',\r\n template: `<input [name]=\"processedDisplayValue\" readonly [title]=\"processedDisplayValue\" class=\"displayData\" type=\"text\" [value]=\"processedDisplayValue\"\r\n *ngIf=\"!property.customOperations\" />\r\n<input class=\"cursor\" [name]=\"processedDisplayValue\" class=\"displayData\" readonly [title]=\"processedDisplayValue\" type=\"text\" [value]=\"processedDisplayValue\"\r\n (click)=\"property.customOperations.handler(property.customOperations.eventName,property.customOperations.eventMetadata)\"\r\n *ngIf=\"property.customOperations\" />\r\n`,\r\n styles: [`input{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0}`, `body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:6px 0 0 5px;cursor:pointer}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}`]\r\n})\r\nexport class PropertyComponent implements OnInit, OnDestroy {\r\n\r\n @Input() property: IProperty;\r\n /**\r\n * @ignore\r\n */\r\n processedDisplayValue: string;\r\n\r\n /**\r\n * @ignore\r\n */\r\n private _timerId?: number;\r\n\r\n /**\r\n * @ignore\r\n */\r\n constructor() {\r\n\r\n this._timerId = null;\r\n this.processedDisplayValue = '';\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n ngOnInit() {\r\n this.initValues();\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n initValues(): void {\r\n if (this.property.displayValueType === ValueType.COUNTER) {\r\n this.startCallCounter();\r\n } else {\r\n this.processedDisplayValue = this.property.displayValue;\r\n }\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n private startCallCounter(): void {\r\n if (this._timerId == null) {\r\n this._timerId = window.setInterval(() => {\r\n const callStartTime: number = this.property.displayValue;\r\n const currentTime: number = new Date().getTime() / 1000;\r\n const secondsPassed: number = Math.floor((currentTime) - (callStartTime / 1000));\r\n this.processedDisplayValue = secondsToHms(secondsPassed);\r\n }, 1000);\r\n }\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n ngOnDestroy(): void {\r\n if (this.property.displayValueType === ValueType.COUNTER) {\r\n // clear the timer.\r\n if (this._timerId != null) {\r\n clearInterval(this._timerId);\r\n this._timerId = null;\r\n }\r\n }\r\n }\r\n}\r\n",
|
|
35
|
-
"export function secondsToHms(seconds_in: number): string {\r\n seconds_in = Number(seconds_in);\r\n const h = Math.floor(seconds_in / 3600);\r\n const m = Math.floor(seconds_in % 3600 / 60);\r\n const s = Math.floor(seconds_in % 3600 % 60);\r\n\r\n const hDisplay = h > 0 ? h.toString() + ':' : '';\r\n const mDisplay = m > 0 ? ('0' + m.toString()).slice(-2) + ':' : '00:';\r\n const sDisplay = s > 0 ? ('0' + s.toString()).slice(-2) : '00';\r\n return hDisplay + mDisplay + sDisplay;\r\n}\r\n",
|
|
36
|
-
"import { IChatSettings } from './chat.settings';\r\nimport { IChatMessage } from './chat.message';\r\n\r\nexport * from './chat.message';\r\nexport * from './chat.settings';\r\n\r\n/**\r\n * It is collection of Interaction which need to be displayed on scenario component.\r\n */\r\nexport interface IScenario {\r\n interactions: IInteraction[];\r\n}\r\n\r\nexport interface IInteraction {\r\n /**\r\n * Unique id for the interaction.\r\n * Note: this interactionId is also used to provide id for the div element.\r\n */\r\n interactionId: string;\r\n properties?: Property[];\r\n associatedData?: Property[];\r\n startTime: number;\r\n displayCallTimer: boolean;\r\n /**\r\n * parties is supposed to contain data about all the participants in call except agent himself.\r\n */\r\n parties?: IParty[];\r\n /**\r\n * Operations/buttons which needs to be displayed in interaction and its handlers.\r\n */\r\n operations?: IOperation[];\r\n\r\n /**\r\n * It contains URLs for minimize, maximize, interaction specific icon urls for interaction.\r\n * And header number which needs to be displayed at top.\r\n */\r\n UIHeadersData: IInteractionUIHeaders;\r\n\r\n /**\r\n * Should contain identifying information about the main party in the interaction.\r\n */\r\n subheaderData: IPartyHeader;\r\n\r\n /**\r\n * This enables and configures the chat UI\r\n */\r\n chat?: {\r\n settings: IChatSettings;\r\n messages: IChatMessage[];\r\n isCustomerTyping?: boolean;\r\n };\r\n}\r\n\r\nexport interface IActivity {\r\n interactionId: string;\r\n who: IEntityDetails;\r\n what: IEntityDetails;\r\n whoList: IEntityDetails[];\r\n whatList: IEntityDetails[];\r\n callType: string;\r\n callDurationInSeconds: string;\r\n subject: string;\r\n subjectFieldName: string;\r\n nameFieldName: string;\r\n relatedToFieldName: string;\r\n description: string;\r\n status: string;\r\n activityDate: string;\r\n activityId: string;\r\n quickCommentList: string[];\r\n}\r\n\r\nexport interface IEntityDetails {\r\n entityType: string;\r\n displayName: string;\r\n entityName: string;\r\n entityId: string;\r\n url: string;\r\n}\r\n\r\nexport interface ICallerInfo {\r\n entityType: string;\r\n entityName: string;\r\n entityId: string;\r\n imgUrl: string;\r\n}\r\n\r\n/**\r\n * This contains the main identifying information about the interaction.\r\n */\r\nexport interface IPartyHeader {\r\n /**\r\n * Image that identifies the type of interaction\r\n * or the type of the identifying information(ex: phone icon for phone number)\r\n */\r\n image?: URL;\r\n /**\r\n * The tooltip to be displayed when the image is hovered over\r\n */\r\n tooltip?: string;\r\n /**\r\n * The value to be displayed\r\n */\r\n value: string;\r\n}\r\n\r\n/**\r\n * It contains URLs for minimize, maximize, interaction specific icon urls for interaction.\r\n * And header number which needs to be displayed at top.\r\n */\r\nexport interface IInteractionUIHeaders {\r\n /**\r\n * Minimize icon url.\r\n */\r\n minimizeUrl: URL;\r\n\r\n /**\r\n * Maximize Icon url.\r\n */\r\n maximizeUrl: URL;\r\n\r\n /**\r\n * This is the URL for the status image.\r\n * @memberof IInteractionUIHeaders\r\n */\r\n statusUrl: URL;\r\n\r\n /**\r\n * This is the handler for focus(Triggered on click of status).\r\n * @memberof IInteractionUIHeaders\r\n */\r\n focusHandler?: IFocus;\r\n\r\n /**\r\n * This is the text which is going to be displayed for status of the call.\r\n *\r\n * @memberof IInteractionUIHeaders\r\n */\r\n statusText: string;\r\n\r\n /**\r\n *This member will contain the text related to the direction of the call. E.g Inbound, Outbound etc.\r\n * @memberof IInteractionUIHeaders\r\n */\r\n directionText: string;\r\n\r\n /**\r\n *This data will be used to display hold counter whihc will be the combination of the current hold time and complete hold time.\r\n * @memberof IInteractionUIHeaders\r\n */\r\n holdCounterData?: IHoldCounterData;\r\n\r\n /**\r\n *If this value is set to true then hold counter is displayed based on the holdCounterData.\r\n * @memberof IInteractionUIHeaders\r\n */\r\n displayHoldCounter: boolean;\r\n}\r\nexport interface ICallDuration {\r\n startTime: number;\r\n endTime: number;\r\n}\r\nexport interface IHoldCounterData {\r\n pastCallDurations?: ICallDuration[];\r\n currentHoldStartTime: number;\r\n}\r\n\r\n/**\r\n * It contains Operation Icon URL and its hadlers which need to be displayed in Interaction.\r\n */\r\nexport interface IFocus {\r\n /**\r\n * metadata related to operation.\r\n */\r\n operationMetadata?: IMetadata[];\r\n /**\r\n * name of the operation.\r\n */\r\n operationName: string;\r\n /**\r\n * Handler which needs to be invoked when someone clicks on the operation icon.\r\n */\r\n handler: (operationName: string, operationMetadata?: IMetadata[]) => void;\r\n}\r\n\r\n/**\r\n * It contains Operation Icon URL and its hadlers which need to be displayed in Interaction.\r\n */\r\nexport interface IOperation {\r\n /**\r\n * metadata related to operation.\r\n */\r\n operationMetadata?: IMetadata[];\r\n /**\r\n * name of the operation.\r\n */\r\n operationName: string;\r\n /**\r\n * URL for the icon of operations.\r\n */\r\n icon: URL;\r\n /**\r\n * Title which needs to be doisplayed when someone hovers over the icon.\r\n */\r\n title: string;\r\n /**\r\n * Handler which needs to be invoked when someone clicks on the operation icon.\r\n */\r\n handler: (operationName: string, operationMetadata?: IMetadata[]) => void;\r\n}\r\n\r\n/**\r\n * This contains properties and operations to be displayed for conference member.\r\n */\r\nexport interface IParty {\r\n header: IPartyHeader;\r\n properties: Property[];\r\n operations: IOperation[];\r\n}\r\n\r\n/**\r\n * key value pairs which can be used amongst other interfaces/classes to store metadata of those entities.\r\n */\r\n\r\nexport interface IMetadata {\r\n key: string;\r\n value: string;\r\n}\r\n\r\n/**\r\n * This interface contains key value pairs, some custom operation which generates display key and display value.\r\n * Also it includes custom operation handler for click event on properties.\r\n */\r\nexport interface IProperty {\r\n /**\r\n * KEY value to be displayed on component.\r\n */\r\n displayKey?: string;\r\n\r\n /**\r\n * VALUE to be displayed on component.\r\n */\r\n displayValue?: any;\r\n displayValueType: ValueType;\r\n propertyMetadata?: IMetadata[];\r\n\r\n /**\r\n * Click event handler for property.\r\n */\r\n customOperations?: IEventHandler;\r\n /**\r\n * This flag decides if PROPERTY will be displayed on component or not.\r\n */\r\n visible: boolean;\r\n}\r\n\r\n/**\r\n * A helper method to make instances of [IProperty]\r\n */\r\nexport class Property implements IProperty {\r\n private key: string;\r\n private value: any;\r\n /**\r\n * KEY value to be displayed on component.\r\n */\r\n displayKey?: string;\r\n\r\n /**\r\n * VALUE to be displayed on component.\r\n */\r\n displayValue?: any;\r\n displayValueType: ValueType;\r\n propertyMetadata?: IMetadata[];\r\n\r\n /**\r\n * Click event handler for property.\r\n */\r\n customOperations?: IEventHandler;\r\n /**\r\n * This flag decides if PROPERTY will be displayed on component or not.\r\n */\r\n visible: boolean;\r\n\r\n /**\r\n * Operation responsible for generating displayKey and dispkayValur from key and value.\r\n */\r\n displayOperation: () => void = () => {\r\n this.displayKey = this.key;\r\n this.displayValue = this.value;\r\n }\r\n\r\n /**\r\n *\r\n * @param key\r\n * @param value : if value type is COUNTER then value should be start time in MilliSeconds.\r\n * @param visible\r\n * @param valueType\r\n * @param customOperation\r\n */\r\n constructor(\r\n key: string,\r\n value: any,\r\n visible?: boolean,\r\n valueType?: ValueType,\r\n customOperation?: IEventHandler\r\n ) {\r\n this.key = key;\r\n this.value = value;\r\n visible != null ? (this.visible = visible) : (this.visible = true);\r\n valueType != null\r\n ? (this.displayValueType = valueType)\r\n : (this.displayValueType = ValueType.STRING);\r\n this.customOperations = customOperation;\r\n this.displayOperation();\r\n }\r\n}\r\n\r\n/**\r\n * Interface which contains eventName and handler associated with it.\r\n */\r\nexport interface IEventHandler {\r\n eventName: string;\r\n handler: (eventName: string, eventMetadata?: IMetadata[]) => void;\r\n eventMetadata?: IMetadata[];\r\n}\r\n\r\n/**\r\n * enum for Value types of PROPERTY.\r\n */\r\nexport enum ValueType {\r\n STRING,\r\n COUNTER\r\n}\r\n",
|
|
37
|
-
"export interface IChatMessage {\r\n username?: string;\r\n text: string;\r\n /**\r\n * What type of chat message. Defaults to OTHER_PERSON\r\n */\r\n type?: IChatMessageType;\r\n timestamp?: string;\r\n userIcon?: URL;\r\n}\r\n\r\nexport enum IChatMessageType {\r\n AGENT = 'AGENT',\r\n OTHER_PERSON = 'OTHER_PERSON',\r\n INFORMATION = 'INFORMATION'\r\n}\r\n",
|
|
38
|
-
"import { Component, OnInit, Input } from '@angular/core';\r\nimport { IOperation } from '../../models/uilibrary.model';\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n selector: 'amc-operation',\r\n template: `<div class=\"callOptions\">\r\n <img class=\"AnswerCallImages\" *ngFor=\"let operation of operations\" [title]=\"operation.title\" [src]=\"operation.icon\" (click)=\"operation.handler(operation.operationName, operation.operationMetadata)\"\r\n />\r\n</div>`,\r\n styles: [``, `body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:6px 0 0 5px;cursor:pointer}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}`]\r\n})\r\nexport class OperationComponent implements OnInit {\r\n\r\n @Input() operations: IOperation[];\r\n /**\r\n * @ignore\r\n */\r\n constructor() {\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n",
|
|
39
|
-
"import {\r\n Component,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n AfterViewInit,\r\n AfterViewChecked\r\n} from '@angular/core';\r\nimport { IScenario } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n selector: 'amc-scenario',\r\n template: `<ng-container *ngIf=\"scenario && scenario.interactions\">\r\n <amc-interaction *ngFor=\"let interaction of scenario.interactions\" [interaction]=\"interaction\"\r\n (minimizedChanged)=\"onMinimizedChanged()\" (isAgentTyping)=\"isAgentTyping.emit($event)\"\r\n (newMessage)=\"newMessage.emit($event)\">\r\n </amc-interaction>\r\n</ng-container>\r\n`,\r\n styles: [``, `body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:6px 0 0 5px;cursor:pointer}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}`]\r\n})\r\nexport class ScenarioComponent implements AfterViewChecked {\r\n @Input() scenario: IScenario;\r\n @Output() minimizedChanged = new EventEmitter();\r\n @Output() isAgentTyping = new EventEmitter<boolean>();\r\n @Output() newMessage = new EventEmitter<string>();\r\n @Output() afterViewChecked = new EventEmitter();\r\n\r\n constructor() {}\r\n\r\n ngAfterViewChecked() {\r\n this.afterViewChecked.emit();\r\n }\r\n\r\n onMinimizedChanged() {\r\n this.minimizedChanged.emit();\r\n }\r\n}\r\n",
|
|
40
|
-
"import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { IInteraction } from '../../models/uilibrary.model';\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n selector: 'amc-interaction',\r\n template: `<div class=\"AnswerCallFocused\">\r\n <div class=\"editor callHeaderTop\">\r\n <img class=\"statusImage\" [src]=\"interaction.UIHeadersData.statusUrl\" (click)=\"interaction.UIHeadersData.focusHandler.handler(interaction.UIHeadersData.focusHandler.operationName, interaction.UIHeadersData.focusHandler.operationMetadata)\" />\r\n <label class=\"statusText\">\r\n <b>{{interaction.UIHeadersData.statusText}}</b>\r\n </label>\r\n <label class=\"verticalDivider\">|</label>\r\n <label class=\"directionText\" *ngIf=\"!interaction.UIHeadersData.displayHoldCounter\">{{interaction.UIHeadersData.directionText}}</label>\r\n <div class=\"holdCallDurationDiv\" *ngIf=\"interaction.UIHeadersData.displayHoldCounter\">\r\n <amc-holdtimer [holdCounterData]=\"interaction.UIHeadersData.holdCounterData\"></amc-holdtimer>\r\n </div>\r\n <img class=\"ViewExpandImage\" [src]=\"interaction.UIHeadersData.minimizeUrl\" (click)=\"minimize()\" *ngIf=\"!_minimized\" />\r\n <img class=\"ViewCollapseImage\" [src]=\"interaction.UIHeadersData.maximizeUrl\" (click)=\"maximize()\" *ngIf=\"_minimized\" />\r\n <div class=\"DurationDiv\" *ngIf=\"interaction.displayCallTimer\">\r\n <amc-duration [startTime]=\"interaction.startTime\"></amc-duration>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"!_minimized\">\r\n\r\n <div *ngIf=\"!isConferenceCall()\">\r\n <div class=\"editor container\">\r\n <input class=\"callImage\" type=\"image\" [src]=\"interaction.subheaderData.image.href\" [title]=\"interaction.subheaderData.tooltip || ''\">\r\n <input class=\"editor phoneNumberValue\" readonly type=\"text\" [value]=\"interaction.subheaderData.value\">\r\n </div>\r\n\r\n <div class=\"cadSection\">\r\n <ng-container *ngFor=\"let property of interaction.properties\">\r\n <ng-container *ngIf=\"property.visible\">\r\n <label class=\"col1\" [title]=\"property.displayKey\">{{property.displayKey}}</label>\r\n <amc-property class=\"col2\" [property]=\"property\"> </amc-property>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngFor=\"let property of interaction.associatedData\">\r\n <ng-container *ngIf=\"property.visible\">\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" [title]=\"property.displayKey\">{{property.displayKey}}</label>\r\n <amc-property class=\"col2\" [property]=\"property\"> </amc-property>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n\r\n <app-chat-box *ngIf=\"interaction.chat\" [isTyping]=\"interaction.chat.isCustomerTyping\" [settings]=\"interaction.chat.settings\"\r\n [messages]=\"interaction.chat.messages\" (isAgentTyping)=\"isAgentTyping.emit($event)\" (newMessage)=\"newMessage.emit($event)\"></app-chat-box>\r\n\r\n <div [id]='interaction.interactionId'> </div>\r\n <amc-operation [operations]=\"interaction.operations\"></amc-operation>\r\n </div>\r\n\r\n <div *ngIf=\"isConferenceCall()\">\r\n <div *ngFor=\"let party of interaction.parties\">\r\n <div class=\"editor container\">\r\n <input class=\"callImage\" type=\"image\" [src]=\"party.header.image.href\" [title]=\"party.header.tooltip || ''\">\r\n <input class=\"editor phoneNumberValue\" readonly type=\"text\" [value]=\"party.header.value\">\r\n </div>\r\n\r\n <div class=\"grid-container\">\r\n <ng-container *ngFor=\"let property of party.properties\">\r\n <ng-container *ngIf=\"property.visible\">\r\n <label class=\"col1\" [title]=\"property.displayKey\">{{property.displayKey}}</label>\r\n <amc-property class=\"col2\" [property]=\"property\"> </amc-property>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <amc-operation [operations]=\"party.operations\"></amc-operation>\r\n <div class=\"AnswerCallFocused\"></div>\r\n </div>\r\n <amc-operation [operations]=\"interaction.operations\"></amc-operation>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n`,\r\n styles: [`:host{display:block}.container{margin-left:5px!important;padding-left:0}.cadSection{margin-bottom:5px}.grid-container{margin-left:5px;display:grid;grid-template-columns:auto 1fr;grid-column-gap:10px;max-width:calc(100% - 5px);overflow:hidden}.col1{grid-column:1/2}.col2{grid-column:2/3}`, `body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:6px 0 0 5px;cursor:pointer}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}`]\r\n})\r\nexport class InteractionComponent implements OnInit {\r\n\r\n @Input() interaction: IInteraction;\r\n @Output() minimizedChanged: EventEmitter<boolean> = new EventEmitter();\r\n @Output() isAgentTyping = new EventEmitter<boolean>();\r\n @Output() newMessage = new EventEmitter<string>();\r\n /**\r\n * @ignore\r\n */\r\n minimized: boolean;\r\n set _minimized(value) {\r\n this.minimized = value;\r\n this.minimizedChanged.emit(value);\r\n }\r\n get _minimized() {\r\n return this.minimized;\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n constructor() {\r\n this._minimized = false;\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n ngOnInit() {\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n minimize(): void {\r\n this._minimized = true;\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n maximize(): void {\r\n this._minimized = false;\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n isConferenceCall(): boolean {\r\n if (this.interaction.parties && this.interaction.parties.length > 1) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n}\r\n"
|
|
41
|
-
],
|
|
42
|
-
"names": [],
|
|
43
|
-
"mappings": "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"
|
|
44
|
-
}
|
package/projects/UILibrary/src/app/components/caller-information/caller-information.component.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { OnChanges, EventEmitter } from '@angular/core';
|
|
2
|
-
import { ICallerInfo } from '../../models/uilibrary.model';
|
|
3
|
-
export declare class CallerInformationComponent implements OnChanges {
|
|
4
|
-
callers: ICallerInfo[];
|
|
5
|
-
agentSelectedCallerInformation: EventEmitter<ICallerInfo>;
|
|
6
|
-
maximizeCallerInformation: boolean;
|
|
7
|
-
showAllCallers: boolean;
|
|
8
|
-
title: string;
|
|
9
|
-
constructor();
|
|
10
|
-
ngOnChanges(): void;
|
|
11
|
-
expandCallerInfoResults(): void;
|
|
12
|
-
collapseCallerInfoResults(): void;
|
|
13
|
-
onAgentSelectedCallerInformation(i: ICallerInfo): void;
|
|
14
|
-
}
|
package/projects/UILibrary/src/app/components/recent-activities/recent-activities.component.d.ts
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { IEntityDetails, IActivity } from '../../models/uilibrary.model';
|
|
3
|
-
export declare class RecentActivitiesComponent {
|
|
4
|
-
isActivityMaximized: boolean;
|
|
5
|
-
savedInteractions: Map<string, IActivity>;
|
|
6
|
-
interactionIds: string[];
|
|
7
|
-
SubjectChange: EventEmitter<{
|
|
8
|
-
interactionId: string;
|
|
9
|
-
Subject: string;
|
|
10
|
-
}>;
|
|
11
|
-
NameChange: EventEmitter<{
|
|
12
|
-
interactionId: string;
|
|
13
|
-
whoObject: IEntityDetails;
|
|
14
|
-
}>;
|
|
15
|
-
RelatedToChange: EventEmitter<{
|
|
16
|
-
interactionId: string;
|
|
17
|
-
whatObject: IEntityDetails;
|
|
18
|
-
}>;
|
|
19
|
-
CallNotesChange: EventEmitter<{
|
|
20
|
-
interactionId: string;
|
|
21
|
-
Description: string;
|
|
22
|
-
}>;
|
|
23
|
-
QuickCommentChange: EventEmitter<{
|
|
24
|
-
interactionId: string;
|
|
25
|
-
commentIndex: string;
|
|
26
|
-
}>;
|
|
27
|
-
SaveActivity: EventEmitter<{
|
|
28
|
-
interactionId: string;
|
|
29
|
-
}>;
|
|
30
|
-
collapseToggle: boolean;
|
|
31
|
-
workingRecentInteractionId: string;
|
|
32
|
-
constructor();
|
|
33
|
-
expandAndCollapse(isExpand: boolean): void;
|
|
34
|
-
protected expandAndCollapseRecentActivity(isExpand: boolean, interactionId: string): string;
|
|
35
|
-
protected getIndexWho(interactionId: string): number;
|
|
36
|
-
protected getIndexWhat(interactionId: string): number;
|
|
37
|
-
protected onSubjectChange(interactionId: string): void;
|
|
38
|
-
protected onNameChange(event: any, interactionId: string): void;
|
|
39
|
-
protected onRelatedToChange(event: any, interactionId: string): void;
|
|
40
|
-
protected onCallNotesChange(interactionId: string): void;
|
|
41
|
-
protected loadQuickComment(commentIndex: string, interactionId: string): void;
|
|
42
|
-
protected submitActivity(interactionId: string): void;
|
|
43
|
-
protected parseWho(who: IEntityDetails): string;
|
|
44
|
-
protected parseWhat(what: IEntityDetails): string;
|
|
45
|
-
}
|