@colijnit/sharedcomponents 254.1.4 → 254.1.5

package/fesm2015/colijnit-sharedcomponents.js

@@ -34,6 +34,9 @@ import { Activity } from '@colijnit/mainapi/build/model/activity.bo';
 import { WorkflowProcessInfoPerStatus } from '@colijnit/mainapi/build/model/workflow-process-info-per-status';
 import { RelationSmallObject } from '@colijnit/mainapi/build/model/relation-small-object.bo';
 import { Report } from '@colijnit/mainapi/build/model/report.bo';
+import { Work } from '@colijnit/mainapi/build/model/work.bo';
+import { Remark } from '@colijnit/mainapi/build/model/remark.bo';
+import { Task } from '@colijnit/mainapi/build/model/task.bo';
 import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
@@ -72,7 +75,6 @@ import { ActivityListViewModel } from '@colijnit/mainapi/build/model/activity-li
 import { ActivityViewModel } from '@colijnit/mainapi/build/model/activity-view-model';
 import { PersonalActivityTabEnum } from '@colijnit/mainapi/build/enum/personal-activity-tab.enum';
 import { ActivitySortType } from '@colijnit/mainapi/build/enum/activity-sort-type.enum';
-import { Task } from '@colijnit/mainapi/build/model/task.bo';
 import { TableName as TableName$1 } from '@colijnit/mainapi/build/enum/table-name.enum';
 import { TagCategory } from '@colijnit/mainapi/build/enum/tab-category.enum';
 import { ValidationResult } from '@colijnit/ioneconnector/build/model/validation-result';
@@ -80,10 +82,9 @@ 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 { Period } from '@colijnit/mainapi/build/enum/period.enum';
-import { Remark } from '@colijnit/mainapi/build/model/remark.bo';
-import { Work } from '@colijnit/mainapi/build/model/work.bo';
 import { activityEmailRequestData } from '@colijnit/mainapi/build/model/activity-email-request-data';
 import { ReportType } from '@colijnit/mainapi/build/enum/report-type.enum';
+import { StringUtils as StringUtils$1 } from '@colijnit/ioneconnector/build/utils/string-utils';
 
 class DocsignComponent {
     constructor() {
@@ -824,6 +825,48 @@ class SharedConnectorService {
             });
         });
     }
+    insertWork(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.insertActivity(activity).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    if (result && result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(Work, result.resultObject));
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                }));
+            });
+        });
+    }
+    insertRemark(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.insertActivity(activity).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    if (result && result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(Remark, result.resultObject));
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                }));
+            });
+        });
+    }
+    insertTask(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.insertActivity(activity).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    if (result && result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(Task, result.resultObject));
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                }));
+            });
+        });
+    }
     updateActivity(activity) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -2640,6 +2683,21 @@ class SharedService {
             return yield this.connector.insertActivity(activity);
         });
     }
+    insertWork(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.insertWork(activity);
+        });
+    }
+    insertRemark(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.insertRemark(activity);
+        });
+    }
+    insertTask(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.insertTask(activity);
+        });
+    }
     updateActivity(activity) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.updateActivity(activity);
@@ -2707,16 +2765,18 @@ class SharedService {
             return yield this.connector.getReportTemplates(reportTemplatesRequest);
         });
     }
