@amc-technology/ui-library 1.0.39 → 1.0.40

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.
Files changed (14) hide show
  1. package/amc-technology-ui-library.metadata.json +1 -1
  2. package/bundles/amc-technology-ui-library.umd.js +10 -6
  3. package/bundles/amc-technology-ui-library.umd.js.map +1 -1
  4. package/bundles/amc-technology-ui-library.umd.min.js +1 -1
  5. package/bundles/amc-technology-ui-library.umd.min.js.map +1 -1
  6. package/esm2015/projects/UILibrary/src/app/components/chat-box/chat-box.component.js +12 -8
  7. package/esm5/projects/UILibrary/src/app/components/chat-box/chat-box.component.js +12 -8
  8. package/fesm2015/amc-technology-ui-library.js +11 -7
  9. package/fesm2015/amc-technology-ui-library.js.map +1 -1
  10. package/fesm5/amc-technology-ui-library.js +11 -7
  11. package/fesm5/amc-technology-ui-library.js.map +1 -1
  12. package/package.json +1 -1
  13. package/projects/UILibrary/src/app/components/chat-box/chat-box.component.d.ts +4 -3
  14. package/webcomponents/webcomponents.js +1 -1
package/bundles/amc-technology-ui-library.umd.min.js CHANGED
@@ -12,5 +12,5 @@
12
12
  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
