@symphony-talent/component-library 4.85.0 → 4.87.0

package/fesm2020/symphony-talent-component-library.mjs

@@ -370,10 +370,10 @@ class ChatHistoryMessageBubbleComponent {
     constructor() { }
 }
 ChatHistoryMessageBubbleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageBubbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatHistoryMessageBubbleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: { chatHistoryMessageBubbleModel: "chatHistoryMessageBubbleModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageBubbleModel\">\n  <div\n    class=\"chat-bubble sfx-p-20\"\n    [ngClass]=\"{\n      'receive-bubble': chatHistoryMessageBubbleModel.hasReceive,\n      'sent-bubble': !chatHistoryMessageBubbleModel.hasReceive\n    }\"\n  >\n    <p class=\"receive-tag sfx-mb-5 sfx-font-bold\">\n      {{ chatHistoryMessageBubbleModel.nameTag }}\n    </p>\n    <p class=\"sfx-mb-0\">\n      {{ chatHistoryMessageBubbleModel.messageContent }}\n    </p>\n    <span class=\"time-stamp\">{{\n      chatHistoryMessageBubbleModel.timeStamp\n    }}</span>\n  </div>\n</div>\n", styles: [".chat-bubble{border-radius:6px;max-width:415px;position:relative}.chat-bubble .receive-tag{display:none}.chat-bubble:after{content:\" \";height:0;width:0;position:absolute;pointer-events:none;border-style:solid}.chat-bubble.sent-bubble{background:#2b8ff3;color:#fff;border-top-right-radius:0}.chat-bubble.sent-bubble .time-stamp{color:#d2d8e5}.chat-bubble.sent-bubble:after{border-width:0 0 13px 13px;border-color:transparent transparent transparent #2b8ff3;right:-13px;top:0px;border-radius:0 4px 0 0}.chat-bubble.receive-bubble{background:#e4e7ef;color:#000;border-top-left-radius:0}.chat-bubble.receive-bubble .receive-tag{display:block}.chat-bubble.receive-bubble .time-stamp{color:#82919f}.chat-bubble.receive-bubble:after{border-width:0px 13px 13px 0px;border-color:transparent #e4e7ef transparent transparent;left:-13px;top:0px;border-radius:4px 0 0}.chat-bubble .time-stamp{position:absolute;right:10px;bottom:10px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ChatHistoryMessageBubbleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: { chatHistoryMessageBubbleModel: "chatHistoryMessageBubbleModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageBubbleModel\">\n  <div\n    class=\"chat-bubble sfx-p-20\"\n    [ngClass]=\"{\n      'receive-bubble': chatHistoryMessageBubbleModel.hasReceive,\n      'sent-bubble': !chatHistoryMessageBubbleModel.hasReceive\n    }\"\n  >\n    <p class=\"receive-tag sfx-mb-5 sfx-font-bold\">\n      {{ chatHistoryMessageBubbleModel.nameTag }}\n    </p>\n    <p class=\"sfx-mb-0\">\n      {{ chatHistoryMessageBubbleModel.messageContent }}\n    </p>\n    <span class=\"time-stamp\">{{\n      chatHistoryMessageBubbleModel.timeStamp\n    }}</span>\n  </div>\n</div>\n", styles: [".chat-bubble{border-radius:6px;min-width:100px;max-width:415px;position:relative}.chat-bubble .receive-tag{display:none}.chat-bubble:after{content:\" \";height:0;width:0;position:absolute;pointer-events:none;border-style:solid}.chat-bubble.sent-bubble{background:#2b8ff3;color:#fff;border-top-right-radius:0}.chat-bubble.sent-bubble .time-stamp{color:#d2d8e5}.chat-bubble.sent-bubble:after{border-width:0 0 13px 13px;border-color:transparent transparent transparent #2b8ff3;right:-13px;top:0px;border-radius:0 4px 0 0}.chat-bubble.receive-bubble{background:#e4e7ef;color:#000;border-top-left-radius:0}.chat-bubble.receive-bubble .receive-tag{display:block}.chat-bubble.receive-bubble .time-stamp{color:#82919f}.chat-bubble.receive-bubble:after{border-width:0px 13px 13px 0px;border-color:transparent #e4e7ef transparent transparent;left:-13px;top:0px;border-radius:4px 0 0}.chat-bubble .time-stamp{font-size:12px;line-height:16px;position:absolute;right:10px;bottom:5px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageBubbleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-chat-history-message-bubble', template: "<div *ngIf=\"chatHistoryMessageBubbleModel\">\n  <div\n    class=\"chat-bubble sfx-p-20\"\n    [ngClass]=\"{\n      'receive-bubble': chatHistoryMessageBubbleModel.hasReceive,\n      'sent-bubble': !chatHistoryMessageBubbleModel.hasReceive\n    }\"\n  >\n    <p class=\"receive-tag sfx-mb-5 sfx-font-bold\">\n      {{ chatHistoryMessageBubbleModel.nameTag }}\n    </p>\n    <p class=\"sfx-mb-0\">\n      {{ chatHistoryMessageBubbleModel.messageContent }}\n    </p>\n    <span class=\"time-stamp\">{{\n      chatHistoryMessageBubbleModel.timeStamp\n    }}</span>\n  </div>\n</div>\n", styles: [".chat-bubble{border-radius:6px;max-width:415px;position:relative}.chat-bubble .receive-tag{display:none}.chat-bubble:after{content:\" \";height:0;width:0;position:absolute;pointer-events:none;border-style:solid}.chat-bubble.sent-bubble{background:#2b8ff3;color:#fff;border-top-right-radius:0}.chat-bubble.sent-bubble .time-stamp{color:#d2d8e5}.chat-bubble.sent-bubble:after{border-width:0 0 13px 13px;border-color:transparent transparent transparent #2b8ff3;right:-13px;top:0px;border-radius:0 4px 0 0}.chat-bubble.receive-bubble{background:#e4e7ef;color:#000;border-top-left-radius:0}.chat-bubble.receive-bubble .receive-tag{display:block}.chat-bubble.receive-bubble .time-stamp{color:#82919f}.chat-bubble.receive-bubble:after{border-width:0px 13px 13px 0px;border-color:transparent #e4e7ef transparent transparent;left:-13px;top:0px;border-radius:4px 0 0}.chat-bubble .time-stamp{position:absolute;right:10px;bottom:10px}\n"] }]
+            args: [{ selector: 'symphony-chat-history-message-bubble', template: "<div *ngIf=\"chatHistoryMessageBubbleModel\">\n  <div\n    class=\"chat-bubble sfx-p-20\"\n    [ngClass]=\"{\n      'receive-bubble': chatHistoryMessageBubbleModel.hasReceive,\n      'sent-bubble': !chatHistoryMessageBubbleModel.hasReceive\n    }\"\n  >\n    <p class=\"receive-tag sfx-mb-5 sfx-font-bold\">\n      {{ chatHistoryMessageBubbleModel.nameTag }}\n    </p>\n    <p class=\"sfx-mb-0\">\n      {{ chatHistoryMessageBubbleModel.messageContent }}\n    </p>\n    <span class=\"time-stamp\">{{\n      chatHistoryMessageBubbleModel.timeStamp\n    }}</span>\n  </div>\n</div>\n", styles: [".chat-bubble{border-radius:6px;min-width:100px;max-width:415px;position:relative}.chat-bubble .receive-tag{display:none}.chat-bubble:after{content:\" \";height:0;width:0;position:absolute;pointer-events:none;border-style:solid}.chat-bubble.sent-bubble{background:#2b8ff3;color:#fff;border-top-right-radius:0}.chat-bubble.sent-bubble .time-stamp{color:#d2d8e5}.chat-bubble.sent-bubble:after{border-width:0 0 13px 13px;border-color:transparent transparent transparent #2b8ff3;right:-13px;top:0px;border-radius:0 4px 0 0}.chat-bubble.receive-bubble{background:#e4e7ef;color:#000;border-top-left-radius:0}.chat-bubble.receive-bubble .receive-tag{display:block}.chat-bubble.receive-bubble .time-stamp{color:#82919f}.chat-bubble.receive-bubble:after{border-width:0px 13px 13px 0px;border-color:transparent #e4e7ef transparent transparent;left:-13px;top:0px;border-radius:4px 0 0}.chat-bubble .time-stamp{font-size:12px;line-height:16px;position:absolute;right:10px;bottom:5px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageBubbleModel: [{
                 type: Input
             }] } });
