@colijnit/sharedcomponents 255.1.1 → 255.1.3

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,6 +1,6 @@
 import { __awaiter, __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, Inject, LOCALE_ID, ViewChildren, HostListener, Pipe, Renderer2, NgZone, Directive, ViewContainerRef, ComponentFactoryResolver, forwardRef, ContentChild } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, Inject, LOCALE_ID, forwardRef, ViewChildren, HostListener, Pipe, Renderer2, NgZone, Directive, ViewContainerRef, ComponentFactoryResolver, ContentChild } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PDFDocument } from 'pdf-lib';
 import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
@@ -44,7 +44,7 @@ import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
-import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, InputDatePickerModule, ResponsiveTextModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, ScreenConfigurationModule, FormMasterService, IconCacheService as IconCacheService$1, CoreDialogService, InputDateRangePickerModule, CollapsibleModule, ColorSequenceService, ListOfIconsModule } from '@colijnit/corecomponents_v12';
+import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, BaseModuleScreenConfigService, ListOfValuesModule, ScreenConfigurationModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, InputDatePickerModule, ResponsiveTextModule, InputSearchModule, PromptService, FormComponent, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, FormMasterService, IconCacheService as IconCacheService$1, CoreDialogService, InputDateRangePickerModule, CollapsibleModule, ColorSequenceService, ListOfIconsModule } from '@colijnit/corecomponents_v12';
 import { ArticleTransaction as ArticleTransaction$1 } from '@colijnit/articleapi/build/model/article-transaction';
 import { PrintPriceStickers } from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
 import { SelectReportTemplatesRequest } from '@colijnit/mainapi/build/model/select-report-templates-request';
@@ -81,11 +81,12 @@ import { ValidationResult } from '@colijnit/ioneconnector/build/model/validation
 import { DomainName } from '@colijnit/mainapi/build/enum/domain-name.enum';
 import { PriorityType } from '@colijnit/mainapi/build/enum/priority-type.enum';
 import { RelationRequest } from '@colijnit/relationapi/build/model/relation-request';
+import { WorkflowCategoryType } from '@colijnit/mainapi/build/enum/workflow-category.enum';
+import { ReportType } from '@colijnit/mainapi/build/enum/report-type.enum';
+import { StringUtils as StringUtils$1 } from '@colijnit/ioneconnector/build/utils/string-utils';
 import { Period } from '@colijnit/mainapi/build/enum/period.enum';
 import { activityEmailRequestData } from '@colijnit/mainapi/build/model/activity-email-request-data';
-import { ReportType } from '@colijnit/mainapi/build/enum/report-type.enum';
 import { ActivityEmailHistory } from '@colijnit/mainapi/build/model/activity-email-history.bo';
-import { StringUtils as StringUtils$1 } from '@colijnit/ioneconnector/build/utils/string-utils';
 
 class DocsignComponent {
     constructor() {
@@ -1351,6 +1352,48 @@ class SharedConnectorService {
             });
         });
     }
+    insertEmailHistoryForRemark(remarkId, history) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.insertEmailHistoryForRemark(remarkId, history).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(result.resultObject);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    insertEmailHistoryForWork(workId, history) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.insertEmailHistoryForWork(workId, history).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(result.resultObject);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    insertEmailHistoryForTask(taskId, history) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.insertEmailHistoryForTask(taskId, history).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(result.resultObject);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getWorkflowProcessInfoPerStatus(worlflowCategory) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -2622,10 +2665,11 @@ StockTransferComponent.propDecorators = {
 };
 
 class SharedService {
-    constructor(locale, options, connector) {
+    constructor(locale, options, connector, dictionary) {
         this.locale = locale;
         this.options = options;
         this.connector = connector;
+        this.dictionary = dictionary;
     }
     init(options) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -2790,6 +2834,21 @@ class SharedService {
         emailJob.locale = this.locale;
         return emailJob;
     }
+    insertEmailHistoryForRemark(remarkId, history) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.insertEmailHistoryForRemark(remarkId, history);
+        });
+    }
+    insertEmailHistoryForWork(remarkId, history) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.insertEmailHistoryForRemark(remarkId, history);
+        });
+    }
+    insertEmailHistoryForTask(remarkId, history) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.insertEmailHistoryForRemark(remarkId, history);
+        });
+    }
     getWorkflowProcessInfoPerStatus(workflowCategory) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.getWorkflowProcessInfoPerStatus(workflowCategory);
