@valtimo/task 4.15.3-next-main.15 → 4.15.3-next-main.16

package/bundles/valtimo-task.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('@valtimo/config'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('@ng-bootstrap/ng-bootstrap'), require('@ngx-translate/core'), require('@valtimo/components'), require('@valtimo/contract'), require('ngx-toastr'), require('@angular/router'), require('@valtimo/form-link'), require('moment'), require('ngx-logger'), require('rxjs'), require('@valtimo/security'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/task', ['exports', '@angular/core', '@angular/common/http', '@valtimo/config', '@angular/common', '@angular/forms', '@angular/platform-browser/animations', '@ng-bootstrap/ng-bootstrap', '@ngx-translate/core', '@valtimo/components', '@valtimo/contract', 'ngx-toastr', '@angular/router', '@valtimo/form-link', 'moment', 'ngx-logger', 'rxjs', '@valtimo/security', 'rxjs/operators'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.task = {}), global.ng.core, global.ng.common.http, global.config, global.ng.common, global.ng.forms, global.ng.platformBrowser.animations, global.ngBootstrap, global.core$1, global.components, global.contract, global.ngxToastr, global.ng.router, global.formLink, global.moment, global.ngxLogger, global.rxjs, global.security, global.rxjs.operators));
-}(this, (function (exports, i0, i1, i2, common, forms, animations, ngBootstrap, core, components, contract, ngxToastr, router, formLink, momentImported, ngxLogger, rxjs, security, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('@valtimo/config'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('@ng-bootstrap/ng-bootstrap'), require('@ngx-translate/core'), require('@valtimo/components'), require('@valtimo/contract'), require('ngx-toastr'), require('@angular/router'), require('@valtimo/form-link'), require('moment'), require('ngx-logger'), require('rxjs/operators'), require('rxjs'), require('@valtimo/security')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/task', ['exports', '@angular/core', '@angular/common/http', '@valtimo/config', '@angular/common', '@angular/forms', '@angular/platform-browser/animations', '@ng-bootstrap/ng-bootstrap', '@ngx-translate/core', '@valtimo/components', '@valtimo/contract', 'ngx-toastr', '@angular/router', '@valtimo/form-link', 'moment', 'ngx-logger', 'rxjs/operators', 'rxjs', '@valtimo/security'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.task = {}), global.ng.core, global.ng.common.http, global.config, global.ng.common, global.ng.forms, global.ng.platformBrowser.animations, global.ngBootstrap, global.core$1, global.components, global.contract, global.ngxToastr, global.ng.router, global.formLink, global.moment, global.ngxLogger, global.rxjs.operators, global.rxjs, global.security));
+}(this, (function (exports, i0, i1, i2, common, forms, animations, ngBootstrap, core, components, contract, ngxToastr, router, formLink, momentImported, ngxLogger, operators, rxjs, security) { 'use strict';
 
     /*
      * Copyright 2015-2020 Ritense BV, the Netherlands.
@@ -45,7 +45,7 @@
         TaskService.prototype.completeTask = function (id, variables) {
             return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/complete', {
                 variables: variables,
-                filesToDelete: []
+                filesToDelete: [],
             });
         };
         return TaskService;
@@ -77,11 +77,12 @@
     var moment = momentImported;
     moment.locale(localStorage.getItem('langKey') || '');
     var TaskDetailModalComponent = /** @class */ (function () {
-        function TaskDetailModalComponent(toastr, formLinkService, router, logger) {
+        function TaskDetailModalComponent(toastr, formLinkService, router, logger, route) {
             this.toastr = toastr;
             this.formLinkService = formLinkService;
             this.router = router;
             this.logger = logger;
+            this.route = route;
             this.task = null;
             this.page = null;
             this.formSubmit = new i0.EventEmitter();
@@ -100,7 +101,7 @@
             this.task = task;
             this.page = {
                 title: task.name,
-                subtitle: "Created " + moment(task.created).fromNow()
+                subtitle: "Created " + moment(task.created).fromNow(),
             };
             this.formLinkService
                 .getPreFilledFormDefinitionByFormLinkId(task.processDefinitionKey, task.businessKey, task.taskDefinitionKey, task.id // taskInstanceId
@@ -119,7 +120,13 @@
                         window.open(url, '_blank');
                         break;
                     case 'BpmnElementAngularStateUrlLink':
-                        _this.router.navigate([formDefinition.formAssociation.formLink.url]);
+                        _this.route.params.pipe(operators.take(1)).subscribe(function (params) {
+                            var taskId = task === null || task === void 0 ? void 0 : task.id;
+                            var documentId = params === null || params === void 0 ? void 0 : params.documentId;
+                            _this.router.navigate([formDefinition.formAssociation.formLink.url], {
+                                state: Object.assign(Object.assign({}, (taskId && { taskId: taskId })), (documentId && { documentId: documentId })),
+                            });
+                        });
                         break;
                     default:
                         _this.logger.fatal('Unsupported class name');
@@ -154,7 +161,7 @@
     TaskDetailModalComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-task-detail-modal',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n  #taskDetailModal\n  elementId=\"taskDetailModal\"\n  [title]=\"page?.title\"\n  [subtitle]=\"page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"formDefinition\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition && !errorMessage\">\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\" [translate]=\"'formManagement.noFormDefinitionFound'\"></div>\n  </div>\n  <div body *ngIf=\"errorMessage\">\n    <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n      {{ errorMessage }}\n    </div>\n  </div>\n  <div footer>\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!formDefinition\">\n      <button class=\"btn btn-secondary btn-space\" type=\"button\" (click)=\"gotoFormLinkScreen()\" id=\"form-link-button\">\n        {{ 'formManagement.gotoFormLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #assignUserToTask>\n  <valtimo-assign-user-to-task\n    *ngIf=\"task && assignmentOfTaskChanged\"\n    [taskId]=\"task.id\"\n    [assigneeEmail]=\"task.assignee\"\n    (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n  ></valtimo-assign-user-to-task>\n</ng-template>\n",
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n  #taskDetailModal\n  elementId=\"taskDetailModal\"\n  [title]=\"page?.title\"\n  [subtitle]=\"page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"formDefinition\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition && !errorMessage\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFound'\"\n    ></div>\n  </div>\n  <div body *ngIf=\"errorMessage\">\n    <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n      {{ errorMessage }}\n    </div>\n  </div>\n  <div footer>\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!formDefinition\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoFormLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #assignUserToTask>\n  <valtimo-assign-user-to-task\n    *ngIf=\"task && assignmentOfTaskChanged\"\n    [taskId]=\"task.id\"\n    [assigneeEmail]=\"task.assignee\"\n    (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n  ></valtimo-assign-user-to-task>\n</ng-template>\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */#taskDetailModal .formio-component-submit{text-align:right}"]
                 },] }
@@ -163,7 +170,8 @@
         { type: ngxToastr.ToastrService },
         { type: formLink.FormLinkService },
         { type: router.Router },
-        { type: ngxLogger.NGXLogger }
+        { type: ngxLogger.NGXLogger },
+        { type: router.ActivatedRoute }
     ]; };
     TaskDetailModalComponent.propDecorators = {
         form: [{ type: i0.ViewChild, args: ['form',] }],
@@ -196,6 +204,8 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -381,11 +391,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -394,7 +406,17 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -459,18 +481,21 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
     var moment$1 = momentImported;
@@ -484,7 +509,7 @@
             this.tasks = {
                 mine: new contract.TaskList(),
                 open: new contract.TaskList(),
-                all: new contract.TaskList()
+                all: new contract.TaskList(),
             };
             this.currentTaskType = 'mine';
             this.listTitle = null;
@@ -495,7 +520,10 @@
             this.getTasks(type);
         };
         TaskListComponent.prototype.paginationSet = function () {
-            this.tasks.mine.pagination.size = this.tasks.all.pagination.size = this.tasks.open.pagination.size = this.tasks[this.currentTaskType].pagination.size;
+            this.tasks.mine.pagination.size =
+                this.tasks.all.pagination.size =
+                    this.tasks.open.pagination.size =
+                        this.tasks[this.currentTaskType].pagination.size;
             this.getTasks(this.currentTaskType);
         };
         TaskListComponent.prototype.clearPagination = function (type) {
@@ -525,7 +553,7 @@
             var params;
             this.translationSubscription = rxjs.combineLatest([
                 this.translateService.stream("task-list." + type + ".title"),
-                this.translateService.stream("task-list." + type + ".description")
+                this.translateService.stream("task-list." + type + ".description"),
             ]).subscribe(function (_a) {
                 var _b = __read(_a, 2), title = _b[0], description = _b[1];
                 _this.listTitle = title;
@@ -533,11 +561,19 @@
             });
             switch (type) {
                 case 'mine':
-                    params = { page: this.tasks.mine.page, size: this.tasks.mine.pagination.size, filter: 'mine' };
+                    params = {
+                        page: this.tasks.mine.page,
+                        size: this.tasks.mine.pagination.size,
+                        filter: 'mine',
+                    };
                     this.currentTaskType = 'mine';
                     break;
                 case 'open':
-                    params = { page: this.tasks.open.page, size: this.tasks.open.pagination.size, filter: 'open' };
+                    params = {
+                        page: this.tasks.open.page,
+                        size: this.tasks.open.pagination.size,
+                        filter: 'open',
+                    };
                     this.currentTaskType = 'open';
                     break;
                 case 'all':
@@ -559,20 +595,20 @@
                 _this.tasks[type].fields = [
                     {
                         key: 'created',
-                        label: 'Created on'
+                        label: 'Created on',
                     },
                     {
                         key: 'name',
-                        label: 'Name'
+                        label: 'Name',
                     },
                     {
                         key: 'valtimoAssignee.fullName',
-                        label: 'Assignee'
+                        label: 'Assignee',
                     },
                     {
                         key: 'due',
-                        label: 'Due date'
-                    }
+                        label: 'Due date',
+                    },
                 ];
             });
         };
@@ -628,8 +664,8 @@
             path: 'tasks',
             component: TaskListComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ0
-        }
+            data: ɵ0,
+        },
     ];
     var TaskRoutingModule = /** @class */ (function () {
         function TaskRoutingModule() {
@@ -639,11 +675,8 @@
     TaskRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: [],
-                    imports: [
-                        common.CommonModule,
-                        router.RouterModule.forChild(routes),
-                    ],
-                    exports: [router.RouterModule]
+                    imports: [common.CommonModule, router.RouterModule.forChild(routes)],
+                    exports: [router.RouterModule],
                 },] }
     ];
 
@@ -687,7 +720,10 @@
         AssignUserToTaskComponent.prototype.assignTask = function (userEmail) {
             var _this = this;
             this.disable();
-            rxjs.combineLatest([this.candidateUsersForTask$, this.taskService.assignTask(this.taskId, { assignee: userEmail })])
+            rxjs.combineLatest([
+                this.candidateUsersForTask$,
+                this.taskService.assignTask(this.taskId, { assignee: userEmail }),
+            ])
                 .pipe(operators.take(1), operators.tap(function (_b) {
                 var _c = __read(_b, 1), candidateUsers = _c[0];
                 _this.userEmailToAssign = userEmail;
@@ -742,7 +778,7 @@
     AssignUserToTaskComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-assign-user-to-task',
-                    template: "<ng-container\n  *ngIf=\"{\n    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    emailOnServer: assignedEmailOnServer$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <ng-container *ngIf=\"obs.candidateUsers; else loading\">\n          <valtimo-searchable-dropdown-select\n            [style]=\"'underlinedText'\"\n            [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n            [buttonText]=\"'assignTask.header' | translate\"\n            [searchText]=\"'interface.typeToSearch' | translate\"\n            [noResultsText]=\"'interface.noSearchResults' | translate\"\n            [disabled]=\"obs.disabled\"\n            [selectedText]=\"'assignTask.assignedTo' | translate\"\n            [selectedTextValue]=\"assignedUserFullName$ | async\"\n            [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n            [hasSelection]=\"userEmailToAssign === obs.emailOnServer && obs.emailOnServer !== null\"\n            [width]=\"250\"\n            (itemSelected)=\"assignTask($event)\"\n            (clearSelection)=\"unassignTask()\"\n          >\n          </valtimo-searchable-dropdown-select>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5><b>{{'assignTask.fetchingUsers' | translate}}</b></h5>\n</ng-template>\n\n",
+                    template: "<ng-container\n  *ngIf=\"{\n    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    emailOnServer: assignedEmailOnServer$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <ng-container *ngIf=\"obs.candidateUsers; else loading\">\n          <valtimo-searchable-dropdown-select\n            [style]=\"'underlinedText'\"\n            [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n            [buttonText]=\"'assignTask.header' | translate\"\n            [searchText]=\"'interface.typeToSearch' | translate\"\n            [noResultsText]=\"'interface.noSearchResults' | translate\"\n            [disabled]=\"obs.disabled\"\n            [selectedText]=\"'assignTask.assignedTo' | translate\"\n            [selectedTextValue]=\"assignedUserFullName$ | async\"\n            [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n            [hasSelection]=\"userEmailToAssign === obs.emailOnServer && obs.emailOnServer !== null\"\n            [width]=\"250\"\n            (itemSelected)=\"assignTask($event)\"\n            (clearSelection)=\"unassignTask()\"\n          >\n          </valtimo-searchable-dropdown-select>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n",
                     styles: [".container-fluid{color:#959595}i{font-size:13px}"]
                 },] }
     ];
@@ -792,20 +828,20 @@
                         forms.FormsModule,
                         ngxToastr.ToastrModule.forRoot({
                             positionClass: 'toast-bottom-full-width',
-                            preventDuplicates: true
+                            preventDuplicates: true,
                         }),
                         core.TranslateModule.forRoot({
                             loader: {
                                 provide: core.TranslateLoader,
                                 useFactory: ɵ0$1,
-                                deps: [i1.HttpClient]
-                            }
+                                deps: [i1.HttpClient],
+                            },
                         }),
                         ngBootstrap.NgbModule,
                         components.FormIoModule,
-                        components.ModalModule
+                        components.ModalModule,
                     ],
-                    exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent]
+                    exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
                 },] }
     ];