@@ -2842,6 +2842,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class ChatHistoryMessageItemComponent {
+    constructor() { }
+}
+ChatHistoryMessageItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\"\n  class=\"sfx-d-flex\"\n  [ngClass]=\"{\n    'received-item': chatHistoryMessageItemModel.isSent,\n    'sent-item': !chatHistoryMessageItemModel.isSent\n  }\"\n>\n  <symphony-chat-history-message-avatar\n    class=\"chat-avatar\"\n    initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n    imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n  ></symphony-chat-history-message-avatar>\n  <symphony-chat-history-message-bubble\n    [chatHistoryMessageBubbleModel]=\"\n      chatHistoryMessageItemModel.chatHistoryMessageBubble\n    \"\n  ></symphony-chat-history-message-bubble>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}\n"], components: [{ type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: ["initials", "imgSource"] }, { type: ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: ["chatHistoryMessageBubbleModel"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-chat-history-message-item', template: "<div *ngIf=\"chatHistoryMessageItemModel\"\n  class=\"sfx-d-flex\"\n  [ngClass]=\"{\n    'received-item': chatHistoryMessageItemModel.isSent,\n    'sent-item': !chatHistoryMessageItemModel.isSent\n  }\"\n>\n  <symphony-chat-history-message-avatar\n    class=\"chat-avatar\"\n    initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n    imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n  ></symphony-chat-history-message-avatar>\n  <symphony-chat-history-message-bubble\n    [chatHistoryMessageBubbleModel]=\"\n      chatHistoryMessageItemModel.chatHistoryMessageBubble\n    \"\n  ></symphony-chat-history-message-bubble>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageItemModel: [{
+                type: Input
+            }] } });
+
+class ChatHistoryMessageItemModule {
+}
+ChatHistoryMessageItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChatHistoryMessageItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemModule, declarations: [ChatHistoryMessageItemComponent], imports: [CommonModule,
+        ChatHistoryMessageAvatarModule,
+        ChatHistoryMessageBubbleModule], exports: [ChatHistoryMessageItemComponent] });
+ChatHistoryMessageItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemModule, imports: [[
+            CommonModule,
+            ChatHistoryMessageAvatarModule,
+            ChatHistoryMessageBubbleModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ChatHistoryMessageItemComponent],
+                    imports: [
+                        CommonModule,
+                        ChatHistoryMessageAvatarModule,
+                        ChatHistoryMessageBubbleModule,
+                    ],
+                    exports: [ChatHistoryMessageItemComponent],
+                }]
+        }] });
+
 var FeedbackCardState;
 (function (FeedbackCardState) {
     FeedbackCardState["None"] = "None";
@@ -3711,7 +3747,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         TabsModules,
         InputToggleModule,
         LabelledInputToggleModule,
-        LabelledToggleListModule], exports: [PillsModule,
+        LabelledToggleListModule,
+        ChatHistoryMessageItemModule], exports: [PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
         DocumentManagementItemModule,
@@ -3743,7 +3780,8 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             TabsModules,
             InputToggleModule,
             LabelledInputToggleModule,
-            LabelledToggleListModule
+            LabelledToggleListModule,
+            ChatHistoryMessageItemModule
         ], PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
@@ -3788,7 +3826,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         TabsModules,
                         InputToggleModule,
                         LabelledInputToggleModule,
-                        LabelledToggleListModule
+                        LabelledToggleListModule,
+                        ChatHistoryMessageItemModule
                     ]
                 }]
         }] });