13
13
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
- ***************************************************************************** */function l(t,e,i,o){var n,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a}function s(t){var e="function"==typeof Symbol&&Symbol.iterator,i=e&&t[e],o=0;if(i)return i.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}var p,d=function(){function t(){this.minimizedChanged=new e.EventEmitter,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this._minimized=!1}return Object.defineProperty(t.prototype,"_minimized",{get:function(){return this.minimized},set:function(t){this.minimized=t,this.minimizedChanged.emit(t)},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){},t.prototype.minimize=function(){this._minimized=!0},t.prototype.maximize=function(){this._minimized=!1},t.prototype.isConferenceCall=function(){return!!(this.interaction.parties&&this.interaction.parties.length>1)},t.prototype.collapseKeypress=function(t){"Enter"===t.code&&this.minimize()},t.prototype.expandKeypress=function(t){"Enter"===t.code&&this.maximize()},l([e.Input()],t.prototype,"interaction",void 0),l([e.Output()],t.prototype,"minimizedChanged",void 0),l([e.Output()],t.prototype,"isAgentTyping",void 0),l([e.Output()],t.prototype,"newMessage",void 0),t=l([e.Component({selector:"amc-interaction",template:'<div class="AnswerCallFocused">\r\n <div class="editor callHeaderTop">\r\n <img class="statusImage" aria-hidden="true" [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 [id]="interaction.UIHeadersData.statusText">{{ 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" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value"></amc-holdtimer>\r\n </div>\r\n <img class="ViewExpandImage" [src]="interaction.UIHeadersData.minimizeUrl" alt="Minimize" (click)="minimize()" (keypress)="collapseKeypress($event)" *ngIf="!_minimized" tabindex="0" role="button" aria-label="collapse Call Section">\r\n <img class="ViewCollapseImage" [src]="interaction.UIHeadersData.maximizeUrl" alt="Maximize" (click)="maximize()" (keypress)="expandKeypress($event)" *ngIf="_minimized" tabindex="0" role="button" aria-label="expand Call Section">\r\n <div class="DurationDiv" *ngIf="interaction.displayCallTimer">\r\n <amc-duration [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" [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 phoneNumberContainer">\r\n <input class="callImage" type="image" [src]="interaction.subheaderData.image.href" [title]="interaction.subheaderData.tooltip || \'\'" tabindex="-1">\r\n <input class="editor phoneNumberValue" [attr.aria-labelledby]="interaction.UIHeadersData.statusText + \' \' + interaction.subheaderData.value" readonly type="text" [value]="interaction.subheaderData.value" [id]="interaction.subheaderData.value" tabindex="-1">\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 [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" 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 [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" class="col2" [property]="property"> </amc-property>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <amc-operation *ngIf="interaction.chat" id="close-chat" [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" [operations]="interaction.operations"></amc-operation>\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 *ngIf="!interaction.chat" [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" [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 phoneNumberContainer">\r\n <input class="callImage" type="image" [src]="party.header.image.href" [title]="party.header.tooltip || \'\'" tabindex="-1">\r\n <input class="editor phoneNumberValue" readonly type="text" [value]="party.header.value" tabindex="-1">\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 [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="party.header.value" class="col2" [property]="property"> </amc-property>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <amc-operation [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="party.header.value" [operations]="party.operations"></amc-operation>\r\n <div class="AnswerCallFocused"></div>\r\n </div>\r\n <amc-operation [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" [operations]="interaction.operations"></amc-operation>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n',styles:[":host{display:block}.phoneNumberContainer{margin-left:5px!important;padding-left:0;display:flex;align-items:center}.cadSection{margin-bottom:5px}#close-chat{-moz-text-align-last:end;text-align-last:end}.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}.ViewExpandImage{margin:3px}.ViewExpandImage:focus{outline:#3296da solid 2px;outline-offset:0}.ViewCollapseImage{margin:3px}.ViewCollapseImage:focus{outline:#3296da solid 2px;outline-offset:0}.callImage{cursor:default}.phoneNumberValue:focus{outline-style:none}","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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}(),c=function(){function t(){this.minimizedChanged=new e.EventEmitter,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this.afterViewChecked=new e.EventEmitter}return t.prototype.ngAfterViewChecked=function(){this.afterViewChecked.emit()},t.prototype.onMinimizedChanged=function(){this.minimizedChanged.emit()},l([e.Input()],t.prototype,"scenario",void 0),l([e.Output()],t.prototype,"minimizedChanged",void 0),l([e.Output()],t.prototype,"isAgentTyping",void 0),l([e.Output()],t.prototype,"newMessage",void 0),l([e.Output()],t.prototype,"afterViewChecked",void 0),t=l([e.Component({selector:"amc-scenario",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',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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}(),g=function(){function t(){this.labelledByText="",this.describedByText=""}return t.prototype.ngOnInit=function(){this.statusText&&this.callType?this.describedByText=this.statusText+" "+this.callType:this.statusText?this.describedByText=this.statusText:this.callType&&(this.describedByText=this.callType),this.callId&&(this.labelledByText=this.callId)},t.prototype.operationKeypress=function(t,e){"Enter"===t.code&&e.handler(e.operationName,e.operationMetadata)},l([e.Input()],t.prototype,"statusText",void 0),l([e.Input()],t.prototype,"callId",void 0),l([e.Input()],t.prototype,"callType",void 0),l([e.Input()],t.prototype,"operations",void 0),t=l([e.Component({selector:"amc-operation",template:'<div class="callOptions">\r\n <img\r\n class="AnswerCallImages"\r\n tabindex="0"\r\n role="button"\r\n attr.aria-label="{{ operation.title }}"\r\n *ngFor="let operation of operations"\r\n [title]="operation.title"\r\n [src]="operation.icon"\r\n [attr.accesskey]="operation.accesskey || null"\r\n [attr.aria-labelledby]="labelledByText || null"\r\n [attr.aria-describedby]="describedByText || null"\r\n (click)="operation.handler(operation.operationName, operation.operationMetadata)"\r\n (keypress)="operationKeypress($event, operation)"/>\r\n</div>\r\n',styles:[".AnswerCallImages:focus{outline:#3296da solid 2px;outline-offset:1px}","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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}();(p=t.IChatMessageType||(t.IChatMessageType={})).AGENT="AGENT",p.OTHER_PERSON="OTHER_PERSON",p.INFORMATION="INFORMATION";var m,h=function(e,i,o,n,r){var a=this;this.displayOperation=function(){a.displayKey=a.key,a.displayValue=a.value},this.key=e,this.value=i,this.visible=null==o||o,this.displayValueType=null!=n?n:t.ValueType.STRING,this.customOperations=r,this.displayOperation()};function f(t){t=Number(t);var e=Math.floor(t/3600),i=Math.floor(t%3600/60),o=Math.floor(t%3600%60);return(e>0?e.toString()+":":"")+(i>0?("0"+i.toString()).slice(-2)+":":"00:")+(o>0?("0"+o.toString()).slice(-2):"00")}(m=t.ValueType||(t.ValueType={}))[m.STRING=0]="STRING",m[m.COUNTER=1]="COUNTER";var u=function(){function i(){this.labelledByText="",this.title="",this._timerId=null,this.processedDisplayValue=""}return i.prototype.ngOnInit=function(){this.statusText&&this.callType?this.labelledByText=this.statusText+" "+this.callType:this.statusText?this.labelledByText=this.statusText:this.callType&&(this.labelledByText=this.callType),this.callType&&this.callId?this.title=this.callType+" "+this.callId:this.callType?this.title=this.callType:this.callId&&(this.title=this.callId),this.initValues()},i.prototype.initValues=function(){this.property.displayValueType===t.ValueType.COUNTER?this.startCallCounter():this.processedDisplayValue=this.property.displayValue},i.prototype.startCallCounter=function(){var t=this;null==this._timerId&&(this._timerId=window.setInterval((function(){var e=t.property.displayValue,i=(new Date).getTime()/1e3,o=Math.floor(i-e/1e3);t.processedDisplayValue=f(o)}),1e3))},i.prototype.ngOnDestroy=function(){this.property.displayValueType===t.ValueType.COUNTER&&null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},l([e.Input()],i.prototype,"statusText",void 0),l([e.Input()],i.prototype,"callId",void 0),l([e.Input()],i.prototype,"callType",void 0),l([e.Input()],i.prototype,"property",void 0),i=l([e.Component({selector:"amc-property",template:'<input\r\n readonly\r\n *ngIf="!property.customOperations"\r\n class="displayData"\r\n tabindex="0"\r\n type="text"\r\n [name]="processedDisplayValue"\r\n [title]="title || null"\r\n [attr.aria-labelledby]="labelledByText || null"\r\n [value]="processedDisplayValue"/>\r\n\r\n <input\r\n readonly\r\n *ngIf="property.customOperations"\r\n class="cursor displayData"\r\n type="text"\r\n tabindex="0"\r\n [name]="processedDisplayValue"\r\n [title]="title || null"\r\n [value]="processedDisplayValue"\r\n [attr.aria-labelledby]="labelledByText || null"\r\n (click)="property.customOperations.handler(property.customOperations.eventName, property.customOperations.eventMetadata)" />\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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],i)}(),x=function(){function t(){this.labelledByText="",this.displayTime="00:00/00:00"}return t.prototype.ngOnInit=function(){this.statusText&&this.callId?this.labelledByText=this.statusText+" "+this.callId:this.statusText?this.labelledByText=this.statusText:this.callId&&(this.labelledByText=this.callId),this.startCallCounter()},t.prototype.startCallCounter=function(){var t=this,e=this.CaculatePastHoldDuration();null==this._timerId&&(this._timerId=window.setInterval((function(){var i=(new Date).getTime()/1e3,o=Math.floor(i-t.holdCounterData.currentHoldStartTime/1e3);t.displayTime=f(o)+"/"+f(e+o)}),1e3))},t.prototype.CaculatePastHoldDuration=function(){var t=0;return this.holdCounterData.pastCallDurations&&this.holdCounterData.pastCallDurations.forEach((function(e){t+=(e.endTime-e.startTime)/1e3})),t},t.prototype.ngOnDestroy=function(){null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},l([e.Input()],t.prototype,"holdCounterData",void 0),l([e.Input()],t.prototype,"statusText",void 0),l([e.Input()],t.prototype,"callId",void 0),t=l([e.Component({selector:"amc-holdtimer",template:'<div class="holdCallDurationDiv">\r\n <input\r\n readonly\r\n class="holdCallDurationTimer"\r\n name="HoldCallDuration/TotalHoldCallDuration"\r\n type="text"\r\n tabindex="-1"\r\n title="Hold Duration"\r\n [attr.aria-labelledby]="labelledByText || null"\r\n [value]="displayTime">\r\n</div>\r\n',styles:[".holdCallDurationTimer:focus{outline-style:none}","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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}(),b=function(){function t(){this.labelledByText="",this.displayTime="00:00/00:00"}return t.prototype.ngOnInit=function(){this.statusText&&this.callId?this.labelledByText=this.statusText+" "+this.callId:this.statusText?this.labelledByText=this.statusText:this.callId&&(this.labelledByText=this.callId),this.startCallCounter()},t.prototype.startCallCounter=function(){var t=this;null==this._timerId&&(this._timerId=window.setInterval((function(){var e=t.startTime,i=(new Date).getTime()/1e3,o=Math.floor(i-e/1e3);t.displayTime=Math.floor(o/60)+":"+("0"+o%60).slice(-2)}),1e3))},t.prototype.ngOnDestroy=function(){null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},l([e.Input()],t.prototype,"statusText",void 0),l([e.Input()],t.prototype,"callId",void 0),l([e.Input()],t.prototype,"startTime",void 0),t=l([e.Component({selector:"amc-duration",template:'<div class="holdCallDurationDiv">\r\n <input\r\n readonly\r\n class="block durationInput"\r\n name="CallDuration"\r\n type="text"\r\n tabindex="-1"\r\n title="Call Duration"\r\n [value]="displayTime"\r\n [attr.aria-labelledby]="labelledByText || null">\r\n</div>\r\n',styles:[".durationInput:focus{outline-style:none}","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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}(),y=function(){function i(){this.isTyping=!1,this.lastCount=-1,this._isAgentTyping=!1,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this.newMessageText="",this.usernameToColor={},this.colors=["#c2c4c4","#ffab91","#f48fb1","#29b6f6","#e1bee7","#9ccc65","#ffc107","#26c6da","#cddc39"],this.colorsIndex=0,this.agentColor="#2db0e0"}return i.prototype.ngOnInit=function(){this.searchElement.nativeElement.focus()},i.prototype.ngAfterViewChecked=function(){this.lastCount!==this.messages.length&&(this.lastCount=this.messages.length,this.scrollToBottom())},i.prototype.getColor=function(e){return e.type&&e.type===t.IChatMessageType.AGENT?this.agentColor:e.username?(this.usernameToColor[e.username]||(this.usernameToColor[e.username]=this.colors[this.colorsIndex],this.colorsIndex=(this.colorsIndex+1)%this.colors.length),this.usernameToColor[e.username]):this.colors[0]},i.prototype.shouldAlignRight=function(e){return e.type&&e.type===t.IChatMessageType.AGENT},i.prototype.sendNewMessage=function(t){t.preventDefault(),this.newMessageText&&(this.newMessage.emit(this.newMessageText),this.newMessageText=""),this.searchElement.nativeElement.focus()},i.prototype.onNewMessageFocus=function(t){var e=t&&this.newMessageText.length>0;e!==this._isAgentTyping&&(this._isAgentTyping=e,this.isAgentTyping.emit(e))},i.prototype.onKeyup=function(){var t=this.newMessageText.length>0;t!==this._isAgentTyping&&(this._isAgentTyping=t,this.isAgentTyping.emit(t))},i.prototype.scrollToBottom=function(){try{this.messagesContainer.nativeElement.scrollTop=this.messagesContainer.nativeElement.scrollHeight}catch(t){}},l([e.Input()],i.prototype,"settings",void 0),l([e.Input()],i.prototype,"isTyping",void 0),l([e.Input()],i.prototype,"messages",void 0),l([e.Output()],i.prototype,"isAgentTyping",void 0),l([e.Output()],i.prototype,"newMessage",void 0),l([e.ViewChild("MessagesContainer",{static:!0})],i.prototype,"messagesContainer",void 0),l([e.ViewChild("NewMessageText")],i.prototype,"searchElement",void 0),i=l([e.Component({selector:"app-chat-box",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 class="chat-line" [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\r\n\r\n<div class="message-box">\r\n <textarea autofocus #NewMessageText [(ngModel)]="newMessageText" type="text" class="message-input scroll" placeholder="Type a message..."\r\n (focus)="onNewMessageFocus(true)" (keydown.enter)="sendNewMessage($event)" (keyup)=\'onKeyup()\' [disabled]="settings.disableSendMessage" ></textarea>\r\n <button type="submit" class="message-submit" (click)="sendNewMessage($event)" [disabled]="settings.disableSendMessage">Send</button>\r\n</div>\r\n</div>\r\n',styles:[".message-box{flex:1 1 0;width:99%;background:#fff;margin:auto;position:relative;border-radius:5px;height:100%;border:1px solid #ccc}.message-box .message-input{background:0 0;border:none;outline:0!important;resize:none;font-family:inherit;font-size:.8rem;height:100%;margin:0;padding:10px 7px;width:89%;color:#444}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-submit{position:absolute;z-index:1;top:26px;right:5px;background:#1e72ba;border:none;color:#fff;font-size:10px;line-height:1;padding:6px 10px;border-radius:5px;outline:0!important;transition:background .2s;cursor:pointer}.scroll::-webkit-scrollbar{display:none}.chat-box{background-color:#f4f5fb;padding:5px}.messages{padding:5px;overflow:auto;min-height:50px}.chat-line{margin-bottom:15px}.new-message{border-top:1px solid #000;display:flex;align-content:center;height:25px}.new-message input[type=text]{flex:1 1 0;background-color:#f4f5fb;border:none;min-width:0}.new-message input[type=image]{position:relative;top: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:.8em;font-style:italic}.typing-indicator span{display:inline-block;height:4px;width:4px;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}}"]})],i)}(),v=function(){function t(){this.alignRight=!1}return t.prototype.ngOnInit=function(){},l([e.Input()],t.prototype,"message",void 0),l([e.Input()],t.prototype,"alignRight",void 0),l([e.Input()],t.prototype,"username",void 0),l([e.Input()],t.prototype,"color",void 0),l([e.Input()],t.prototype,"timestamp",void 0),l([e.Input()],t.prototype,"image",void 0),l([e.Input()],t.prototype,"fallbackImage",void 0),t=l([e.Component({selector:"app-chat-message",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 </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 <span *ngIf="timestamp" class="timestamp">{{timestamp}}</span>\r\n</div>\r\n',styles:[':host{display:block;margin-top:2px;margin-bottom:2px}.right-message{text-align:end}.timestamp{font-size:10px;margin-right:30px;margin-left:30px}.message-header{display:flex;-webkit-text-emphasis:none;text-emphasis:none;font-style:italic;font-size:.7em;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{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:flex}.right-message>.message-body-container{flex-direction:row-reverse}.message-body{display:inline-block;position:relative;border-radius:1em;padding:6px;font-style:normal;font-size:.8em;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;-webkit-hyphens:auto;hyphens:auto}.left-message .message-body:after{content:"";position:absolute;border-left:10px solid #000;border-color:inherit;border-right:10px solid transparent;border-bottom:10px solid transparent;left:1px;bottom:-2px}.right-message .message-body:after{content:"";position:absolute;border-left:10px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-bottom:0 solid transparent;right:1px;bottom:-2px}']})],t)}(),w=function(){function t(){this.dispositionEmitter=new e.EventEmitter,this.selectedDispositionValue="",this.dispositionName=""}return t.prototype.ngOnInit=function(){var t,e;try{for(var i=s(this.disposition.dispositionMetadata),o=i.next();!o.done;o=i.next()){var n=o.value;if("callId"===n.key){this.dispositionName="disposition_"+n.value;break}}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.disposition.checkedDisposition&&(this.selectedDispositionValue=this.disposition.checkedDisposition)},t.prototype.submitDisposition=function(){var t={dispositionId:this.selectedDispositionValue,dispositionName:this.disposition.disposition.get(this.selectedDispositionValue),dispositionMetadata:this.disposition.dispositionMetadata};this.dispositionEmitter.emit(t)},t.prototype.selectAndSubmitDisposition=function(t,e){"Enter"===t.code&&(this.selectedDispositionValue=e,this.submitDisposition())},l([e.Input()],t.prototype,"disposition",void 0),l([e.Output()],t.prototype,"dispositionEmitter",void 0),t=l([e.Component({selector:"amc-disposition",template:'<div class="disposition-container">\r\n <div class="header-container">\r\n <label class="disposition-header" attr.aria-label="set disposition">{{disposition.dispositionHeader}}</label>\r\n </div>\r\n\r\n <div class="dispositions-container">\r\n <div class="disposition" *ngFor="let disp of disposition.disposition | keyvalue; let i = index">\r\n <label\r\n class="disposition-label"\r\n tabindex="0"\r\n [id]="disp.key"\r\n [ngClass]="{\'disposition-label-selected\' : selectedDispositionValue === disp.key, \'first-disposition\': i === 0}"\r\n (keypress)="selectAndSubmitDisposition($event, disp.key)">\r\n\r\n <input\r\n class="disposition-input"\r\n type="radio"\r\n value="{{disp.key}}"\r\n tabindex="-1"\r\n attr.aria-label="{{disp.value}}"\r\n [required]="!selectedDispositionValue"\r\n [name]="dispositionName"\r\n (change)="submitDisposition()"\r\n [(ngModel)]="selectedDispositionValue">\r\n\r\n {{disp.value}}\r\n </label>\r\n </div>\r\n </div>\r\n</div>\r\n',styles:[".disposition-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;max-height:180px;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;white-space:nowrap;height:28px;position:-webkit-sticky;position:sticky;overflow-x:hidden;overflow-y:hidden}.disposition-header{margin-top:auto;margin-left:7px;padding:5px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:.9em;font-family:Arial;overflow-x:hidden}.disposition{margin-left:5px;padding-left:5px;white-space:nowrap}.disposition-label{text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:.9em;overflow-x:hidden}.disposition-label-selected{text-overflow:ellipsis;font-weight:700;white-space:nowrap;font-size:.9em}.dispositions-container{padding:3px;overflow-y:scroll;max-height:150px}.disposition-label:focus{outline:#3296da solid 2px;outline-offset:5px}.first-disposition{margin-top:5px}"]})],t)}(),I=function(){function t(){this.ActivitySave=new e.EventEmitter,this.OnNameSelectChange=new e.EventEmitter,this.OnRelatedToChange=new e.EventEmitter,this.OnSubjectChange=new e.EventEmitter,this.OnCallNotesChange=new e.EventEmitter,this.isActivityMaximized=!0}return t.prototype.ngOnInit=function(){},t.prototype.onNameSelectChange=function(t){this.activity.WhoObject=this.getWho(t.currentTarget.value),this.OnNameSelectChange.emit(this.activity)},t.prototype.parseWhoObject=function(t){return t.objectType+": "+t.objectName},t.prototype.parseWhatObject=function(t){return t.objectType+": "+t.objectName},t.prototype.onRelatedToChange=function(t){this.activity.WhatObject=this.getWhat(t.currentTarget.value),this.OnRelatedToChange.emit(this.activity)},t.prototype.onSubjectChange=function(t){this.activity.Subject=t.srcElement.value,this.OnSubjectChange.emit(this.activity)},t.prototype.onCallNotesChange=function(t){this.activity.Subject=t.srcElement.value.trim(),this.OnCallNotesChange.emit(this.activity)},t.prototype.getWho=function(t){for(var e=0;e<this.activity.whoList.length;e++)if(this.activity.whoList[e].objectId===t)return this.activity.whoList[e]},t.prototype.getWhat=function(t){for(var e=0;e<this.activity.whatList.length;e++)if(this.activity.whatList[e].objectId===t)return this.activity.whatList[e]},t.prototype.loadQuickComment=function(t){this.activity.Description=this.activity.Description+this.activity.quickCommentList[t]},t.prototype.activitySave=function(t){this.ActivitySave.emit(this.activity)},l([e.Input()],t.prototype,"activity",void 0),l([e.Output()],t.prototype,"ActivitySave",void 0),l([e.Output()],t.prototype,"OnNameSelectChange",void 0),l([e.Output()],t.prototype,"OnRelatedToChange",void 0),l([e.Output()],t.prototype,"OnSubjectChange",void 0),l([e.Output()],t.prototype,"OnCallNotesChange",void 0),t=l([e.Component({selector:"app-activity",template:'<div *ngIf="isActivityMaximized" class="callDisplay">\r\n <div class="editor callHeader">\r\n <label class="headerLabel">\r\n <b>Activity Information</b>\r\n </label>\r\n <img class="ViewResizeImage" src="/assets/images/section_collapse.png" (click)="isActivityMaximized = false" title="Collapse">\r\n </div>\r\n <div class="callBody">\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" value="{{who.objectId}}">{{parseWhoObject(who)}}</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" value="{{what.objectId}}">{{parseWhatObject(what)}}</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="callNotesContainer">\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="quickNotesBotton" 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="Submit" (click)="activitySave(false)">\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="!isActivityMaximized" class="callDisplay">\r\n <div class="editor callHeader">\r\n <label class="headerLabel">\r\n <b>Activity Information</b>\r\n </label>\r\n <img class="ViewResizeImage" src="assets/images/section_expand.png" (click)="isActivityMaximized = true" title="Expand">\r\n </div>\r\n',styles:[".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}.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important}.headerLabel{margin-left:10px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.callBody{border-top:0;position:relative}.displayDiv{width:100%;display:flex}.displayLabels{margin-left:5px;width:25%;margin-right:2px}.displayData{width:70%}.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:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-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}.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}.commentsButtonDiv{width:100%;display:flex;align-items:center}.quickNotesBotton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:20px;margin:2px;outline:0;font-size:70%}.quickCommentsDiv{text-align:left;flex:1 0 0;flex-wrap:wrap;display:flex;margin:2px}.submitDiv{text-align:right;padding-right:4px}.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}"]})],t)}(),T=function(){function t(){this.loginDetailsProvided=new e.EventEmitter}return t.prototype.ngOnInit=function(){var t,e;this.loginData.header||(this.loginData.header="Login");try{for(var i=s(this.loginData.fields),o=i.next();!o.done;o=i.next()){var n=o.value;n.isInvalid||(n.isInvalid=!1)}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}},t.prototype.onLogin=function(t){var e,i;try{for(var o=s(this.loginData.fields),n=o.next();!n.done;n=o.next()){var r=n.value;r.value=t.value[r.name]}}catch(t){e={error:t}}finally{try{n&&!n.done&&(i=o.return)&&i.call(o)}finally{if(e)throw e.error}}this.loginDetailsProvided.emit(this.loginData)},t.prototype.focusOutOfInput=function(t,e){t.controls[e.name].valid||(e.isInvalid=!0)},l([e.Input()],t.prototype,"loginData",void 0),l([e.Output()],t.prototype,"loginDetailsProvided",void 0),t=l([e.Component({selector:"amc-login",template:'<div class="login-container">\r\n <form (ngSubmit)="onLogin(loginForm)"class="login-form" id="login-form" #loginForm="ngForm">\r\n <div class="header-container">\r\n <label class="login-header" attr.aria-label="login">{{ loginData.header }}</label>\r\n </div>\r\n <div class="fields-container">\r\n <div *ngFor="let field of loginData.fields" class="field">\r\n <label class="field-label">\r\n {{ field.name }}:\r\n </label>\r\n\r\n <input\r\n ngModel\r\n class="field-input"\r\n attr.aria-label="{{ field.name }}"\r\n [name]="field.name"\r\n [type]="field.type"\r\n [value]="field.value"\r\n [placeholder]="field.placeholder || \'\'"\r\n [required]="field.isRequired || false"\r\n (focusout)="focusOutOfInput(loginForm, field)"/>\r\n\r\n <p class="invalid-input" *ngIf="field.isInvalid">{{ field.invalidMessage }}</p>\r\n </div>\r\n\r\n <button\r\n type="submit"\r\n class="form-submit"\r\n form="login-form"\r\n tabindex="0"\r\n attr.aria-label="send"\r\n [disabled]="!loginForm.valid">Login</button>\r\n </div>\r\n\r\n </form>\r\n</div>\r\n',styles:[".login-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;height:28px;position:-webkit-sticky;position:sticky}.login-header{margin-top:auto;margin-left:7px;padding:5px;font-weight:700;font-size:.9em}.fields-container{overflow-y:auto;font-size:.9em;padding:5px}.field{display:table-row;margin:5px}.field-label{padding:10px;display:table-cell}.field-input{display:table-cell;border:1px solid #939598;border-radius:5px}.field-input:focus{box-shadow:0 0 5px #38badf}.form-submit{margin:15px 10px 10px;display:table-row;border:1px solid #00a4b0;border-radius:5px;background-color:#00a4b0;color:#f7f7f7;width:10em;height:2em;transition:.2s;font-size:1.1em;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.form-submit:hover{background-color:#01858f}.form-submit:disabled{background-color:silver;border-color:silver;color:#fff}input.ng-invalid.ng-touched[required]{border-color:#a94442}.form-submit:focus{outline:#3296da solid 2px;outline-offset:5px}.invalid-input{margin:0;padding:0;color:#a94442;font-size:x-small}"]})],t)}(),D=function(){function t(t){this.injector=t}return t.prototype.ngDoBootstrap=function(t){if(!customElements.get("amc-webcomponents-scenario")){var e=new a.ElementZoneStrategyFactory(c,this.injector);customElements.define("amc-webcomponents-scenario",n.createCustomElement(c,{injector:this.injector,strategyFactory:e}))}if(!customElements.get("amc-webcomponents-disposition")){e=new a.ElementZoneStrategyFactory(w,this.injector);customElements.define("amc-webcomponents-disposition",n.createCustomElement(w,{injector:this.injector,strategyFactory:e}))}if(!customElements.get("amc-webcomponents-login")){e=new a.ElementZoneStrategyFactory(T,this.injector);customElements.define("amc-webcomponents-login",n.createCustomElement(T,{injector:this.injector,strategyFactory:e}))}},t.ctorParameters=function(){return[{type:e.Injector}]},t=l([e.NgModule({imports:[r.BrowserModule,i.CommonModule,o.FormsModule],declarations:[d,c,g,u,x,b,y,v,w,I,T],entryComponents:[c,w,T],bootstrap:[],exports:[c,w,T]})],t)}();t.Property=h,t.UILibraryModule=D,t.ɵa=d,t.ɵb=c,t.ɵc=g,t.ɵd=u,t.ɵe=x,t.ɵf=b,t.ɵg=y,t.ɵh=v,t.ɵi=w,t.ɵj=I,t.ɵk=T,Object.defineProperty(t,"__esModule",{value:!0})}));
15
+ ***************************************************************************** */function l(t,e,i,o){var n,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a}function s(t){var e="function"==typeof Symbol&&Symbol.iterator,i=e&&t[e],o=0;if(i)return i.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}var p,d=function(){function t(){this.minimizedChanged=new e.EventEmitter,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this._minimized=!1}return Object.defineProperty(t.prototype,"_minimized",{get:function(){return this.minimized},set:function(t){this.minimized=t,this.minimizedChanged.emit(t)},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){},t.prototype.minimize=function(){this._minimized=!0},t.prototype.maximize=function(){this._minimized=!1},t.prototype.isConferenceCall=function(){return!!(this.interaction.parties&&this.interaction.parties.length>1)},t.prototype.collapseKeypress=function(t){"Enter"===t.code&&this.minimize()},t.prototype.expandKeypress=function(t){"Enter"===t.code&&this.maximize()},l([e.Input()],t.prototype,"interaction",void 0),l([e.Output()],t.prototype,"minimizedChanged",void 0),l([e.Output()],t.prototype,"isAgentTyping",void 0),l([e.Output()],t.prototype,"newMessage",void 0),t=l([e.Component({selector:"amc-interaction",template:'<div class="AnswerCallFocused">\r\n <div class="editor callHeaderTop">\r\n <img class="statusImage" aria-hidden="true" [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 [id]="interaction.UIHeadersData.statusText">{{ 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" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value"></amc-holdtimer>\r\n </div>\r\n <img class="ViewExpandImage" [src]="interaction.UIHeadersData.minimizeUrl" alt="Minimize" (click)="minimize()" (keypress)="collapseKeypress($event)" *ngIf="!_minimized" tabindex="0" role="button" aria-label="collapse Call Section">\r\n <img class="ViewCollapseImage" [src]="interaction.UIHeadersData.maximizeUrl" alt="Maximize" (click)="maximize()" (keypress)="expandKeypress($event)" *ngIf="_minimized" tabindex="0" role="button" aria-label="expand Call Section">\r\n <div class="DurationDiv" *ngIf="interaction.displayCallTimer">\r\n <amc-duration [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" [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 phoneNumberContainer">\r\n <input class="callImage" type="image" [src]="interaction.subheaderData.image.href" [title]="interaction.subheaderData.tooltip || \'\'" tabindex="-1">\r\n <input class="editor phoneNumberValue" [attr.aria-labelledby]="interaction.UIHeadersData.statusText + \' \' + interaction.subheaderData.value" readonly type="text" [value]="interaction.subheaderData.value" [id]="interaction.subheaderData.value" tabindex="-1">\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 [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" 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 [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" class="col2" [property]="property"> </amc-property>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <amc-operation *ngIf="interaction.chat" id="close-chat" [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" [operations]="interaction.operations"></amc-operation>\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 *ngIf="!interaction.chat" [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" [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 phoneNumberContainer">\r\n <input class="callImage" type="image" [src]="party.header.image.href" [title]="party.header.tooltip || \'\'" tabindex="-1">\r\n <input class="editor phoneNumberValue" readonly type="text" [value]="party.header.value" tabindex="-1">\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 [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="party.header.value" class="col2" [property]="property"> </amc-property>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <amc-operation [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="party.header.value" [operations]="party.operations"></amc-operation>\r\n <div class="AnswerCallFocused"></div>\r\n </div>\r\n <amc-operation [callType]="interaction.UIHeadersData.directionText" [statusText]="interaction.UIHeadersData.statusText" [callId]="interaction.subheaderData.value" [operations]="interaction.operations"></amc-operation>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n',styles:[":host{display:block}.phoneNumberContainer{margin-left:5px!important;padding-left:0;display:flex;align-items:center}.cadSection{margin-bottom:5px}#close-chat{-moz-text-align-last:end;text-align-last:end}.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}.ViewExpandImage{margin:3px}.ViewExpandImage:focus{outline:#3296da solid 2px;outline-offset:0}.ViewCollapseImage{margin:3px}.ViewCollapseImage:focus{outline:#3296da solid 2px;outline-offset:0}.callImage{cursor:default}.phoneNumberValue:focus{outline-style:none}","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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}(),c=function(){function t(){this.minimizedChanged=new e.EventEmitter,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this.afterViewChecked=new e.EventEmitter}return t.prototype.ngAfterViewChecked=function(){this.afterViewChecked.emit()},t.prototype.onMinimizedChanged=function(){this.minimizedChanged.emit()},l([e.Input()],t.prototype,"scenario",void 0),l([e.Output()],t.prototype,"minimizedChanged",void 0),l([e.Output()],t.prototype,"isAgentTyping",void 0),l([e.Output()],t.prototype,"newMessage",void 0),l([e.Output()],t.prototype,"afterViewChecked",void 0),t=l([e.Component({selector:"amc-scenario",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',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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}(),g=function(){function t(){this.labelledByText="",this.describedByText=""}return t.prototype.ngOnInit=function(){this.statusText&&this.callType?this.describedByText=this.statusText+" "+this.callType:this.statusText?this.describedByText=this.statusText:this.callType&&(this.describedByText=this.callType),this.callId&&(this.labelledByText=this.callId)},t.prototype.operationKeypress=function(t,e){"Enter"===t.code&&e.handler(e.operationName,e.operationMetadata)},l([e.Input()],t.prototype,"statusText",void 0),l([e.Input()],t.prototype,"callId",void 0),l([e.Input()],t.prototype,"callType",void 0),l([e.Input()],t.prototype,"operations",void 0),t=l([e.Component({selector:"amc-operation",template:'<div class="callOptions">\r\n <img\r\n class="AnswerCallImages"\r\n tabindex="0"\r\n role="button"\r\n attr.aria-label="{{ operation.title }}"\r\n *ngFor="let operation of operations"\r\n [title]="operation.title"\r\n [src]="operation.icon"\r\n [attr.accesskey]="operation.accesskey || null"\r\n [attr.aria-labelledby]="labelledByText || null"\r\n [attr.aria-describedby]="describedByText || null"\r\n (click)="operation.handler(operation.operationName, operation.operationMetadata)"\r\n (keypress)="operationKeypress($event, operation)"/>\r\n</div>\r\n',styles:[".AnswerCallImages:focus{outline:#3296da solid 2px;outline-offset:1px}","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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}();(p=t.IChatMessageType||(t.IChatMessageType={})).AGENT="AGENT",p.OTHER_PERSON="OTHER_PERSON",p.INFORMATION="INFORMATION";var m,h=function(e,i,o,n,r){var a=this;this.displayOperation=function(){a.displayKey=a.key,a.displayValue=a.value},this.key=e,this.value=i,this.visible=null==o||o,this.displayValueType=null!=n?n:t.ValueType.STRING,this.customOperations=r,this.displayOperation()};function f(t){t=Number(t);var e=Math.floor(t/3600),i=Math.floor(t%3600/60),o=Math.floor(t%3600%60);return(e>0?e.toString()+":":"")+(i>0?("0"+i.toString()).slice(-2)+":":"00:")+(o>0?("0"+o.toString()).slice(-2):"00")}(m=t.ValueType||(t.ValueType={}))[m.STRING=0]="STRING",m[m.COUNTER=1]="COUNTER";var u=function(){function i(){this.labelledByText="",this.title="",this._timerId=null,this.processedDisplayValue=""}return i.prototype.ngOnInit=function(){this.statusText&&this.callType?this.labelledByText=this.statusText+" "+this.callType:this.statusText?this.labelledByText=this.statusText:this.callType&&(this.labelledByText=this.callType),this.callType&&this.callId?this.title=this.callType+" "+this.callId:this.callType?this.title=this.callType:this.callId&&(this.title=this.callId),this.initValues()},i.prototype.initValues=function(){this.property.displayValueType===t.ValueType.COUNTER?this.startCallCounter():this.processedDisplayValue=this.property.displayValue},i.prototype.startCallCounter=function(){var t=this;null==this._timerId&&(this._timerId=window.setInterval((function(){var e=t.property.displayValue,i=(new Date).getTime()/1e3,o=Math.floor(i-e/1e3);t.processedDisplayValue=f(o)}),1e3))},i.prototype.ngOnDestroy=function(){this.property.displayValueType===t.ValueType.COUNTER&&null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},l([e.Input()],i.prototype,"statusText",void 0),l([e.Input()],i.prototype,"callId",void 0),l([e.Input()],i.prototype,"callType",void 0),l([e.Input()],i.prototype,"property",void 0),i=l([e.Component({selector:"amc-property",template:'<input\r\n readonly\r\n *ngIf="!property.customOperations"\r\n class="displayData"\r\n tabindex="0"\r\n type="text"\r\n [name]="processedDisplayValue"\r\n [title]="title || null"\r\n [attr.aria-labelledby]="labelledByText || null"\r\n [value]="processedDisplayValue"/>\r\n\r\n <input\r\n readonly\r\n *ngIf="property.customOperations"\r\n class="cursor displayData"\r\n type="text"\r\n tabindex="0"\r\n [name]="processedDisplayValue"\r\n [title]="title || null"\r\n [value]="processedDisplayValue"\r\n [attr.aria-labelledby]="labelledByText || null"\r\n (click)="property.customOperations.handler(property.customOperations.eventName, property.customOperations.eventMetadata)" />\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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],i)}(),x=function(){function t(){this.labelledByText="",this.displayTime="00:00/00:00"}return t.prototype.ngOnInit=function(){this.statusText&&this.callId?this.labelledByText=this.statusText+" "+this.callId:this.statusText?this.labelledByText=this.statusText:this.callId&&(this.labelledByText=this.callId),this.startCallCounter()},t.prototype.startCallCounter=function(){var t=this,e=this.CaculatePastHoldDuration();null==this._timerId&&(this._timerId=window.setInterval((function(){var i=(new Date).getTime()/1e3,o=Math.floor(i-t.holdCounterData.currentHoldStartTime/1e3);t.displayTime=f(o)+"/"+f(e+o)}),1e3))},t.prototype.CaculatePastHoldDuration=function(){var t=0;return this.holdCounterData.pastCallDurations&&this.holdCounterData.pastCallDurations.forEach((function(e){t+=(e.endTime-e.startTime)/1e3})),t},t.prototype.ngOnDestroy=function(){null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},l([e.Input()],t.prototype,"holdCounterData",void 0),l([e.Input()],t.prototype,"statusText",void 0),l([e.Input()],t.prototype,"callId",void 0),t=l([e.Component({selector:"amc-holdtimer",template:'<div class="holdCallDurationDiv">\r\n <input\r\n readonly\r\n class="holdCallDurationTimer"\r\n name="HoldCallDuration/TotalHoldCallDuration"\r\n type="text"\r\n tabindex="-1"\r\n title="Hold Duration"\r\n [attr.aria-labelledby]="labelledByText || null"\r\n [value]="displayTime">\r\n</div>\r\n',styles:[".holdCallDurationTimer:focus{outline-style:none}","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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}(),b=function(){function t(){this.labelledByText="",this.displayTime="00:00/00:00"}return t.prototype.ngOnInit=function(){this.statusText&&this.callId?this.labelledByText=this.statusText+" "+this.callId:this.statusText?this.labelledByText=this.statusText:this.callId&&(this.labelledByText=this.callId),this.startCallCounter()},t.prototype.startCallCounter=function(){var t=this;null==this._timerId&&(this._timerId=window.setInterval((function(){var e=t.startTime,i=(new Date).getTime()/1e3,o=Math.floor(i-e/1e3);t.displayTime=Math.floor(o/60)+":"+("0"+o%60).slice(-2)}),1e3))},t.prototype.ngOnDestroy=function(){null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},l([e.Input()],t.prototype,"statusText",void 0),l([e.Input()],t.prototype,"callId",void 0),l([e.Input()],t.prototype,"startTime",void 0),t=l([e.Component({selector:"amc-duration",template:'<div class="holdCallDurationDiv">\r\n <input\r\n readonly\r\n class="block durationInput"\r\n name="CallDuration"\r\n type="text"\r\n tabindex="-1"\r\n title="Call Duration"\r\n [value]="displayTime"\r\n [attr.aria-labelledby]="labelledByText || null">\r\n</div>\r\n',styles:[".durationInput:focus{outline-style:none}","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:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;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: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}.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}"]})],t)}(),y=function(){function i(t){this.renderer=t,this.isTyping=!1,this.lastCount=-1,this._isAgentTyping=!1,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this.newMessageText="",this.usernameToColor={},this.colors=["#c2c4c4","#ffab91","#f48fb1","#29b6f6","#e1bee7","#9ccc65","#ffc107","#26c6da","#cddc39"],this.colorsIndex=0,this.agentColor="#2db0e0"}return i.prototype.ngOnInit=function(){this.renderer.selectRootElement("#autofocus").focus()},i.prototype.ngAfterViewChecked=function(){this.lastCount!==this.messages.length&&(this.lastCount=this.messages.length,this.scrollToBottom())},i.prototype.getColor=function(e){return e.type&&e.type===t.IChatMessageType.AGENT?this.agentColor:e.username?(this.usernameToColor[e.username]||(this.usernameToColor[e.username]=this.colors[this.colorsIndex],this.colorsIndex=(this.colorsIndex+1)%this.colors.length),this.usernameToColor[e.username]):this.colors[0]},i.prototype.shouldAlignRight=function(e){return e.type&&e.type===t.IChatMessageType.AGENT},i.prototype.sendNewMessage=function(t){t.preventDefault(),this.newMessageText&&(this.newMessage.emit(this.newMessageText),this.newMessageText=""),this.renderer.selectRootElement("#autofocus").focus()},i.prototype.onNewMessageFocus=function(t){var e=t&&this.newMessageText.length>0;e!==this._isAgentTyping&&(this._isAgentTyping=e,this.isAgentTyping.emit(e))},i.prototype.onKeyup=function(){var t=this.newMessageText.length>0;t!==this._isAgentTyping&&(this._isAgentTyping=t,this.isAgentTyping.emit(t))},i.prototype.scrollToBottom=function(){try{this.messagesContainer.nativeElement.scrollTop=this.messagesContainer.nativeElement.scrollHeight}catch(t){}},i.ctorParameters=function(){return[{type:e.Renderer2}]},l([e.Input()],i.prototype,"settings",void 0),l([e.Input()],i.prototype,"isTyping",void 0),l([e.Input()],i.prototype,"messages",void 0),l([e.Output()],i.prototype,"isAgentTyping",void 0),l([e.Output()],i.prototype,"newMessage",void 0),l([e.ViewChild("MessagesContainer",{static:!0})],i.prototype,"messagesContainer",void 0),l([e.ViewChild("autofocus",{static:!1})],i.prototype,"autofocus",void 0),i=l([e.Component({selector:"app-chat-box",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 class="chat-line" [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\r\n\r\n<div class="message-box">\r\n <textarea id="autofocus" #NewMessageText [(ngModel)]="newMessageText" type="text" class="message-input scroll" placeholder="Type a message..."\r\n (focus)="onNewMessageFocus(true)" (keydown.enter)="sendNewMessage($event)" (keyup)=\'onKeyup()\' [disabled]="settings.disableSendMessage" ></textarea>\r\n <button type="submit" class="message-submit" (click)="sendNewMessage($event)" [disabled]="settings.disableSendMessage">Send</button>\r\n</div>\r\n</div>\r\n',styles:[".message-box{flex:1 1 0;width:99%;background:#fff;margin:auto;position:relative;border-radius:5px;height:100%;border:1px solid #ccc}.message-box .message-input{background:0 0;border:none;outline:0!important;resize:none;font-family:inherit;font-size:.8rem;height:100%;margin:0;padding:10px 7px;width:89%;color:#444}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-submit{position:absolute;z-index:1;top:26px;right:5px;background:#1e72ba;border:none;color:#fff;font-size:10px;line-height:1;padding:6px 10px;border-radius:5px;outline:0!important;transition:background .2s;cursor:pointer}.scroll::-webkit-scrollbar{display:none}.chat-box{background-color:#f4f5fb;padding:5px}.messages{padding:5px;overflow:auto;min-height:50px}.chat-line{margin-bottom:15px}.new-message{border-top:1px solid #000;display:flex;align-content:center;height:25px}.new-message input[type=text]{flex:1 1 0;background-color:#f4f5fb;border:none;min-width:0}.new-message input[type=image]{position:relative;top: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:.8em;font-style:italic}.typing-indicator span{display:inline-block;height:4px;width:4px;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}}"]})],i)}(),v=function(){function t(){this.alignRight=!1}return t.prototype.ngOnInit=function(){},l([e.Input()],t.prototype,"message",void 0),l([e.Input()],t.prototype,"alignRight",void 0),l([e.Input()],t.prototype,"username",void 0),l([e.Input()],t.prototype,"color",void 0),l([e.Input()],t.prototype,"timestamp",void 0),l([e.Input()],t.prototype,"image",void 0),l([e.Input()],t.prototype,"fallbackImage",void 0),t=l([e.Component({selector:"app-chat-message",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 </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 <span *ngIf="timestamp" class="timestamp">{{timestamp}}</span>\r\n</div>\r\n',styles:[':host{display:block;margin-top:2px;margin-bottom:2px}.right-message{text-align:end}.timestamp{font-size:10px;margin-right:30px;margin-left:30px}.message-header{display:flex;-webkit-text-emphasis:none;text-emphasis:none;font-style:italic;font-size:.7em;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{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:flex}.right-message>.message-body-container{flex-direction:row-reverse}.message-body{display:inline-block;position:relative;border-radius:1em;padding:6px;font-style:normal;font-size:.8em;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;-webkit-hyphens:auto;hyphens:auto}.left-message .message-body:after{content:"";position:absolute;border-left:10px solid #000;border-color:inherit;border-right:10px solid transparent;border-bottom:10px solid transparent;left:1px;bottom:-2px}.right-message .message-body:after{content:"";position:absolute;border-left:10px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-bottom:0 solid transparent;right:1px;bottom:-2px}']})],t)}(),w=function(){function t(){this.dispositionEmitter=new e.EventEmitter,this.selectedDispositionValue="",this.dispositionName=""}return t.prototype.ngOnInit=function(){var t,e;try{for(var i=s(this.disposition.dispositionMetadata),o=i.next();!o.done;o=i.next()){var n=o.value;if("callId"===n.key){this.dispositionName="disposition_"+n.value;break}}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.disposition.checkedDisposition&&(this.selectedDispositionValue=this.disposition.checkedDisposition)},t.prototype.submitDisposition=function(){var t={dispositionId:this.selectedDispositionValue,dispositionName:this.disposition.disposition.get(this.selectedDispositionValue),dispositionMetadata:this.disposition.dispositionMetadata};this.dispositionEmitter.emit(t)},t.prototype.selectAndSubmitDisposition=function(t,e){"Enter"===t.code&&(this.selectedDispositionValue=e,this.submitDisposition())},l([e.Input()],t.prototype,"disposition",void 0),l([e.Output()],t.prototype,"dispositionEmitter",void 0),t=l([e.Component({selector:"amc-disposition",template:'<div class="disposition-container">\r\n <div class="header-container">\r\n <label class="disposition-header" attr.aria-label="set disposition">{{disposition.dispositionHeader}}</label>\r\n </div>\r\n\r\n <div class="dispositions-container">\r\n <div class="disposition" *ngFor="let disp of disposition.disposition | keyvalue; let i = index">\r\n <label\r\n class="disposition-label"\r\n tabindex="0"\r\n [id]="disp.key"\r\n [ngClass]="{\'disposition-label-selected\' : selectedDispositionValue === disp.key, \'first-disposition\': i === 0}"\r\n (keypress)="selectAndSubmitDisposition($event, disp.key)">\r\n\r\n <input\r\n class="disposition-input"\r\n type="radio"\r\n value="{{disp.key}}"\r\n tabindex="-1"\r\n attr.aria-label="{{disp.value}}"\r\n [required]="!selectedDispositionValue"\r\n [name]="dispositionName"\r\n (change)="submitDisposition()"\r\n [(ngModel)]="selectedDispositionValue">\r\n\r\n {{disp.value}}\r\n </label>\r\n </div>\r\n </div>\r\n</div>\r\n',styles:[".disposition-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;max-height:180px;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;white-space:nowrap;height:28px;position:-webkit-sticky;position:sticky;overflow-x:hidden;overflow-y:hidden}.disposition-header{margin-top:auto;margin-left:7px;padding:5px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:.9em;font-family:Arial;overflow-x:hidden}.disposition{margin-left:5px;padding-left:5px;white-space:nowrap}.disposition-label{text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:.9em;overflow-x:hidden}.disposition-label-selected{text-overflow:ellipsis;font-weight:700;white-space:nowrap;font-size:.9em}.dispositions-container{padding:3px;overflow-y:scroll;max-height:150px}.disposition-label:focus{outline:#3296da solid 2px;outline-offset:5px}.first-disposition{margin-top:5px}"]})],t)}(),I=function(){function t(){this.ActivitySave=new e.EventEmitter,this.OnNameSelectChange=new e.EventEmitter,this.OnRelatedToChange=new e.EventEmitter,this.OnSubjectChange=new e.EventEmitter,this.OnCallNotesChange=new e.EventEmitter,this.isActivityMaximized=!0}return t.prototype.ngOnInit=function(){},t.prototype.onNameSelectChange=function(t){this.activity.WhoObject=this.getWho(t.currentTarget.value),this.OnNameSelectChange.emit(this.activity)},t.prototype.parseWhoObject=function(t){return t.objectType+": "+t.objectName},t.prototype.parseWhatObject=function(t){return t.objectType+": "+t.objectName},t.prototype.onRelatedToChange=function(t){this.activity.WhatObject=this.getWhat(t.currentTarget.value),this.OnRelatedToChange.emit(this.activity)},t.prototype.onSubjectChange=function(t){this.activity.Subject=t.srcElement.value,this.OnSubjectChange.emit(this.activity)},t.prototype.onCallNotesChange=function(t){this.activity.Subject=t.srcElement.value.trim(),this.OnCallNotesChange.emit(this.activity)},t.prototype.getWho=function(t){for(var e=0;e<this.activity.whoList.length;e++)if(this.activity.whoList[e].objectId===t)return this.activity.whoList[e]},t.prototype.getWhat=function(t){for(var e=0;e<this.activity.whatList.length;e++)if(this.activity.whatList[e].objectId===t)return this.activity.whatList[e]},t.prototype.loadQuickComment=function(t){this.activity.Description=this.activity.Description+this.activity.quickCommentList[t]},t.prototype.activitySave=function(t){this.ActivitySave.emit(this.activity)},l([e.Input()],t.prototype,"activity",void 0),l([e.Output()],t.prototype,"ActivitySave",void 0),l([e.Output()],t.prototype,"OnNameSelectChange",void 0),l([e.Output()],t.prototype,"OnRelatedToChange",void 0),l([e.Output()],t.prototype,"OnSubjectChange",void 0),l([e.Output()],t.prototype,"OnCallNotesChange",void 0),t=l([e.Component({selector:"app-activity",template:'<div *ngIf="isActivityMaximized" class="callDisplay">\r\n <div class="editor callHeader">\r\n <label class="headerLabel">\r\n <b>Activity Information</b>\r\n </label>\r\n <img class="ViewResizeImage" src="/assets/images/section_collapse.png" (click)="isActivityMaximized = false" title="Collapse">\r\n </div>\r\n <div class="callBody">\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" value="{{who.objectId}}">{{parseWhoObject(who)}}</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" value="{{what.objectId}}">{{parseWhatObject(what)}}</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="callNotesContainer">\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="quickNotesBotton" 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="Submit" (click)="activitySave(false)">\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="!isActivityMaximized" class="callDisplay">\r\n <div class="editor callHeader">\r\n <label class="headerLabel">\r\n <b>Activity Information</b>\r\n </label>\r\n <img class="ViewResizeImage" src="assets/images/section_expand.png" (click)="isActivityMaximized = true" title="Expand">\r\n </div>\r\n',styles:[".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}.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important}.headerLabel{margin-left:10px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.callBody{border-top:0;position:relative}.displayDiv{width:100%;display:flex}.displayLabels{margin-left:5px;width:25%;margin-right:2px}.displayData{width:70%}.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:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-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}.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}.commentsButtonDiv{width:100%;display:flex;align-items:center}.quickNotesBotton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:20px;margin:2px;outline:0;font-size:70%}.quickCommentsDiv{text-align:left;flex:1 0 0;flex-wrap:wrap;display:flex;margin:2px}.submitDiv{text-align:right;padding-right:4px}.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}"]})],t)}(),T=function(){function t(){this.loginDetailsProvided=new e.EventEmitter}return t.prototype.ngOnInit=function(){var t,e;this.loginData.header||(this.loginData.header="Login");try{for(var i=s(this.loginData.fields),o=i.next();!o.done;o=i.next()){var n=o.value;n.isInvalid||(n.isInvalid=!1)}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}},t.prototype.onLogin=function(t){var e,i;try{for(var o=s(this.loginData.fields),n=o.next();!n.done;n=o.next()){var r=n.value;r.value=t.value[r.name]}}catch(t){e={error:t}}finally{try{n&&!n.done&&(i=o.return)&&i.call(o)}finally{if(e)throw e.error}}this.loginDetailsProvided.emit(this.loginData)},t.prototype.focusOutOfInput=function(t,e){t.controls[e.name].valid||(e.isInvalid=!0)},l([e.Input()],t.prototype,"loginData",void 0),l([e.Output()],t.prototype,"loginDetailsProvided",void 0),t=l([e.Component({selector:"amc-login",template:'<div class="login-container">\r\n <form (ngSubmit)="onLogin(loginForm)"class="login-form" id="login-form" #loginForm="ngForm">\r\n <div class="header-container">\r\n <label class="login-header" attr.aria-label="login">{{ loginData.header }}</label>\r\n </div>\r\n <div class="fields-container">\r\n <div *ngFor="let field of loginData.fields" class="field">\r\n <label class="field-label">\r\n {{ field.name }}:\r\n </label>\r\n\r\n <input\r\n ngModel\r\n class="field-input"\r\n attr.aria-label="{{ field.name }}"\r\n [name]="field.name"\r\n [type]="field.type"\r\n [value]="field.value"\r\n [placeholder]="field.placeholder || \'\'"\r\n [required]="field.isRequired || false"\r\n (focusout)="focusOutOfInput(loginForm, field)"/>\r\n\r\n <p class="invalid-input" *ngIf="field.isInvalid">{{ field.invalidMessage }}</p>\r\n </div>\r\n\r\n <button\r\n type="submit"\r\n class="form-submit"\r\n form="login-form"\r\n tabindex="0"\r\n attr.aria-label="send"\r\n [disabled]="!loginForm.valid">Login</button>\r\n </div>\r\n\r\n </form>\r\n</div>\r\n',styles:[".login-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;height:28px;position:-webkit-sticky;position:sticky}.login-header{margin-top:auto;margin-left:7px;padding:5px;font-weight:700;font-size:.9em}.fields-container{overflow-y:auto;font-size:.9em;padding:5px}.field{display:table-row;margin:5px}.field-label{padding:10px;display:table-cell}.field-input{display:table-cell;border:1px solid #939598;border-radius:5px}.field-input:focus{box-shadow:0 0 5px #38badf}.form-submit{margin:15px 10px 10px;display:table-row;border:1px solid #00a4b0;border-radius:5px;background-color:#00a4b0;color:#f7f7f7;width:10em;height:2em;transition:.2s;font-size:1.1em;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.form-submit:hover{background-color:#01858f}.form-submit:disabled{background-color:silver;border-color:silver;color:#fff}input.ng-invalid.ng-touched[required]{border-color:#a94442}.form-submit:focus{outline:#3296da solid 2px;outline-offset:5px}.invalid-input{margin:0;padding:0;color:#a94442;font-size:x-small}"]})],t)}(),D=function(){function t(t){this.injector=t}return t.prototype.ngDoBootstrap=function(t){if(!customElements.get("amc-webcomponents-scenario")){var e=new a.ElementZoneStrategyFactory(c,this.injector);customElements.define("amc-webcomponents-scenario",n.createCustomElement(c,{injector:this.injector,strategyFactory:e}))}if(!customElements.get("amc-webcomponents-disposition")){e=new a.ElementZoneStrategyFactory(w,this.injector);customElements.define("amc-webcomponents-disposition",n.createCustomElement(w,{injector:this.injector,strategyFactory:e}))}if(!customElements.get("amc-webcomponents-login")){e=new a.ElementZoneStrategyFactory(T,this.injector);customElements.define("amc-webcomponents-login",n.createCustomElement(T,{injector:this.injector,strategyFactory:e}))}},t.ctorParameters=function(){return[{type:e.Injector}]},t=l([e.NgModule({imports:[r.BrowserModule,i.CommonModule,o.FormsModule],declarations:[d,c,g,u,x,b,y,v,w,I,T],entryComponents:[c,w,T],bootstrap:[],exports:[c,w,T]})],t)}();t.Property=h,t.UILibraryModule=D,t.ɵa=d,t.ɵb=c,t.ɵc=g,t.ɵd=u,t.ɵe=x,t.ɵf=b,t.ɵg=y,t.ɵh=v,t.ɵi=w,t.ɵj=I,t.ɵk=T,Object.defineProperty(t,"__esModule",{value:!0})}));
16
16
  //# sourceMappingURL=amc-technology-ui-library.umd.min.js.map
package/bundles/amc-technology-ui-library.umd.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../node_modules/tslib/tslib.es6.js","ng://@amc-technology/ui-library/projects/UILibrary/src/app/models/chat.message.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/interaction/interaction.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/scenario/scenario.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/operation/operation.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/models/uilibrary.model.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/Helpers.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/property/property.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/duration/duration.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/chat-box/chat-box.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/chat-message/chat-message.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/disposition/disposition.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/activity/activity.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/login/login.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/uilibrary.module.ts"],"names":["__decorate","decorators","target","key","desc","d","c","arguments","length","r","Object","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__values","o","s","Symbol","iterator","m","call","next","value","done","TypeError","IChatMessageType","InteractionComponent","this","minimizedChanged","EventEmitter","isAgentTyping","newMessage","_minimized","prototype","minimized","emit","ngOnInit","minimize","maximize","isConferenceCall","interaction","parties","collapseKeypress","event","code","expandKeypress","Input","Output","Component","selector","template","ScenarioComponent","afterViewChecked","ngAfterViewChecked","onMinimizedChanged","OperationComponent","labelledByText","describedByText","statusText","callType","callId","operationKeypress","operation","handler","operationName","operationMetadata","ValueType","visible","valueType","customOperation","_this","displayOperation","displayKey","displayValue","displayValueType","STRING","customOperations","secondsToHms","seconds_in","Number","h","Math","floor","toString","slice","PropertyComponent","title","_timerId","processedDisplayValue","initValues","property","COUNTER","startCallCounter","window","setInterval","callStartTime","currentTime","Date","getTime","secondsPassed","ngOnDestroy","clearInterval","HoldtimerComponent","displayTime","pastTimeInSeconds","CaculatePastHoldDuration","secondsPassedCurrentCall","holdCounterData","currentHoldStartTime","pastCallDurations","forEach","holdTimerIterator","endTime","startTime","DurationComponent","ChatBoxComponent","isTyping","lastCount","_isAgentTyping","newMessageText","usernameToColor","colors","colorsIndex","agentColor","searchElement","nativeElement","focus","messages","scrollToBottom","getColor","message","type","AGENT","username","shouldAlignRight","sendNewMessage","preventDefault","onNewMessageFocus","onKeyup","messagesContainer","scrollTop","scrollHeight","e","ViewChild","static","ChatMessageComponent","alignRight","DispositionComponent","dispositionEmitter","selectedDispositionValue","dispositionName","_b","disposition","dispositionMetadata","_c","metadata","checkedDisposition","submitDisposition","selectedDisposition","dispositionId","get","selectAndSubmitDisposition","dispositionKey","ActivityComponent","ActivitySave","OnNameSelectChange","OnRelatedToChange","OnSubjectChange","OnCallNotesChange","isActivityMaximized","onNameSelectChange","activity","WhoObject","getWho","currentTarget","parseWhoObject","whoObject","objectType","objectName","parseWhatObject","whatObject","onRelatedToChange","WhatObject","getWhat","onSubjectChange","Subject","srcElement","onCallNotesChange","trim","id","whoList","objectId","whatList","loadQuickComment","Description","quickCommentList","activitySave","clearActivityFields","LoginComponent","loginDetailsProvided","loginData","header","fields","field","isInvalid","onLogin","loginForm","name","focusOutOfInput","controls","valid","UILibraryModule","injector","ngDoBootstrap","app","customElements","strategyFactory","ElementZoneStrategyFactory","define","createCustomElement","Injector","NgModule","imports","BrowserModule","CommonModule","FormsModule","declarations","entryComponents","bootstrap","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","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","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 templateUrl: './interaction.component.html',\r\n styleUrls: ['./interaction.component.scss', './../uilibrary.module.scss']\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 collapseKeypress(event: KeyboardEvent) {\r\n if (event.code === 'Enter') {\r\n this.minimize();\r\n }\r\n }\r\n\r\n expandKeypress(event: KeyboardEvent) {\r\n if (event.code === 'Enter') {\r\n this.maximize();\r\n }\r\n }\r\n\r\n}\r\n","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 templateUrl: './scenario.component.html',\r\n styleUrls: ['./scenario.component.scss', './../uilibrary.module.scss']\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","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 templateUrl: './operation.component.html',\r\n styleUrls: ['./operation.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class OperationComponent implements OnInit {\r\n @Input() statusText: string;\r\n @Input() callId: string;\r\n @Input() callType: string;\r\n @Input() operations: IOperation[];\r\n\r\n labelledByText = '';\r\n describedByText = '';\r\n\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 if (this.statusText && this.callType) {\r\n this.describedByText = `${this.statusText} ${this.callType}`;\r\n } else if (this.statusText) {\r\n this.describedByText = this.statusText;\r\n } else if (this.callType) {\r\n this.describedByText = this.callType\r\n }\r\n\r\n if (this.callId) {\r\n this.labelledByText = this.callId;\r\n }\r\n }\r\n\r\n operationKeypress(event: KeyboardEvent, operation: IOperation) {\r\n if (event.code === 'Enter') {\r\n operation.handler(operation.operationName, operation.operationMetadata);\r\n }\r\n }\r\n}\r\n","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 WhoObject: IActivityDetails;\r\n WhatObject: IActivityDetails;\r\n whoList: IActivityDetails[];\r\n whatList: IActivityDetails[];\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 TimeStamp: Date;\r\n ActivityId: string;\r\n quickCommentList: string[];\r\n}\r\n\r\nexport interface IActivityDetails {\r\n objectType: string;\r\n displayName: string;\r\n objectName: string;\r\n objectId: string;\r\n url: 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 * Browser accesskey to jump instantly to this operation Should conform to AMC norms and consist of a single printable character.\r\n */\r\n accesskey?: string\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","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","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 templateUrl: './property.component.html',\r\n styleUrls: ['./property.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class PropertyComponent implements OnInit, OnDestroy {\r\n\r\n @Input() statusText: string;\r\n @Input() callId: string;\r\n @Input() callType: string;\r\n @Input() property: IProperty;\r\n\r\n labelledByText = '';\r\n title = '';\r\n\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 if (this.statusText && this.callType) {\r\n this.labelledByText = `${this.statusText} ${this.callType}`;\r\n } else if (this.statusText) {\r\n this.labelledByText = this.statusText;\r\n } else if (this.callType) {\r\n this.labelledByText = this.callType\r\n }\r\n\r\n if (this.callType && this.callId) {\r\n this.title = `${this.callType} ${this.callId}`\r\n } else if (this.callType) {\r\n this.title = this.callType;\r\n } else if (this.callId) {\r\n this.title = this.callId;\r\n }\r\n\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","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 templateUrl: './holdtimer.component.html',\r\n styleUrls: ['./holdtimer.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class HoldtimerComponent implements OnInit, OnDestroy {\r\n @Input() holdCounterData: IHoldCounterData;\r\n @Input() statusText: string;\r\n @Input() callId: string;\r\n\r\n displayTime: string;\r\n labelledByText = '';\r\n\r\n private _timerId?: number;\r\n constructor() {\r\n this.displayTime = '00:00/00:00';\r\n }\r\n\r\n ngOnInit() {\r\n if (this.statusText && this.callId) {\r\n this.labelledByText = `${this.statusText} ${this.callId}`;\r\n } else if (this.statusText) {\r\n this.labelledByText = this.statusText;\r\n } else if (this.callId) {\r\n this.labelledByText = this.callId\r\n }\r\n\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","import { Component, Input, OnInit, OnDestroy } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'amc-duration',\r\n templateUrl: './duration.component.html',\r\n styleUrls: ['./duration.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class DurationComponent implements OnInit, OnDestroy {\r\n @Input() statusText: string;\r\n @Input() callId: string;\r\n @Input() startTime: number;\r\n\r\n displayTime: string;\r\n labelledByText = '';\r\n\r\n private _timerId?: number;\r\n\r\n constructor() {\r\n this.displayTime = '00:00/00:00';\r\n }\r\n\r\n ngOnInit() {\r\n if (this.statusText && this.callId) {\r\n this.labelledByText = `${this.statusText} ${this.callId}`;\r\n } else if (this.statusText) {\r\n this.labelledByText = this.statusText;\r\n } else if (this.callId) {\r\n this.labelledByText = this.callId\r\n }\r\n\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","import { Component, Input, Output, EventEmitter, OnInit, 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 templateUrl: './chat-box.component.html',\r\n styleUrls: ['./chat-box.component.scss'],\r\n})\r\nexport class ChatBoxComponent implements AfterViewChecked, OnInit{\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', { static: true }) messagesContainer: ElementRef;\r\n @ViewChild('NewMessageText') searchElement: ElementRef;\r\n\r\n usernameToColor: { [username: string]: string } = {};\r\n colors = [\r\n '#c2c4c4',\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 = '#2db0e0';\r\n\r\n constructor() { }\r\n ngOnInit(): void {\r\n this.searchElement.nativeElement.focus();\r\n }\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(event) {\r\n event.preventDefault();\r\n if (this.newMessageText) {\r\n this.newMessage.emit(this.newMessageText);\r\n this.newMessageText = '';\r\n }\r\n this.searchElement.nativeElement.focus();\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","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-chat-message',\r\n templateUrl: './chat-message.component.html',\r\n styleUrls: ['./chat-message.component.scss']\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","import { IDisposition, IDispositionResult } from './../../models/disposition.interface';\r\nimport { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'amc-disposition',\r\n templateUrl: './disposition.component.html',\r\n styleUrls: ['./disposition.component.css']\r\n})\r\nexport class DispositionComponent implements OnInit {\r\n @Input() disposition: IDisposition;\r\n\r\n @Output() dispositionEmitter = new EventEmitter<IDispositionResult>();\r\n\r\n selectedDispositionValue: string = '';\r\n dispositionName: string = '';\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n for (const metadata of this.disposition.dispositionMetadata) {\r\n if (metadata.key === 'callId') {\r\n this.dispositionName = `disposition_${metadata.value}`;\r\n\r\n break;\r\n }\r\n }\r\n\r\n if (this.disposition.checkedDisposition) {\r\n this.selectedDispositionValue = this.disposition.checkedDisposition;\r\n }\r\n }\r\n\r\n submitDisposition() {\r\n const selectedDisposition: IDispositionResult = {\r\n dispositionId: this.selectedDispositionValue,\r\n dispositionName: this.disposition.disposition.get(this.selectedDispositionValue),\r\n dispositionMetadata: this.disposition.dispositionMetadata\r\n };\r\n\r\n this.dispositionEmitter.emit(selectedDisposition);\r\n }\r\n\r\n selectAndSubmitDisposition(event: KeyboardEvent, dispositionKey: string) {\r\n if (event.code === 'Enter') {\r\n this.selectedDispositionValue = dispositionKey;\r\n this.submitDisposition();\r\n }\r\n }\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { IActivity, IActivityDetails } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n selector: 'app-activity',\r\n templateUrl: './activity.component.html',\r\n styleUrls: ['./activity.component.css']\r\n})\r\nexport class ActivityComponent implements OnInit {\r\n\r\nisActivityMaximized: boolean;\r\n@Input() activity: IActivity;\r\n@Output() ActivitySave: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnNameSelectChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnRelatedToChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnSubjectChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnCallNotesChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n\r\n constructor() {\r\n this.isActivityMaximized = true;\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n public onNameSelectChange(event) {\r\n this.activity.WhoObject = this.getWho(event.currentTarget.value);\r\n this.OnNameSelectChange.emit(this.activity);\r\n }\r\n\r\n public parseWhoObject(whoObject: IActivityDetails): string {\r\n return whoObject.objectType + ': ' + whoObject.objectName;\r\n }\r\n\r\n public parseWhatObject(whatObject: IActivityDetails): string {\r\n return whatObject.objectType + ': ' + whatObject.objectName;\r\n }\r\n\r\n public onRelatedToChange(event) {\r\n this.activity.WhatObject = this.getWhat(event.currentTarget.value);\r\n this.OnRelatedToChange.emit(this.activity);\r\n }\r\n\r\n public onSubjectChange(event) {\r\n this.activity.Subject = event.srcElement.value;\r\n this.OnSubjectChange.emit(this.activity);\r\n }\r\n public onCallNotesChange(event) {\r\n this.activity.Subject = event.srcElement.value.trim();\r\n this.OnCallNotesChange.emit(this.activity);\r\n }\r\n\r\n public getWho(id): IActivityDetails {\r\n for (let i = 0; i < this.activity.whoList.length; i++) {\r\n if (this.activity.whoList[i].objectId === id) {\r\n return this.activity.whoList[i];\r\n }\r\n }\r\n }\r\n public getWhat(id): IActivityDetails {\r\n for (let i = 0; i < this.activity.whatList.length; i++) {\r\n if (this.activity.whatList[i].objectId === id) {\r\n return this.activity.whatList[i];\r\n }\r\n }\r\n }\r\n\r\n public loadQuickComment(value) {\r\n this.activity.Description = this.activity.Description + this.activity.quickCommentList[value];\r\n }\r\n\r\n public activitySave(clearActivityFields) {\r\n this.ActivitySave.emit(this.activity);\r\n }\r\n}\r\n","import { ILoginData } from './../../models/login.interface';\r\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { NgForm } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'amc-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.css']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n @Input() loginData: ILoginData;\r\n @Output() loginDetailsProvided = new EventEmitter<ILoginData>();\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n if (!this.loginData.header) {\r\n this.loginData.header = 'Login';\r\n }\r\n\r\n for (let field of this.loginData.fields) {\r\n if (!field.isInvalid) {\r\n field.isInvalid = false;\r\n }\r\n }\r\n }\r\n\r\n onLogin(loginForm: NgForm) {\r\n for (const field of this.loginData.fields) {\r\n field.value = loginForm.value[field.name];\r\n }\r\n\r\n this.loginDetailsProvided.emit(this.loginData);\r\n }\r\n\r\n focusOutOfInput(loginForm: NgForm, field) {\r\n if (!loginForm.controls[field.name].valid) {\r\n field.isInvalid = true;\r\n }\r\n\r\n // console.log(loginForm);\r\n // console.log(field);\r\n }\r\n}\r\n","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 { LoginComponent } from './components/login/login.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 LoginComponent\r\n ],\r\n entryComponents: [ScenarioComponent, DispositionComponent, LoginComponent],\r\n bootstrap: [],\r\n exports: [ScenarioComponent, DispositionComponent, LoginComponent]\r\n})\r\nexport class UILibraryModule {\r\n constructor(private injector: Injector) { }\r\n\r\n ngDoBootstrap(app) {\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 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 if (!customElements.get('amc-webcomponents-login')) {\r\n const strategyFactory = new ElementZoneStrategyFactory(\r\n LoginComponent,\r\n this.injector\r\n );\r\n customElements.define(\r\n 'amc-webcomponents-login',\r\n createCustomElement(LoginComponent, {\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"]}
1
+ {"version":3,"sources":["../../node_modules/tslib/tslib.es6.js","ng://@amc-technology/ui-library/projects/UILibrary/src/app/models/chat.message.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/interaction/interaction.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/scenario/scenario.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/operation/operation.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/models/uilibrary.model.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/Helpers.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/property/property.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/duration/duration.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/chat-box/chat-box.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/chat-message/chat-message.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/disposition/disposition.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/activity/activity.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/login/login.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/uilibrary.module.ts"],"names":["__decorate","decorators","target","key","desc","d","c","arguments","length","r","Object","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__values","o","s","Symbol","iterator","m","call","next","value","done","TypeError","IChatMessageType","InteractionComponent","this","minimizedChanged","EventEmitter","isAgentTyping","newMessage","_minimized","prototype","minimized","emit","ngOnInit","minimize","maximize","isConferenceCall","interaction","parties","collapseKeypress","event","code","expandKeypress","Input","Output","Component","selector","template","ScenarioComponent","afterViewChecked","ngAfterViewChecked","onMinimizedChanged","OperationComponent","labelledByText","describedByText","statusText","callType","callId","operationKeypress","operation","handler","operationName","operationMetadata","ValueType","visible","valueType","customOperation","_this","displayOperation","displayKey","displayValue","displayValueType","STRING","customOperations","secondsToHms","seconds_in","Number","h","Math","floor","toString","slice","PropertyComponent","title","_timerId","processedDisplayValue","initValues","property","COUNTER","startCallCounter","window","setInterval","callStartTime","currentTime","Date","getTime","secondsPassed","ngOnDestroy","clearInterval","HoldtimerComponent","displayTime","pastTimeInSeconds","CaculatePastHoldDuration","secondsPassedCurrentCall","holdCounterData","currentHoldStartTime","pastCallDurations","forEach","holdTimerIterator","endTime","startTime","DurationComponent","ChatBoxComponent","renderer","isTyping","lastCount","_isAgentTyping","newMessageText","usernameToColor","colors","colorsIndex","agentColor","selectRootElement","focus","messages","scrollToBottom","getColor","message","type","AGENT","username","shouldAlignRight","sendNewMessage","preventDefault","onNewMessageFocus","onKeyup","messagesContainer","nativeElement","scrollTop","scrollHeight","e","Renderer2","ViewChild","static","ChatMessageComponent","alignRight","DispositionComponent","dispositionEmitter","selectedDispositionValue","dispositionName","_b","disposition","dispositionMetadata","_c","metadata","checkedDisposition","submitDisposition","selectedDisposition","dispositionId","get","selectAndSubmitDisposition","dispositionKey","ActivityComponent","ActivitySave","OnNameSelectChange","OnRelatedToChange","OnSubjectChange","OnCallNotesChange","isActivityMaximized","onNameSelectChange","activity","WhoObject","getWho","currentTarget","parseWhoObject","whoObject","objectType","objectName","parseWhatObject","whatObject","onRelatedToChange","WhatObject","getWhat","onSubjectChange","Subject","srcElement","onCallNotesChange","trim","id","whoList","objectId","whatList","loadQuickComment","Description","quickCommentList","activitySave","clearActivityFields","LoginComponent","loginDetailsProvided","loginData","header","fields","field","isInvalid","onLogin","loginForm","name","focusOutOfInput","controls","valid","UILibraryModule","injector","ngDoBootstrap","app","customElements","strategyFactory","ElementZoneStrategyFactory","define","createCustomElement","Injector","NgModule","imports","BrowserModule","CommonModule","FormsModule","declarations","entryComponents","bootstrap","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","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","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 templateUrl: './interaction.component.html',\r\n styleUrls: ['./interaction.component.scss', './../uilibrary.module.scss']\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 collapseKeypress(event: KeyboardEvent) {\r\n if (event.code === 'Enter') {\r\n this.minimize();\r\n }\r\n }\r\n\r\n expandKeypress(event: KeyboardEvent) {\r\n if (event.code === 'Enter') {\r\n this.maximize();\r\n }\r\n }\r\n\r\n}\r\n","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 templateUrl: './scenario.component.html',\r\n styleUrls: ['./scenario.component.scss', './../uilibrary.module.scss']\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","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 templateUrl: './operation.component.html',\r\n styleUrls: ['./operation.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class OperationComponent implements OnInit {\r\n @Input() statusText: string;\r\n @Input() callId: string;\r\n @Input() callType: string;\r\n @Input() operations: IOperation[];\r\n\r\n labelledByText = '';\r\n describedByText = '';\r\n\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 if (this.statusText && this.callType) {\r\n this.describedByText = `${this.statusText} ${this.callType}`;\r\n } else if (this.statusText) {\r\n this.describedByText = this.statusText;\r\n } else if (this.callType) {\r\n this.describedByText = this.callType\r\n }\r\n\r\n if (this.callId) {\r\n this.labelledByText = this.callId;\r\n }\r\n }\r\n\r\n operationKeypress(event: KeyboardEvent, operation: IOperation) {\r\n if (event.code === 'Enter') {\r\n operation.handler(operation.operationName, operation.operationMetadata);\r\n }\r\n }\r\n}\r\n","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 WhoObject: IActivityDetails;\r\n WhatObject: IActivityDetails;\r\n whoList: IActivityDetails[];\r\n whatList: IActivityDetails[];\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 TimeStamp: Date;\r\n ActivityId: string;\r\n quickCommentList: string[];\r\n}\r\n\r\nexport interface IActivityDetails {\r\n objectType: string;\r\n displayName: string;\r\n objectName: string;\r\n objectId: string;\r\n url: 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 * Browser accesskey to jump instantly to this operation Should conform to AMC norms and consist of a single printable character.\r\n */\r\n accesskey?: string\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","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","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 templateUrl: './property.component.html',\r\n styleUrls: ['./property.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class PropertyComponent implements OnInit, OnDestroy {\r\n\r\n @Input() statusText: string;\r\n @Input() callId: string;\r\n @Input() callType: string;\r\n @Input() property: IProperty;\r\n\r\n labelledByText = '';\r\n title = '';\r\n\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 if (this.statusText && this.callType) {\r\n this.labelledByText = `${this.statusText} ${this.callType}`;\r\n } else if (this.statusText) {\r\n this.labelledByText = this.statusText;\r\n } else if (this.callType) {\r\n this.labelledByText = this.callType\r\n }\r\n\r\n if (this.callType && this.callId) {\r\n this.title = `${this.callType} ${this.callId}`\r\n } else if (this.callType) {\r\n this.title = this.callType;\r\n } else if (this.callId) {\r\n this.title = this.callId;\r\n }\r\n\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","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 templateUrl: './holdtimer.component.html',\r\n styleUrls: ['./holdtimer.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class HoldtimerComponent implements OnInit, OnDestroy {\r\n @Input() holdCounterData: IHoldCounterData;\r\n @Input() statusText: string;\r\n @Input() callId: string;\r\n\r\n displayTime: string;\r\n labelledByText = '';\r\n\r\n private _timerId?: number;\r\n constructor() {\r\n this.displayTime = '00:00/00:00';\r\n }\r\n\r\n ngOnInit() {\r\n if (this.statusText && this.callId) {\r\n this.labelledByText = `${this.statusText} ${this.callId}`;\r\n } else if (this.statusText) {\r\n this.labelledByText = this.statusText;\r\n } else if (this.callId) {\r\n this.labelledByText = this.callId\r\n }\r\n\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","import { Component, Input, OnInit, OnDestroy } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'amc-duration',\r\n templateUrl: './duration.component.html',\r\n styleUrls: ['./duration.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class DurationComponent implements OnInit, OnDestroy {\r\n @Input() statusText: string;\r\n @Input() callId: string;\r\n @Input() startTime: number;\r\n\r\n displayTime: string;\r\n labelledByText = '';\r\n\r\n private _timerId?: number;\r\n\r\n constructor() {\r\n this.displayTime = '00:00/00:00';\r\n }\r\n\r\n ngOnInit() {\r\n if (this.statusText && this.callId) {\r\n this.labelledByText = `${this.statusText} ${this.callId}`;\r\n } else if (this.statusText) {\r\n this.labelledByText = this.statusText;\r\n } else if (this.callId) {\r\n this.labelledByText = this.callId\r\n }\r\n\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","import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, AfterViewChecked, OnInit, Renderer2 } 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 templateUrl: './chat-box.component.html',\r\n styleUrls: ['./chat-box.component.scss'],\r\n})\r\nexport class ChatBoxComponent implements AfterViewChecked, OnInit {\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', { static: true }) messagesContainer: ElementRef;\r\n @ViewChild('autofocus', { static: false }) autofocus: ElementRef;\r\n\r\n usernameToColor: { [username: string]: string } = {};\r\n colors = [\r\n '#c2c4c4',\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 = '#2db0e0';\r\n\r\n constructor(private renderer:Renderer2) { }\r\n ngOnInit(): void {\r\n this.renderer.selectRootElement('#autofocus').focus();\r\n }\r\n\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(event) {\r\n event.preventDefault();\r\n if (this.newMessageText) {\r\n this.newMessage.emit(this.newMessageText);\r\n this.newMessageText = '';\r\n }\r\n this.renderer.selectRootElement('#autofocus').focus();\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","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-chat-message',\r\n templateUrl: './chat-message.component.html',\r\n styleUrls: ['./chat-message.component.scss']\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","import { IDisposition, IDispositionResult } from './../../models/disposition.interface';\r\nimport { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'amc-disposition',\r\n templateUrl: './disposition.component.html',\r\n styleUrls: ['./disposition.component.css']\r\n})\r\nexport class DispositionComponent implements OnInit {\r\n @Input() disposition: IDisposition;\r\n\r\n @Output() dispositionEmitter = new EventEmitter<IDispositionResult>();\r\n\r\n selectedDispositionValue: string = '';\r\n dispositionName: string = '';\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n for (const metadata of this.disposition.dispositionMetadata) {\r\n if (metadata.key === 'callId') {\r\n this.dispositionName = `disposition_${metadata.value}`;\r\n\r\n break;\r\n }\r\n }\r\n\r\n if (this.disposition.checkedDisposition) {\r\n this.selectedDispositionValue = this.disposition.checkedDisposition;\r\n }\r\n }\r\n\r\n submitDisposition() {\r\n const selectedDisposition: IDispositionResult = {\r\n dispositionId: this.selectedDispositionValue,\r\n dispositionName: this.disposition.disposition.get(this.selectedDispositionValue),\r\n dispositionMetadata: this.disposition.dispositionMetadata\r\n };\r\n\r\n this.dispositionEmitter.emit(selectedDisposition);\r\n }\r\n\r\n selectAndSubmitDisposition(event: KeyboardEvent, dispositionKey: string) {\r\n if (event.code === 'Enter') {\r\n this.selectedDispositionValue = dispositionKey;\r\n this.submitDisposition();\r\n }\r\n }\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { IActivity, IActivityDetails } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n selector: 'app-activity',\r\n templateUrl: './activity.component.html',\r\n styleUrls: ['./activity.component.css']\r\n})\r\nexport class ActivityComponent implements OnInit {\r\n\r\nisActivityMaximized: boolean;\r\n@Input() activity: IActivity;\r\n@Output() ActivitySave: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnNameSelectChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnRelatedToChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnSubjectChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnCallNotesChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n\r\n constructor() {\r\n this.isActivityMaximized = true;\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n public onNameSelectChange(event) {\r\n this.activity.WhoObject = this.getWho(event.currentTarget.value);\r\n this.OnNameSelectChange.emit(this.activity);\r\n }\r\n\r\n public parseWhoObject(whoObject: IActivityDetails): string {\r\n return whoObject.objectType + ': ' + whoObject.objectName;\r\n }\r\n\r\n public parseWhatObject(whatObject: IActivityDetails): string {\r\n return whatObject.objectType + ': ' + whatObject.objectName;\r\n }\r\n\r\n public onRelatedToChange(event) {\r\n this.activity.WhatObject = this.getWhat(event.currentTarget.value);\r\n this.OnRelatedToChange.emit(this.activity);\r\n }\r\n\r\n public onSubjectChange(event) {\r\n this.activity.Subject = event.srcElement.value;\r\n this.OnSubjectChange.emit(this.activity);\r\n }\r\n public onCallNotesChange(event) {\r\n this.activity.Subject = event.srcElement.value.trim();\r\n this.OnCallNotesChange.emit(this.activity);\r\n }\r\n\r\n public getWho(id): IActivityDetails {\r\n for (let i = 0; i < this.activity.whoList.length; i++) {\r\n if (this.activity.whoList[i].objectId === id) {\r\n return this.activity.whoList[i];\r\n }\r\n }\r\n }\r\n public getWhat(id): IActivityDetails {\r\n for (let i = 0; i < this.activity.whatList.length; i++) {\r\n if (this.activity.whatList[i].objectId === id) {\r\n return this.activity.whatList[i];\r\n }\r\n }\r\n }\r\n\r\n public loadQuickComment(value) {\r\n this.activity.Description = this.activity.Description + this.activity.quickCommentList[value];\r\n }\r\n\r\n public activitySave(clearActivityFields) {\r\n this.ActivitySave.emit(this.activity);\r\n }\r\n}\r\n","import { ILoginData } from './../../models/login.interface';\r\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { NgForm } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'amc-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.css']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n @Input() loginData: ILoginData;\r\n @Output() loginDetailsProvided = new EventEmitter<ILoginData>();\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n if (!this.loginData.header) {\r\n this.loginData.header = 'Login';\r\n }\r\n\r\n for (let field of this.loginData.fields) {\r\n if (!field.isInvalid) {\r\n field.isInvalid = false;\r\n }\r\n }\r\n }\r\n\r\n onLogin(loginForm: NgForm) {\r\n for (const field of this.loginData.fields) {\r\n field.value = loginForm.value[field.name];\r\n }\r\n\r\n this.loginDetailsProvided.emit(this.loginData);\r\n }\r\n\r\n focusOutOfInput(loginForm: NgForm, field) {\r\n if (!loginForm.controls[field.name].valid) {\r\n field.isInvalid = true;\r\n }\r\n\r\n // console.log(loginForm);\r\n // console.log(field);\r\n }\r\n}\r\n","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 { LoginComponent } from './components/login/login.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 LoginComponent\r\n ],\r\n entryComponents: [ScenarioComponent, DispositionComponent, LoginComponent],\r\n bootstrap: [],\r\n exports: [ScenarioComponent, DispositionComponent, LoginComponent]\r\n})\r\nexport class UILibraryModule {\r\n constructor(private injector: Injector) { }\r\n\r\n ngDoBootstrap(app) {\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 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 if (!customElements.get('amc-webcomponents-login')) {\r\n const strategyFactory = new ElementZoneStrategyFactory(\r\n LoginComponent,\r\n this.injector\r\n );\r\n customElements.define(\r\n 'amc-webcomponents-login',\r\n createCustomElement(LoginComponent, {\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"]}