@@ -2815,7 +2874,7 @@ class SharedService {
         });
     }
 }
-SharedService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0.ɵɵinject(i0.LOCALE_ID), i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
+SharedService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0.ɵɵinject(i0.LOCALE_ID), i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService), i0.ɵɵinject(DictionaryService)); }, token: SharedService, providedIn: "root" });
 SharedService.decorators = [
     { type: Injectable, args: [{
                 providedIn: "root"
@@ -2824,7 +2883,8 @@ SharedService.decorators = [
 SharedService.ctorParameters = () => [
     { type: LanguageCode, decorators: [{ type: Inject, args: [LOCALE_ID,] }] },
     { type: OptionsService },
-    { type: SharedConnectorService }
+    { type: SharedConnectorService },
+    { type: DictionaryService }
 ];
 
 class SendMethodService {
@@ -3698,8 +3758,28 @@ StockChangeAmountComponent.propDecorators = {
     closeStockChangeAmount: [{ type: Output }]
 };
 
+var SharedCfgName;
+(function (SharedCfgName) {
+    /* Shared general */
+    /* Shared stock */
+    SharedCfgName["Overview"] = "overview";
+    SharedCfgName["OverviewDetails"] = "overviewDetails";
+    SharedCfgName["StockForecast"] = "stockForecast";
+    SharedCfgName["InventoryForecast"] = "inventoryForecast";
+    SharedCfgName["InventoryDetails"] = "inventoryDetails";
+    SharedCfgName["InOrder"] = "inOrder";
+    SharedCfgName["History"] = "history";
+    /* Shared Stock History */
+    SharedCfgName["HistoryStock"] = "historyStock";
+    SharedCfgName["HistoryOrderStock"] = "historyOrderStock";
+    SharedCfgName["HistoryOrderCommission"] = "historyOrderCommission";
+    SharedCfgName["HistoryOrder"] = "historyOrder";
+    SharedCfgName["HistoryAssign"] = "historyAssign";
+})(SharedCfgName || (SharedCfgName = {}));
+
 class StockTabComponent {
     constructor() {
+        this.sharedCfgName = SharedCfgName;
         this.articleStockInformation = [];
         this.locationClicked = new EventEmitter();
     }
@@ -3721,14 +3801,20 @@ StockTabComponent.decorators = [
       <co-simple-grid-column [headerText]="'STOCK' | localize" [field]="'technicalStock'" [order]="12"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'AVAILABLE_STOCK' | localize" [field]="'availableStock'" [order]="13"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK' | localize" [field]="'economicalStock'" [order]="14"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'DETAILS' | localize" [field]="'locationNo'" [order]="15">
+      <co-simple-grid-column [headerText]="'DETAILS' | localize" [field]="'locationNo'" [order]="15" [screenConfigurationObject]="sharedCfgName.Overview">
         <ng-template #template let-row="row">
           <span class="location-link" [textContent]="'OPEN_DETAILS' | localize" (click)="onLocationClick(row)"></span>
         </ng-template>
       </co-simple-grid-column>
     </co-simple-grid>
   `,
-                encapsulation: ViewEncapsulation.None
+                encapsulation: ViewEncapsulation.None,
+                providers: [
+                    {
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => StockTabComponent)
+                    }
+                ]
             },] }
 ];
 StockTabComponent.propDecorators = {
@@ -3800,10 +3886,11 @@ OrderTabComponent.propDecorators = {
 };
 
 class StockTabsComponent {
-    constructor(_stockService, _localizeService, _changeDetector) {
+    constructor(_stockService, _localizeService, _changeDetector, _screenConfigService) {
         this._stockService = _stockService;
         this._localizeService = _localizeService;
         this._changeDetector = _changeDetector;
+        this._screenConfigService = _screenConfigService;
         this.icons = Icon;
         this.stockInformation = [];
         this.warehouses = [];
@@ -3827,27 +3914,30 @@ class StockTabsComponent {
     }
     ngOnInit() {
         this.tabs = [
-            { title: this._localizeService.get('OVERVIEW'), active: true },
-            { title: this._localizeService.get('STOCK_FORECAST'), active: false },
-            { title: this._localizeService.get('STOCK_DETAILS'), active: false },
-            { title: this._localizeService.get('ALREADY_IN_ORDER'), active: false },
-            { title: this._localizeService.get('IN_ORDER'), active: false },
-            { title: this._localizeService.get('HISTORY'), active: false },
+            { title: this._localizeService.get('OVERVIEW'), active: true, cfg: SharedCfgName.OverviewDetails },
+            { title: this._localizeService.get('STOCK_FORECAST'), active: false, cfg: SharedCfgName.StockForecast },
+            { title: this._localizeService.get('STOCK_DETAILS'), active: false, cfg: SharedCfgName.InventoryForecast },
+            { title: this._localizeService.get('ALREADY_IN_ORDER'), active: false, cfg: SharedCfgName.InventoryDetails },
+            { title: this._localizeService.get('IN_ORDER'), active: false, cfg: SharedCfgName.InOrder },
+            { title: this._localizeService.get('HISTORY'), active: false, cfg: SharedCfgName.History },
         ];
         this.historyTabs = [
-            { title: this._localizeService.get('STOCK'), active: true },
+            { title: this._localizeService.get('STOCK'), active: true, cfg: SharedCfgName.HistoryStock },
             {
                 title: this._localizeService.get('ORDER_STOCK'),
-                active: false
+                active: false,
+                cfg: SharedCfgName.HistoryOrderStock
             },
             {
                 title: this._localizeService.get('ORDER_COMMISSION'),
-                active: false
+                active: false,
+                cfg: SharedCfgName.HistoryOrderCommission
             },
-            { title: this._localizeService.get('ORDER'), active: false },
+            { title: this._localizeService.get('ORDER'), active: false, cfg: SharedCfgName.HistoryOrder },
             {
                 title: this._localizeService.get('ALLOCATION'),
-                active: false
+                active: false,
+                cfg: SharedCfgName.HistoryAssign
             },
         ];
     }
@@ -4035,7 +4125,8 @@ StockTabsComponent.decorators = [
 StockTabsComponent.ctorParameters = () => [
     { type: StockService },
     { type: LocalizeService },
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: BaseModuleScreenConfigService }
 ];
 StockTabsComponent.propDecorators = {
     stockInformation: [{ type: Input }],
@@ -4495,19 +4586,28 @@ TabBarComponent.decorators = [
       </div>
       <div class="tab-bar">
         <div class="tab-bar-primary">
-          <button *ngFor="let tab of tabs" [class.active]="tab.active" (click)="selectTab(tab)">
-            {{tab.title}}
-          </button>
+          <div class="tab-primary" *ngFor="let tab of tabs" [screenConfigurationObject]="tab.cfg">
+            <button  [class.active]="tab.active" (click)="selectTab(tab)">
+              <span [textContent]="tab.title"></span>
+            </button>
+          </div>
+
         </div>
         <div class="secondary-tab-bar" *ngIf="ActivateSecondaryTabs">
-          <button *ngFor="let tab of secondaryTabs" [class.active]="tab.active" (click)="selectSecondaryTab(tab)">
-            {{tab.title}}
+          <button *ngFor="let tab of secondaryTabs" [screenConfigurationObject]="tab.cfg" [class.active]="tab.active" (click)="selectSecondaryTab(tab)">
+            <span [textContent]="tab.title"></span>
           </button>
         </div>
       </div>
     </div>
   `,
-                encapsulation: ViewEncapsulation.None
+                encapsulation: ViewEncapsulation.None,
+                providers: [
+                    {
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => TabBarComponent)
+                    }
+                ]
             },] }
 ];
 TabBarComponent.ctorParameters = () => [
@@ -4533,6 +4633,7 @@ TabBarModule.decorators = [
                 imports: [
                     CommonModule,
                     ListOfValuesModule,
+                    ScreenConfigurationModule,
                 ],
                 declarations: [
                     TabBarComponent
@@ -5355,7 +5456,8 @@ StockModule.decorators = [
                     ListOfValuesModule,
                     LocalizationModule,
                     PopupModule,
-                    InputDatePickerModule
+                    InputDatePickerModule,
+                    ScreenConfigurationModule
                 ],
                 declarations: [
                     StockComponent,
@@ -9527,7 +9629,7 @@ FileUploadPopupComponent.decorators = [
                 template: `
         <co-dialog *ngIf="!useWithoutSettingProps && documentUnderEdit" cssId="popup_files_upload_content"
                    [headerTemplate]="headerTemplate" contentSize noClickOutside
-                   (close)="onPopupClose()">
+                   (close)="onPopupClose()" (closeClick)="onPopupCancelClick()">
             <div class="co-dialog-wrapper">
                 <div class="file-upload-form-wrapper" fxLayout="column" fxLayoutGap="10px">
                     <co-form class="narrow-scrollbar" (validSubmit)="onValidSubmit()">
@@ -11521,6 +11623,14 @@ class ActivityListComponent {
         }
         return false;
     }
+    showEmailHistory(activity) {
+        if ((activity.remark && activity.remark.emailHistory && activity.remark.emailHistory.length > 0) ||
+            (activity.work && activity.work.emailHistory && activity.work.emailHistory.length > 0) ||
+            (activity.task && activity.task.emailHistory && activity.task.emailHistory.length > 0)) {
+            return true;
+        }
+        return false;
+    }
     showWorkedTime(activity) {
         if ((activity.IsWork && activity.work && activity.work.workedTime) ||
             (activity.IsTask && activity.task && activity.task.workedTime)) {
@@ -11567,6 +11677,7 @@ ActivityListComponent.decorators = [
               </div>
               <div class="icon-indicators">
                 <co-icon *ngIf="showAttachments(activity)" [iconData]="iconCacheService.getIcon(Icon.PaperclipRegular)" (click)="openActivityPopup(activity)"></co-icon>
+                <co-icon *ngIf="showEmailHistory(activity)" [iconData]="iconCacheService.getIcon(Icon.EmailRegular)"></co-icon>
                 <span *ngIf="showAttachments(activity)">{{activity.documents.length}}</span>
                 <co-icon *ngIf="showWorkedTime(activity)"
                          [iconData]="iconCacheService.getIcon(Icon.ClockRegular)"></co-icon>
@@ -13870,6 +13981,7 @@ class NotificationSummaryBlockComponent extends BaseActivitySummaryComponent {
         this.dialogService = dialogService;
         this.sharedService = sharedService;
         this.Icon = Icon;
+        this.WorkflowCategoryType = WorkflowCategoryType;
         this.listItems = [];
     }
     showClass() {
@@ -13883,8 +13995,39 @@ class NotificationSummaryBlockComponent extends BaseActivitySummaryComponent {
         });
     }
     handleSendEmail(event) {
-        this.handleSave(event);
-        //this.activityService.sendTaskNotificationEmail(this.editActivity.task);
+        return __awaiter(this, void 0, void 0, function* () {
+            this.handleSave(event);
+            let templates = yield this.sharedService.getDefaultEmailReportTemplatesForBranch('10', ReportType.TaskMessage);
+            if (templates.length != 0) {
+                let template = this.findDefault(templates);
+                if (template) {
+                    yield this.sharedService.emailViaTemplate(template, this.createEmailAddressString(this.editActivity.task.emailAddresses), null, null, this.createEmailSubject(), "", null, { taak_id: this.editActivity.task.taskId + "" });
+                }
+            }
+        });
+    }
+    createEmailAddressString(addresses) {
+        if (addresses.length === 0) {
+            return '';
+        }
+        else {
+            return addresses.join(';');
+        }
+    }
+    createEmailSubject() {
+        let subject = "- ";
+        subject += (this.editActivity.task.workflowCategory ? this.editActivity.task.workflowCategory : this.dictionaryService.get("TASK")) + " " +
+            (this.editActivity.task.workflowCategory ? this.editActivity.task.reference : this.editActivity.task.taskId);
+        return subject;
+    }
+    findDefault(reportList) {
+        let defaultTemplate = null;
+        reportList.forEach(r => {
+            if (r.isDefault) {
+                defaultTemplate = r;
+            }
+        });
+        return defaultTemplate;
     }
 }
 NotificationSummaryBlockComponent.decorators = [
@@ -13903,6 +14046,8 @@ NotificationSummaryBlockComponent.decorators = [
         </ng-template>
         <ng-template #editTemplate>
             <div fxLayout="column">
+                <co-role-email-selector [(model)]="editActivity?.task.emailAddresses" [key]="editActivity?.task.taskId.toString()" [workflowCategoryType]="WorkflowCategoryType.Task"></co-role-email-selector>
+
                 <co-list-of-values [readonly]="readonly" [multiselect]="true"
                                    [collection]="listItems" [displayField]="'role'"
                                    [(model)]="editActivity.task.emailAddresses">
@@ -13927,6 +14072,139 @@ NotificationSummaryBlockComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-notification-summary-block",] }]
 };
 
+class RoleEmailSelectorComponent {
+    constructor(iconService, sharedService) {
+        this.iconService = iconService;
+        this.sharedService = sharedService;
+        this.icons = Icon;
+        this.recipientLabel = 'RECIPIENTS';
+        this.extraLabel = 'EXTRA_EMAIL_ADDRESSES';
+        this.modelChange = new EventEmitter();
+        this.emailAddressesAvailable = [];
+        this._model = [];
+    }
+    set model(value) {
+        this._model = value;
+    }
+    get model() {
+        return this._model;
+    }
+    set key(value) {
+        this._key = value;
+        this.fetchRoleEmailAddresses();
+    }
+    ;
+    get key() {
+        return this._key;
+    }
+    ;
+    set workflowCategoryType(value) {
+        this._workflowCategoryType = value;
+        this.fetchRoleEmailAddresses();
+    }
+    ;
+    get workflowCategoryType() {
+        return this._workflowCategoryType;
+    }
+    ;
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.fetchRoleEmailAddresses();
+        });
+    }
+    fetchRoleEmailAddresses() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.workflowCategoryType !== undefined && this.key !== undefined) {
+                this.emailAddressesAvailable = yield this.sharedService.getRoleEmailAddressesByWorkflowCategoryAndKey(this._workflowCategoryType, this._key);
+            }
+        });
+    }
+    roleChosen(role) {
+        if (!role) {
+            return;
+        }
+        const len = role.emailAddresses.length;
+        for (let i = 0; i < len; i++) {
+            if (this.model.indexOf(role.emailAddresses[i]) === -1 && StringUtils$1.IsValidEmail(role.emailAddresses[i])) {
+                this.model.push(role.emailAddresses[i]);
+                this.modelChange.emit(this.model);
+            }
+        }
+    }
+    addEmail(email) {
+        if (this.model.indexOf(email) === -1 && StringUtils$1.IsValidEmail(email)) {
+            this.model.push(email);
+            this.modelChange.emit(this.model);
+        }
+    }
+    removeOptionFromModel(email) {
+        if (this.model.indexOf(email) > -1) {
+            this.model.splice(email.indexOf(email), 1);
+        }
+    }
+}
+RoleEmailSelectorComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-role-email-selector",
+                template: `
+      <co-list-of-values [multiselect]="false" [label]="recipientLabel | localize"
+                         [collection]="emailAddressesAvailable" [displayField]="'role'"
+                         (modelChange)="roleChosen($event)">
+      </co-list-of-values>
+      <co-input-text #inp [placeholder]="extraLabel | localize"
+                     [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
+                     (rightIconClick)="addEmail(inp.model)"></co-input-text>
+
+      <div class="chips-wrapper">
+        <div class="chips" *ngFor="let email of model">
+          <span class="chips-description" [textContent]="email"></span>
+          <co-icon class="remove-chip-icon" [iconData]="iconService.getIcon(icons.CrossSkinny)" (click)="removeOptionFromModel(email)"></co-icon>
+        </div>
+      </div>
+
+    `
+            },] }
+];
+RoleEmailSelectorComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: SharedService }
+];
+RoleEmailSelectorComponent.propDecorators = {
+    recipientLabel: [{ type: Input }],
+    extraLabel: [{ type: Input }],
+    model: [{ type: Input }],
+    key: [{ type: Input }],
+    workflowCategoryType: [{ type: Input }],
+    modelChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-role-email-selector",] }]
+};
+
+class RoleEmailSelectorModule {
+}
+RoleEmailSelectorModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    ListOfValuesModule,
+                    InputTextModule,
+                    LocalizationModule,
+                    IconModule,
+                    CommonModule,
+                ],
+                declarations: [
+                    RoleEmailSelectorComponent
+                ],
+                exports: [
+                    RoleEmailSelectorComponent
+                ],
+                providers: [
+                    BusinessObjectFactory
+                ]
+            },] }
+];
+
 class NotificationSummaryBlockModule {
 }
 NotificationSummaryBlockModule.decorators = [
@@ -13935,7 +14213,8 @@ NotificationSummaryBlockModule.decorators = [
                     ActivitySummaryBlockModule,
                     ListOfValuesModule,
                     ButtonModule,
-                    CommonModule
+                    CommonModule,
+                    RoleEmailSelectorModule
                 ],
                 declarations: [
                     NotificationSummaryBlockComponent
@@ -15191,7 +15470,19 @@ class TaskCreatorComponent {
         return __awaiter(this, void 0, void 0, function* () {
             const emailsSent = yield this.sharedService.emailViaTemplate(template, this.createEmailAddressString(this.emailAddresses), this.createEmailAddressString(this.bccEmailAddresses), this.senderAddress, this.createEmailSubject(), "", null /*this.createAttachmentsStringArray()*/, this.createEmailParams());
             if (emailsSent) {
-                //registerSentEmails
+                let history = new ActivityEmailHistory();
+                history.emailAddresses = this.createEmailAddressString(this.emailAddresses);
+                history.emailDateTime = new Date();
+                history.message = 'Email Content created via Report';
+                if (this.chosenActivityType === this.optionCollection[0]) {
+                    yield this.sharedService.insertEmailHistoryForRemark(this.createdRemark.remarkId, history);
+                }
+                else if (this.chosenActivityType === this.optionCollection[1]) {
+                    yield this.sharedService.insertEmailHistoryForWork(this.createdWork.workId, history);
+                }
+                else {
+                    yield this.sharedService.insertEmailHistoryForTask(this.createdTask.taskId, history);
+                }
             }
         });
     }
@@ -15301,12 +15592,24 @@ TaskCreatorComponent.decorators = [
         <co-files-upload (documentsAdded)="addedDocument($event)" (documentDeleted)="deletedDocument"
                          [documents]="documents" [useWithoutSettingProps]="true"></co-files-upload>
       </co-dialog>
-      <co-dialog *ngIf="showEmailDialog" (closeClick)="emailDialogClosed()">
+      <co-dialog *ngIf="showEmailDialog" (closeClick)="emailDialogClosed()" [footerTemplate]="footerTemplate">
         <co-role-email-selector [(model)]="emailAddresses" [key]="remarkAndWorkKey" [workflowCategoryType]="workflowCategoryType"></co-role-email-selector>
-        <co-role-email-selector [(model)]="bccEmailAddresses" [key]="remarkAndWorkKey" [workflowCategoryType]="workflowCategoryType"></co-role-email-selector>
-        <co-input-text [readonly]="false" [label]="'SENDER' | localize" [(model)]="senderAddress"></co-input-text>
+        <co-role-email-selector [(model)]="bccEmailAddresses" [key]="remarkAndWorkKey" [workflowCategoryType]="workflowCategoryType" [recipientLabel]="'BCC_RECIPIENT'" [extraLabel]="'BCC_EXTRA_EMAIL_ADDRESSES'"></co-role-email-selector>
+        <!--TODO: reimplement once we have the backend functionality for this-->
+       <!--<co-input-text [readonly]="false" [label]="'SENDER' | localize" [(model)]="senderAddress"></co-input-text>-->
+
       </co-dialog>
 
+      <ng-template #footerTemplate>
+        <div class="co-dialog-footer-button-wrapper">
+          <co-button class="save-button"
+                     [iconData]="iconService.getIcon(icons.CheckDuotone)"
+                     (click)="emailDialogClosed()"></co-button>
+          <co-button class="close-button"
+                     [iconData]="iconService.getIcon(icons.CrossSkinny)"
+                     (click)="emailDialogClosed()"></co-button>
+        </div>
+      </ng-template>
     `
             },] }
 ];
@@ -15328,135 +15631,6 @@ TaskCreatorComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-task-creator",] }]
 };
 
-class RoleEmailSelectorComponent {
-    constructor(iconService, sharedService) {
-        this.iconService = iconService;
-        this.sharedService = sharedService;
-        this.icons = Icon;
-        this.modelChange = new EventEmitter();
-        this.emailAddressesAvailable = [];
-        this._model = [];
-    }
-    set model(value) {
-        this._model = value;
-    }
-    get model() {
-        return this._model;
-    }
-    set key(value) {
-        this._key = value;
-        this.fetchRoleEmailAddresses();
-    }
-    ;
-    get key() {
-        return this._key;
-    }
-    ;
-    set workflowCategoryType(value) {
-        this._workflowCategoryType = value;
-        this.fetchRoleEmailAddresses();
-    }
-    ;
-    get workflowCategoryType() {
-        return this._workflowCategoryType;
-    }
-    ;
-    showClass() {
-        return true;
-    }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.fetchRoleEmailAddresses();
-        });
-    }
-    fetchRoleEmailAddresses() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.workflowCategoryType !== undefined && this.key !== undefined) {
-                this.emailAddressesAvailable = yield this.sharedService.getRoleEmailAddressesByWorkflowCategoryAndKey(this._workflowCategoryType, this._key);
-            }
-        });
-    }
-    roleChosen(role) {
-        if (!role) {
-            return;
-        }
-        const len = role.emailAddresses.length;
-        for (let i = 0; i < len; i++) {
-            if (this.model.indexOf(role.emailAddresses[i]) === -1 && StringUtils$1.IsValidEmail(role.emailAddresses[i])) {
-                this.model.push(role.emailAddresses[i]);
-                this.modelChange.emit(this.model);
-            }
-        }
-    }
-    addEmail(email) {
-        if (this.model.indexOf(email) === -1 && StringUtils$1.IsValidEmail(email)) {
-            this.model.push(email);
-            this.modelChange.emit(this.model);
-        }
-    }
-    removeOptionFromModel(email) {
-        if (this.model.indexOf(email) > -1) {
-            this.model.splice(email.indexOf(email), 1);
-        }
-    }
-}
-RoleEmailSelectorComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-role-email-selector",
-                template: `
-      <co-list-of-values [multiselect]="false" [label]="'RECIPIENTS' | localize"
-                         [collection]="emailAddressesAvailable" [displayField]="'role'"
-                         (modelChange)="roleChosen($event)">
-      </co-list-of-values>
-      <co-input-text #inp [placeholder]="'EXTRA_EMAIL_ADDRESSES' | localize"
-                     [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
-                     (rightIconClick)="addEmail(inp.model)"></co-input-text>
-
-      <div class="chips-wrapper">
-        <div class="chips" *ngFor="let email of model">
-          <span class="chips-description" [textContent]="email"></span>
-          <co-icon class="remove-chip-icon" [iconData]="iconService.getIcon(icons.CrossSkinny)" (click)="removeOptionFromModel(email)"></co-icon>
-        </div>
-      </div>
-
-    `
-            },] }
-];
-RoleEmailSelectorComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: SharedService }
-];
-RoleEmailSelectorComponent.propDecorators = {
-    model: [{ type: Input }],
-    key: [{ type: Input }],
-    workflowCategoryType: [{ type: Input }],
-    modelChange: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-role-email-selector",] }]
-};
-
-class RoleEmailSelectorModule {
-}
-RoleEmailSelectorModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    ListOfValuesModule,
-                    InputTextModule,
-                    LocalizationModule,
-                    IconModule,
-                    CommonModule,
-                ],
-                declarations: [
-                    RoleEmailSelectorComponent
-                ],
-                exports: [
-                    RoleEmailSelectorComponent
-                ],
-                providers: [
-                    BusinessObjectFactory
-                ]
-            },] }
-];
-
 class TaskCreatorModule {
 }
 TaskCreatorModule.decorators = [