@@ -3826,6 +3865,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class ChatHistoryMessageListComponent {
+    constructor() { }
+}
+ChatHistoryMessageListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatHistoryMessageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageListComponent, selector: "symphony-chat-history-message-list", inputs: { messageItemsList: "messageItemsList" }, ngImport: i0, template: "<symphony-chat-history-message-item\n  class=\"sfx-mb-20 sfx-d-block\"\n  *ngFor=\"let messageItem of messageItemsList\"\n  [chatHistoryMessageItemModel]=\"messageItem\"\n></symphony-chat-history-message-item>\n", styles: [""], components: [{ type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: ["chatHistoryMessageItemModel"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-chat-history-message-list', template: "<symphony-chat-history-message-item\n  class=\"sfx-mb-20 sfx-d-block\"\n  *ngFor=\"let messageItem of messageItemsList\"\n  [chatHistoryMessageItemModel]=\"messageItem\"\n></symphony-chat-history-message-item>\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { messageItemsList: [{
+                type: Input
+            }] } });
+
+class ChatHistoryMessageListModule {
+}
+ChatHistoryMessageListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChatHistoryMessageListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageListModule, declarations: [ChatHistoryMessageListComponent], imports: [CommonModule, ChatHistoryMessageItemModule], exports: [ChatHistoryMessageListComponent] });
+ChatHistoryMessageListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageListModule, imports: [[CommonModule, ChatHistoryMessageItemModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ChatHistoryMessageListComponent],
+                    imports: [CommonModule, ChatHistoryMessageItemModule],
+                    exports: [ChatHistoryMessageListComponent],
+                }]
+        }] });
+
 class FeedbackCardListComponent {
     constructor() {
         this.cardClick = new EventEmitter();
@@ -6005,7 +6070,8 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         H4Module,
         ParagraphModule,
         ButtonModule,
-        InformationModalModule] });
+        InformationModalModule,
+        ChatHistoryMessageListModule] });
 OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
             CommonModule,
             NoteListModule,