-    emailViaTemplate(template, emailTo, subject = "", message = "", attachments = [], parameters = {}) {
+    emailViaTemplate(template, emailTo, emailBcc, reply, subject = "", message = "", attachments = [], parameters = {}) {
         return __awaiter(this, void 0, void 0, function* () {
             const subjectAddition = subject.trim();
-            const emailJob = this._createEmailJob(template, emailTo, subjectAddition, message, attachments, parameters);
+            const emailJob = this._createEmailJob(template, emailTo, emailBcc, reply, subjectAddition, message, attachments, parameters);
             return this.connector.emailReport(emailJob);
         });
     }
-    _createEmailJob(report, emailTo, subject, message, attachments, parameters = {}) {
+    _createEmailJob(report, emailTo, emailBcc, reply, subject, message, attachments, parameters = {}) {
         const emailJob = new EmailJob();
         emailJob.emailTo = emailTo;
+        emailJob.emailBcc = emailBcc;
+        emailJob.reply = reply;
         emailJob.subject = subject;
         emailJob.message = message;
         emailJob.attachments = attachments;
@@ -14876,18 +14936,25 @@ WorkflowInfoTilesModule.decorators = [
 ];
 
 class TaskCreatorComponent {
-    constructor(iconService, sharedService) {
+    constructor(iconService, dictionaryService, sharedService) {
         this.iconService = iconService;
+        this.dictionaryService = dictionaryService;
         this.sharedService = sharedService;
         this.icons = Icon;
         this.table = TableName$1.Transactions;
         this.activityCreated = new EventEmitter();
+        this.optionCollection = [
+            { icon: this.iconService.getIcon(this.icons.CommentRegular), label: this.dictionaryService.get('REMARK', true) },
+            { icon: this.iconService.getIcon(this.icons.PersonDiggingRegular), label: this.dictionaryService.get('WORK', true) },
+            { icon: this.iconService.getIcon(this.icons.Task), label: this.dictionaryService.get('TASK', true) },
+        ];
         this.showFilesDialog = false;
         this.documents = [];
         this.showEmailDialog = false;
-        this.emailAddressesAvailable = [];
+        this.senderAddress = '';
+        this.emailAddresses = [];
+        this.bccEmailAddresses = [];
         this.emailRequest = null;
-        this.optionCollection = [{ id: 'Opmerking' }, { id: 'Werkzaamheid' }, { id: 'Taak' }];
         this.remarkText = "";
         this.workDescription = "";
         this.taskName = "";
@@ -14898,35 +14965,24 @@ class TaskCreatorComponent {
     }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.chosenActivityType = this.optionCollection[1];
-            this.emailAddressesAvailable = yield this.sharedService.getRoleEmailAddressesByWorkflowCategoryAndKey('SERVICE_ORDER', this.RemarkAndWorkKey);
-            this.senderAddress = yield this.sharedService.getEmailSenderByWorkflowCategoryAndKey('SERVICE_ORDER', this.RemarkAndWorkKey);
+            this.chosenActivityType = this.optionCollection[0];
+            this.senderAddress = yield this.sharedService.getEmailSenderByWorkflowCategoryAndKey('SERVICE_ORDER', this.remarkAndWorkKey);
         });
     }
+    itemSelected(item) {
+        this.chosenActivityType = item;
+    }
     createRemarkClicked() {
         return __awaiter(this, void 0, void 0, function* () {
             this.createForm.submit();
             if (this.createForm.isValid()) {
-                let remark = new Remark();
-                remark.author = this.author;
-                remark.author.image = undefined;
-                if (this.documents.length !== 0) {
-                    remark.documents = this.documents;
-                }
-                remark.remark = this.remarkText;
-                remark.dateTime = new Date();
-                remark.table = this.table;
-                remark.key = this.RemarkAndWorkKey;
-                remark.read = false;
-                remark.current = true;
+                let remark = this.createRemark();
                 let activity = new Activity();
                 activity.activityType = ActivityType.Remark;
                 activity.remark = remark;
-                let remarkMade = yield this.sharedService.insertActivity(activity);
-                if (remarkMade) {
-                    this.activityCreated.emit();
-                    //await this.sendEmailIfNeccesary();
-                    this.clearFields();
+                this.createdRemark = yield this.sharedService.insertRemark(activity);
+                if (this.createdRemark) {
+                    this.handleAfterCreation();
                 }
             }
         });
@@ -14935,22 +14991,14 @@ class TaskCreatorComponent {
         return __awaiter(this, void 0, void 0, function* () {
             this.createForm.submit();
             if (this.createForm.isValid()) {
-                let work = new Work();
-                work.executive = this.author;
-                work.executive.image = undefined;
-                work.documents = this.documents;
-                work.workedTime = 0;
-                work.workDescription = this.workDescription;
-                work.dateTime = new Date();
-                work.table = this.table;
-                work.key = this.RemarkAndWorkKey;
+                let work = this.createWork();
                 let activity = new Activity();
                 activity.activityType = ActivityType.Work;
                 activity.work = work;
-                let workMade = yield this.sharedService.insertActivity(activity);
-                if (workMade) {
+                this.createdWork = yield this.sharedService.insertWork(activity);
+                if (this.createdWork) {
                     this.activityCreated.emit();
-                    //await this.sendEmailIfNeccesary();
+                    yield this.sendEmailIfNeccesary();
                     this.clearFields();
                 }
             }
@@ -14960,25 +15008,14 @@ class TaskCreatorComponent {
         return __awaiter(this, void 0, void 0, function* () {
             this.createForm.submit();
             if (this.createForm.isValid()) {
-                let task = new Task();
-                task.executive = this.author;
-                task.executive.image = undefined;
-                task.documents = this.documents;
-                task.name = this.taskName;
-                task.description = this.taskDescription;
-                task.creationDateTime = new Date();
-                task.dateDefinate = false;
-                task.needsPlanning = true;
-                task.priority = 0;
-                task.workflowCategory = this.workflowCategoryType;
-                task.reference = this.TaskKey;
+                const task = this.createTask();
                 let activity = new Activity();
                 activity.activityType = ActivityType.Task;
                 activity.task = task;
-                let taskMade = yield this.sharedService.insertActivity(activity);
-                if (taskMade) {
+                this.createdTask = yield this.sharedService.insertTask(activity);
+                if (this.createdTask) {
                     this.activityCreated.emit();
-                    //await this.sendEmailIfNeccesary();
+                    yield this.sendEmailIfNeccesary();
                     this.clearFields();
                 }
             }
@@ -14998,30 +15035,82 @@ class TaskCreatorComponent {
         if (this.emailAddresses.length >= 0) {
             this.emailRequest = new activityEmailRequestData;
             this.emailRequest.table = this.table;
-            this.emailRequest.key = this.RemarkAndWorkKey;
+            this.emailRequest.key = this.remarkAndWorkKey;
             this.emailRequest.senderAddress = this.senderAddress;
-            this.emailRequest.sendAddresses = this.createAddressList(this.emailAddresses);
-            this.emailRequest.ccAddresses = this.createAddressList(this.ccEmailAddresses);
+            this.emailRequest.sendAddresses = this.emailAddresses;
+            this.emailRequest.ccAddresses = this.bccEmailAddresses;
         }
         else {
             this.emailRequest = null;
         }
         this.showEmailDialog = false;
     }
-    createAddressList(addresses) {
-        let addressStrings = [];
-        if (addresses && addresses.length !== 0) {
-            addresses.forEach(r => {
-                r.emailAddresses.forEach(e => {
-                    addressStrings.push(e);
-                });
-            });
-        }
-        return addressStrings;
+    createRemark() {
+        let remark = new Remark();
+        remark.author = this.author;
+        remark.author.image = undefined;
+        remark.documents = this.documents;
+        remark.remark = this.remarkText;
+        remark.dateTime = new Date();
+        remark.table = this.table;
+        remark.key = this.remarkAndWorkKey;
+        remark.read = false;
+        remark.current = true;
+        return remark;
+    }
+    createWork() {
+        let work = new Work();
+        work.executive = this.author;
+        work.executive.image = undefined;
+        work.documents = this.documents;
+        work.workedTime = 0;
+        work.workDescription = this.workDescription;
+        work.dateTime = new Date();
+        work.table = this.table;
+        work.key = this.remarkAndWorkKey;
+        return work;
+    }
+    createTask() {
+        let task = new Task();
+        task.executive = this.author;
+        task.executive.image = undefined;
+        task.reporter = this.author;
+        task.reporter.image = undefined;
+        task.documents = this.documents;
+        task.name = this.taskName;
+        task.description = this.taskDescription;
+        task.creationDateTime = new Date();
+        task.dateDefinate = false;
+        task.needsPlanning = true;
+        task.priority = 0;
+        task.workflowCategory = this.workflowCategoryType;
+        task.reference = this.taskKey;
+        task.emailAddresses = this.emailAddresses;
+        return task;
+    }
+    handleAfterCreation() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.activityCreated.emit();
+            yield this.sendEmailIfNeccesary();
+            this.clearFields();
+        });
+    }
+    clearFields() {
+        this.remarkText = "";
+        this.workDescription = "";
+        this.taskName = "";
+        this.taskDescription = "";
+        this.senderAddress = "";
+        this.emailAddresses = [];
+        this.bccEmailAddresses = [];
+        this.emailRequest = null;
+        this.createdWork = undefined;
+        this.createdRemark = undefined;
+        this.createdTask = undefined;
     }
     sendEmailIfNeccesary() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.emailRequest) {
+            if (this.emailAddresses.length > 0) {
                 let templates = yield this.sharedService.getDefaultEmailReportTemplatesForBranch(this.branchNo, this.findReportType());
                 if (templates.length != 0) {
                     let template = this.findDefault(templates);
@@ -15032,6 +15121,11 @@ class TaskCreatorComponent {
             }
         });
     }
+    startEmailing(template) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.sharedService.emailViaTemplate(template, this.createEmailAddressString(this.emailAddresses), this.createEmailAddressString(this.bccEmailAddresses), this.senderAddress, this.createEmailSubject(), "", this.createAttachmentsStringArray(), this.createEmailParams());
+        });
+    }
     findReportType() {
         if (this.chosenActivityType === this.optionCollection[0]) {
             return ReportType.RemarkMessage;
@@ -15043,13 +15137,6 @@ class TaskCreatorComponent {
             return ReportType.TaskMessage;
         }
     }
-    startEmailing(template) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.emailRequest.sendAddresses.forEach(a => {
-                this.sharedService.emailViaTemplate(template, a, 'emailtiteeeel', "", [], {});
-            });
-        });
-    }
     findDefault(reportList) {
         let defaultTemplate = null;
         reportList.forEach(r => {
@@ -15059,41 +15146,73 @@ class TaskCreatorComponent {
         });
         return defaultTemplate;
     }
-    clearFields() {
-        this.remarkText = "";
-        this.workDescription = "";
-        this.taskName = "";
-        this.taskDescription = "";
-        this.senderAddress = "";
-        this.emailAddresses = [];
-        this.ccEmailAddresses = [];
-        this.emailRequest = null;
+    createEmailParams() {
+        if (this.createdRemark) {
+            return { opmerking_id: this.createdRemark.remarkId + "" };
+        }
+        else if (this.createdWork) {
+            return { werkzh_id: this.createdWork.workId + "" };
+        }
+        else if (this.createdTask) {
+            return { taak_id: this.createdTask.taskId + "" };
+        }
+    }
+    createEmailSubject() {
+        let subject = "- ";
+        if (this.createdRemark) {
+            subject += this.dictionaryService.get("REMARK") + " " + this.createdRemark.remarkId;
+        }
+        else if (this.createdWork) {
+            subject += this.dictionaryService.get("WORK") + " " + this.createdWork.workId;
+        }
+        else if (this.createdTask) {
+            subject += (this.createdTask.workflowCategory ? this.createdTask.workflowCategory : this.dictionaryService.get("TASK")) + " " +
+                (this.createdTask.workflowCategory ? this.createdTask.reference : this.createdTask.taskId);
+        }
+        return subject;
+    }
+    createEmailAddressString(addresses) {
+        if (addresses.length === 0) {
+            return '';
+        }
+        else {
+            return addresses.join(';');
+        }
+    }
+    createAttachmentsStringArray() {
+        if (this.documents.length === 0) {
+            return [];
+        }
+        else {
+            let attachments = [];
+            this.documents.forEach(d => {
+                attachments.push(d.documentBody);
+            });
+            return attachments;
+        }
     }
 }
 TaskCreatorComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-task-creator",
                 template: `
-      <div class="input-fields">
-        <co-form #createForm>
-          <co-list-of-values [collection]="optionCollection" [(model)]="chosenActivityType"
-                             [displayField]="'id'"></co-list-of-values>
-          <co-input-text *ngIf="chosenActivityType === optionCollection[0]" [required]="chosenActivityType === optionCollection[0]"
-                         [placeholder]="'REMARK' | localize" [(model)]="remarkText"
-                         [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
-                         (rightIconClick)="createRemarkClicked()"></co-input-text>
-          <co-input-text *ngIf="chosenActivityType === optionCollection[1]" [required]="chosenActivityType === optionCollection[1]"
-                         [placeholder]="'DESCRIPTION' | localize" [(model)]="workDescription"
+      <co-form #createForm class="input-fields">
+        <co-list-of-icons [collection]="optionCollection" (itemSelected)="itemSelected($event)"></co-list-of-icons>
+        <co-input-text *ngIf="chosenActivityType === optionCollection[0]" [required]="chosenActivityType === optionCollection[0]"
+                       [placeholder]="'REMARK' | localize" [(model)]="remarkText"
+                       [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
+                       (rightIconClick)="createRemarkClicked()"></co-input-text>
+        <co-input-text *ngIf="chosenActivityType === optionCollection[1]" [required]="chosenActivityType === optionCollection[1]"
+                       [placeholder]="'DESCRIPTION' | localize" [(model)]="workDescription"
+                       [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
+                       (rightIconClick)="createWorkClicked()"></co-input-text>
+        <div class="task-input-fields" *ngIf="chosenActivityType === optionCollection[2]">
+          <co-input-text [(model)]="taskName" [placeholder]="'NAME' | localize"  [required]="chosenActivityType === optionCollection[2]"
                          [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
-                         (rightIconClick)="createWorkClicked()"></co-input-text>
-          <div class="task-input-fields" *ngIf="chosenActivityType === optionCollection[2]">
-            <co-input-text [(model)]="taskName" [placeholder]="'NAME' | localize"  [required]="chosenActivityType === optionCollection[2]"
-                           [rightIconData]="iconService.getIcon(icons.PaperPlaneTopSolid)"
-                           (rightIconClick)="createTaskClicked()"></co-input-text>
-            <co-input-text [(model)]="taskDescription" [placeholder]="'DESCRIPTION' | localize" [required]="chosenActivityType === optionCollection[2]"></co-input-text>
-          </div>
-        </co-form>
-      </div>
+                         (rightIconClick)="createTaskClicked()"></co-input-text>
+          <co-input-text [(model)]="taskDescription" [placeholder]="'DESCRIPTION' | localize" [required]="chosenActivityType === optionCollection[2]"></co-input-text>
+        </div>
+      </co-form>
       <div class="extras-buttons">
         <co-button [iconData]="iconService.getIcon(icons.Email)"  (click)="showEmailDialog = true"></co-button>
         <co-button [iconData]="iconService.getIcon(icons.PaperclipRegular)"  (click)="showFilesDialog = true"
@@ -15105,15 +15224,9 @@ TaskCreatorComponent.decorators = [
                          [documents]="documents" [useWithoutSettingProps]="true"></co-files-upload>
       </co-dialog>
       <co-dialog *ngIf="showEmailDialog" (closeClick)="emailDialogClosed()">
-          <co-list-of-values [multiselect]="true" [label]="'RECIPIENTS' | localize"
-                             [collection]="emailAddressesAvailable" [displayField]="'role'"
-                             [(model)]="emailAddresses">
-          </co-list-of-values>
-          <co-list-of-values [multiselect]="true" [label]="'BCC' | localize"
-                             [collection]="emailAddressesAvailable" [displayField]="'role'"
-                             [(model)]="ccEmailAddresses">
-          </co-list-of-values>
-          <co-input-text [readonly]="false" [label]="'SENDER' | localize" [model]="senderAddress"></co-input-text>
+        <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-dialog>
 
     `
@@ -15121,6 +15234,7 @@ TaskCreatorComponent.decorators = [
 ];
 TaskCreatorComponent.ctorParameters = () => [
     { type: IconCacheService },
+    { type: DictionaryService },
     { type: SharedService }
 ];
 TaskCreatorComponent.propDecorators = {
@@ -15128,13 +15242,142 @@ TaskCreatorComponent.propDecorators = {
     author: [{ type: Input }],
     branchNo: [{ type: Input }],
     table: [{ type: Input }],
-    RemarkAndWorkKey: [{ type: Input }],
-    TaskKey: [{ type: Input }],
+    remarkAndWorkKey: [{ type: Input }],
+    taskKey: [{ type: Input }],
     workflowCategoryType: [{ type: Input }],
     activityCreated: [{ type: Output }],
     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 = [
@@ -15148,7 +15391,9 @@ TaskCreatorModule.decorators = [
                     FilesUploadModule,
                     LocalizationModule,
                     ListOfIconsModule,
-                    FormModule
+                    FormModule,
+                    IconModule,
+                    RoleEmailSelectorModule
                 ],
                 declarations: [
                     TaskCreatorComponent
@@ -15170,5 +15415,5 @@ TaskCreatorModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, TaskCreatorComponent, TaskCreatorModule, Translation, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockStatusbarComponent as ɵba, LocalizationModule as ɵbb, LocalizePipe as ɵbc, StockInformationComponent as ɵbd, StockInformationGridComponent as ɵbe, StockTransferComponent as ɵbf, StockChangeAmountComponent as ɵbg, StockTabComponent as ɵbh, OrderTabComponent as ɵbi, StockTabsComponent as ɵbj, StockHistoryTabsComponent as ɵbk, OrderStockTabComponent as ɵbl, StockLocationComponent as ɵbm, StockHistoryComponent as ɵbn, OrderSupplyStockHistoryComponent as ɵbo, OrderCommissionStockHistoryComponent as ɵbp, OrderStockHistoryComponent as ɵbq, AllocationStockHistoryComponent as ɵbr, StockPrognoseComponent as ɵbs, StockLocationPopupComponent as ɵbt, SendMethod as ɵbu, Icon as ɵbv, CalendarAllYearsComponent as ɵbw, CalendarAllMonthsComponent as ɵbx, CalendarHeaderComponent as ɵby, CalendarComponent as ɵbz, StockService as ɵc, CalendarViewComponent as ɵca, AgendaHeaderComponent as ɵcb, AgendaViewComponent as ɵcc, AgendaMonthViewComponent as ɵcd, AgendaBaseViewComponent as ɵce, AgendaDayViewComponent as ɵcf, AgendaWeekViewComponent as ɵcg, AgendaWeekSelectViewComponent as ɵch, AgendaHourViewComponent as ɵci, AgendaHourCellComponent as ɵcj, AgendaHourViewLabelsComponent as ɵck, AgendaHalfHourCellComponent as ɵcl, AgendaEventsComponent as ɵcm, AgendaEventComponent as ɵcn, ViewSelectComponent as ɵco, AgendaSelectEventComponent as ɵcp, MASTER_PIPES as ɵcq, ArrayNumberPipe as ɵcr, UCfirstPipe as ɵcs, FileTypeImagePipe as ɵct, BaseFileUploadComponent as ɵcu, InputBoolean as ɵcv, ImageDisplayModule as ɵcw, ImageDisplayComponent as ɵcx, FileUploadModule as ɵcy, TileRenderModule as ɵcz, SharedConnectorService as ɵd, TileRenderComponent as ɵda, FileUploadComponent as ɵdb, FileUploadPopupModule as ɵdc, MultiplePropertyTogglerModule as ɵdd, MultiplePropertyTogglerComponent as ɵde, FileUploadPopupComponent as ɵdf, AppFileDropzoneModule as ɵdg, AppFileDropzoneComponent as ɵdh, DragDropContainerComponent as ɵdi, DragDropService as ɵdj, BaseActivityListComponent as ɵdk, PersonalActivityOverviewComponent as ɵdl, BaseActivityOverviewComponent as ɵdm, TaskModifierComponent as ɵdn, ModifyTaskFormComponent as ɵdo, PersonalActivityOverviewModule as ɵdp, ComponentActivityOverviewModule as ɵdq, TaskModifyerModule as ɵdr, ModifyTaskFormModule as ɵds, TaskDetailsModule as ɵdt, TaskDetailsComponent as ɵdu, BaseActivitySummaryComponent as ɵdv, ExecutiveSummaryBlockModule as ɵdw, ActivitySummaryBlockModule as ɵdx, ActivitySummaryBlockComponent as ɵdy, ExecutiveSummaryBlockComponent as ɵdz, OptionsService as ɵe, StatusSummaryBlockModule as ɵea, StatusSummaryBlockComponent as ɵeb, CreationSummaryBlockModule as ɵec, CreationSummaryBlockComponent as ɵed, NotificationSummaryBlockModule as ɵee, NotificationSummaryBlockComponent as ɵef, ComponentActivityOverviewComponent as ɵeg, ActivityListHeaderModule as ɵeh, WorkflowNotificationToggleModule as ɵei, DirectivesModule as ɵej, AbsoluteOverlayTemplateDirective as ɵek, AppAbsoluteOverlayOutletService as ɵel, AlignWithDirective as ɵem, ClickOutsideDirective as ɵen, WorkflowNotificationToggleComponent as ɵeo, WorkflowNotificationTogglePopupComponent as ɵep, PeriodFilterModule as ɵeq, PeriodFilterComponent as ɵer, PeriodFilterPopupComponent as ɵes, ActivityListHeaderComponent as ɵet, WorkflowInfoTileModule as ɵeu, WorkflowInfoTileComponent as ɵev, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, LanguageCode as ɵi, SendMethodService as ɵj, SendMethodEmailModule as ɵk, LayoutSelectionModule as ɵl, LayoutSelectionComponent as ɵm, SignatureButtonModule as ɵn, SignatureButtonComponent as ɵo, SendMethodEmailComponent as ɵp, SendMethodPrinterModule as ɵq, PrinterSelectionModule as ɵr, PrinterSelectionComponent as ɵs, SendMethodPrinterComponent as ɵt, SendMethodPdfModule as ɵu, SendMethodPdfComponent as ɵv, TabBarModule as ɵw, TabBarComponent as ɵx, StatusbarPopupComponent as ɵy, StockStatusbarModule as ɵz };
+export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, TaskCreatorComponent, TaskCreatorModule, Translation, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockStatusbarComponent as ɵba, LocalizationModule as ɵbb, LocalizePipe as ɵbc, StockInformationComponent as ɵbd, StockInformationGridComponent as ɵbe, StockTransferComponent as ɵbf, StockChangeAmountComponent as ɵbg, StockTabComponent as ɵbh, OrderTabComponent as ɵbi, StockTabsComponent as ɵbj, StockHistoryTabsComponent as ɵbk, OrderStockTabComponent as ɵbl, StockLocationComponent as ɵbm, StockHistoryComponent as ɵbn, OrderSupplyStockHistoryComponent as ɵbo, OrderCommissionStockHistoryComponent as ɵbp, OrderStockHistoryComponent as ɵbq, AllocationStockHistoryComponent as ɵbr, StockPrognoseComponent as ɵbs, StockLocationPopupComponent as ɵbt, SendMethod as ɵbu, Icon as ɵbv, CalendarAllYearsComponent as ɵbw, CalendarAllMonthsComponent as ɵbx, CalendarHeaderComponent as ɵby, CalendarComponent as ɵbz, StockService as ɵc, CalendarViewComponent as ɵca, AgendaHeaderComponent as ɵcb, AgendaViewComponent as ɵcc, AgendaMonthViewComponent as ɵcd, AgendaBaseViewComponent as ɵce, AgendaDayViewComponent as ɵcf, AgendaWeekViewComponent as ɵcg, AgendaWeekSelectViewComponent as ɵch, AgendaHourViewComponent as ɵci, AgendaHourCellComponent as ɵcj, AgendaHourViewLabelsComponent as ɵck, AgendaHalfHourCellComponent as ɵcl, AgendaEventsComponent as ɵcm, AgendaEventComponent as ɵcn, ViewSelectComponent as ɵco, AgendaSelectEventComponent as ɵcp, MASTER_PIPES as ɵcq, ArrayNumberPipe as ɵcr, UCfirstPipe as ɵcs, FileTypeImagePipe as ɵct, BaseFileUploadComponent as ɵcu, InputBoolean as ɵcv, ImageDisplayModule as ɵcw, ImageDisplayComponent as ɵcx, FileUploadModule as ɵcy, TileRenderModule as ɵcz, SharedConnectorService as ɵd, TileRenderComponent as ɵda, FileUploadComponent as ɵdb, FileUploadPopupModule as ɵdc, MultiplePropertyTogglerModule as ɵdd, MultiplePropertyTogglerComponent as ɵde, FileUploadPopupComponent as ɵdf, AppFileDropzoneModule as ɵdg, AppFileDropzoneComponent as ɵdh, DragDropContainerComponent as ɵdi, DragDropService as ɵdj, BaseActivityListComponent as ɵdk, PersonalActivityOverviewComponent as ɵdl, BaseActivityOverviewComponent as ɵdm, TaskModifierComponent as ɵdn, ModifyTaskFormComponent as ɵdo, PersonalActivityOverviewModule as ɵdp, ComponentActivityOverviewModule as ɵdq, TaskModifyerModule as ɵdr, ModifyTaskFormModule as ɵds, TaskDetailsModule as ɵdt, TaskDetailsComponent as ɵdu, BaseActivitySummaryComponent as ɵdv, ExecutiveSummaryBlockModule as ɵdw, ActivitySummaryBlockModule as ɵdx, ActivitySummaryBlockComponent as ɵdy, ExecutiveSummaryBlockComponent as ɵdz, OptionsService as ɵe, StatusSummaryBlockModule as ɵea, StatusSummaryBlockComponent as ɵeb, CreationSummaryBlockModule as ɵec, CreationSummaryBlockComponent as ɵed, NotificationSummaryBlockModule as ɵee, NotificationSummaryBlockComponent as ɵef, ComponentActivityOverviewComponent as ɵeg, ActivityListHeaderModule as ɵeh, WorkflowNotificationToggleModule as ɵei, DirectivesModule as ɵej, AbsoluteOverlayTemplateDirective as ɵek, AppAbsoluteOverlayOutletService as ɵel, AlignWithDirective as ɵem, ClickOutsideDirective as ɵen, WorkflowNotificationToggleComponent as ɵeo, WorkflowNotificationTogglePopupComponent as ɵep, PeriodFilterModule as ɵeq, PeriodFilterComponent as ɵer, PeriodFilterPopupComponent as ɵes, ActivityListHeaderComponent as ɵet, WorkflowInfoTileModule as ɵeu, WorkflowInfoTileComponent as ɵev, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, LanguageCode as ɵi, SendMethodService as ɵj, SendMethodEmailModule as ɵk, LayoutSelectionModule as ɵl, LayoutSelectionComponent as ɵm, SignatureButtonModule as ɵn, SignatureButtonComponent as ɵo, SendMethodEmailComponent as ɵp, SendMethodPrinterModule as ɵq, PrinterSelectionModule as ɵr, PrinterSelectionComponent as ɵs, SendMethodPrinterComponent as ɵt, SendMethodPdfModule as ɵu, SendMethodPdfComponent as ɵv, TabBarModule as ɵw, TabBarComponent as ɵx, StatusbarPopupComponent as ɵy, StockStatusbarModule as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map