@@ -6034,6 +6100,7 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             ParagraphModule,
             ButtonModule,
             InformationModalModule,
+            ChatHistoryMessageListModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, decorators: [{
             type: NgModule,
@@ -6067,6 +6134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         ParagraphModule,
                         ButtonModule,
                         InformationModalModule,
+                        ChatHistoryMessageListModule
                     ]
                 }]
         }] });
@@ -7778,6 +7846,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class ChatbotHistoryModalComponent {
+    constructor() {
+        this.closeButtonClicked = new EventEmitter();
+    }
+    onCloseButtonClick() {
+        this.closeButtonClicked.emit();
+    }
+}
+ChatbotHistoryModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatbotHistoryModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatbotHistoryModalComponent, selector: "symphony-chatbot-history-modal", inputs: { chatbotHistoryModel: "chatbotHistoryModel" }, outputs: { closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template\n  *ngIf=\"chatbotHistoryModel\"\n  [hideSubtitle]=\"false\"\n>\n  <symphony-h4 sfx-modal-title>{{\n    chatbotHistoryModel.modalTitle\n  }}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle>{{\n    chatbotHistoryModel.modalSubtitle\n  }}</symphony-paragraph>\n  <section\n    *ngIf=\"!chatbotHistoryModel.isLoading\"\n    class=\"sfx-p-30 chatModal-body\"\n    sfx-modal-body-area\n  >\n    <symphony-chat-history-message-list\n      *ngIf=\"!chatbotHistoryModel.errorText\"\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"chatbotHistoryModel.errorText\">\n      <symphony-paragraph>{{\n        chatbotHistoryModel.errorText\n      }}</symphony-paragraph>\n    </section>\n  </section>\n  <section\n    *ngIf=\"chatbotHistoryModel.isLoading\"\n    class=\"sfx-pt-40 sfx-pb-40\"\n    sfx-modal-body-area\n  >\n    <symphony-sfx-loader> </symphony-sfx-loader>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ChatHistoryMessageListComponent, selector: "symphony-chat-history-message-list", inputs: ["messageItemsList"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-chatbot-history-modal', template: "<symphony-two-column-modal-template\n  *ngIf=\"chatbotHistoryModel\"\n  [hideSubtitle]=\"false\"\n>\n  <symphony-h4 sfx-modal-title>{{\n    chatbotHistoryModel.modalTitle\n  }}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle>{{\n    chatbotHistoryModel.modalSubtitle\n  }}</symphony-paragraph>\n  <section\n    *ngIf=\"!chatbotHistoryModel.isLoading\"\n    class=\"sfx-p-30 chatModal-body\"\n    sfx-modal-body-area\n  >\n    <symphony-chat-history-message-list\n      *ngIf=\"!chatbotHistoryModel.errorText\"\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"chatbotHistoryModel.errorText\">\n      <symphony-paragraph>{{\n        chatbotHistoryModel.errorText\n      }}</symphony-paragraph>\n    </section>\n  </section>\n  <section\n    *ngIf=\"chatbotHistoryModel.isLoading\"\n    class=\"sfx-pt-40 sfx-pb-40\"\n    sfx-modal-body-area\n  >\n    <symphony-sfx-loader> </symphony-sfx-loader>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { chatbotHistoryModel: [{
+                type: Input
+            }], closeButtonClicked: [{
+                type: Output
+            }] } });
+
+class ChatbotHistoryModalModule {
+}
+ChatbotHistoryModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChatbotHistoryModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalModule, declarations: [ChatbotHistoryModalComponent], imports: [CommonModule,
+        TwoColumnModalModule,
+        IconModule,
+        H4Module,
+        ChatHistoryMessageListModule,
+        ParagraphModule,
+        SfxLoaderModule], exports: [ChatbotHistoryModalComponent] });
+ChatbotHistoryModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalModule, imports: [[
+            CommonModule,
+            TwoColumnModalModule,
+            IconModule,
+            H4Module,
+            ChatHistoryMessageListModule,
+            ParagraphModule,
+            SfxLoaderModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ChatbotHistoryModalComponent],
+                    imports: [
+                        CommonModule,
+                        TwoColumnModalModule,
+                        IconModule,
+                        H4Module,
+                        ChatHistoryMessageListModule,
+                        ParagraphModule,
+                        SfxLoaderModule
+                    ],
+                    exports: [ChatbotHistoryModalComponent],
+                }]
+        }] });
+
 class ContactListTemplateComponent {
     constructor() { }
 }
@@ -8483,5 +8606,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdditionModalComponent, AdditionModalModule, AdditionalInformationCardListComponent, AdditionalInformationCardListModule, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AssignToUserModalComponent, AssignToUserModalModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ChatHistoryMessageAvatarComponent, ChatHistoryMessageAvatarModule, ChatHistoryMessageBubbleComponent, ChatHistoryMessageBubbleModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, DomainWhitelistingPartialPageComponent, DomainWhitelistingPartialPageModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InformationModalComponent, InformationModalModule, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdditionModalComponent, AdditionModalModule, AdditionalInformationCardListComponent, AdditionalInformationCardListModule, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AssignToUserModalComponent, AssignToUserModalModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ChatHistoryMessageAvatarComponent, ChatHistoryMessageAvatarModule, ChatHistoryMessageBubbleComponent, ChatHistoryMessageBubbleModule, ChatHistoryMessageItemComponent, ChatHistoryMessageItemModule, ChatHistoryMessageListComponent, ChatHistoryMessageListModule, ChatbotHistoryModalComponent, ChatbotHistoryModalModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, DomainWhitelistingPartialPageComponent, DomainWhitelistingPartialPageModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InformationModalComponent, InformationModalModule, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library.mjs.map