@valtimo/connector-management 4.15.2 → 4.16.0-next-main.19

package/bundles/valtimo-connector-management.umd.js

@@ -1,8 +1,26 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/contract'), require('rxjs'), require('rxjs/operators'), require('@ngx-translate/core'), require('@angular/common/http'), require('@valtimo/config'), require('@valtimo/components'), require('lodash'), require('@valtimo/form'), require('@valtimo/document'), require('ngx-logger')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/connector-management', ['exports', '@angular/core', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/contract', 'rxjs', 'rxjs/operators', '@ngx-translate/core', '@angular/common/http', '@valtimo/config', '@valtimo/components', 'lodash', '@valtimo/form', '@valtimo/document', 'ngx-logger'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['connector-management'] = {}), global.ng.core, global.ng.router, global.ng.common, global.security, global.contract, global.rxjs, global.rxjs.operators, global.cpre$1, global.ng.common.http, global.config, global.components, global.lodash, global.form, global.document, global.ngxLogger));
-}(this, (function (exports, i0, router, common, security, contract, rxjs, operators, core, i1, i2, components, lodash, form, document, ngxLogger) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/config'), require('rxjs'), require('rxjs/operators'), require('@ngx-translate/core'), require('@angular/common/http'), require('@valtimo/components'), require('lodash'), require('@valtimo/form'), require('@valtimo/document'), require('ngx-logger')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/connector-management', ['exports', '@angular/core', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/config', 'rxjs', 'rxjs/operators', '@ngx-translate/core', '@angular/common/http', '@valtimo/components', 'lodash', '@valtimo/form', '@valtimo/document', 'ngx-logger'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['connector-management'] = {}), global.ng.core, global.ng.router, global.ng.common, global.security, global.config, global.rxjs, global.rxjs.operators, global.cpre$1, global.ng.common.http, global.components, global.lodash, global.form, global.document, global.ngxLogger));
+}(this, (function (exports, i0, router, common, security, i2, rxjs, operators, core, i1, components, lodash, form, document, ngxLogger) { 'use strict';
+
+    /*
+     *
+     *  * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *  *
+     *  * Licensed under EUPL, Version 1.2 (the "License");
+     *  * you may not use this file except in compliance with the License.
+     *  * You may obtain a copy of the License at
+     *  *
+     *  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *  *
+     *  * Unless required by applicable law or agreed to in writing, software
+     *  * distributed under the License is distributed on an "AS IS" basis,
+     *  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     *  * See the License for the specific language governing permissions and
+     *  * limitations under the License.
+     *
+     */
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -28,6 +46,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 __());
@@ -213,11 +233,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;
@@ -226,7 +248,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);
     }
@@ -291,18 +323,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;
     }
 
     /*
@@ -352,7 +387,7 @@
     ConnectorManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConnectorManagementService_Factory() { return new ConnectorManagementService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ConnectorManagementService, providedIn: "root" });
     ConnectorManagementService.decorators = [
         { type: i0.Injectable, args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 },] }
     ];
     ConnectorManagementService.ctorParameters = function () { return [
@@ -461,7 +496,7 @@
     ConnectorManagementStateService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConnectorManagementStateService_Factory() { return new ConnectorManagementStateService(); }, token: ConnectorManagementStateService, providedIn: "root" });
     ConnectorManagementStateService.decorators = [
         { type: i0.Injectable, args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 },] }
     ];
 
@@ -479,19 +514,27 @@
             });
             this.pageSizes$ = new rxjs.BehaviorSubject({
                 collectionSize: 0,
-                maxPaginationItemSize: 5
+                maxPaginationItemSize: 5,
             });
-            this.pagination$ = rxjs.combineLatest([this.currentPageAndSize$, this.pageSizes$])
-                .pipe(operators.map(function (_b) {
+            this.pagination$ = rxjs.combineLatest([
+                this.currentPageAndSize$,
+                this.pageSizes$,
+            ]).pipe(operators.map(function (_b) {
                 var _c = __read(_b, 2), currentPage = _c[0], sizes = _c[1];
                 return (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }));
             }));
-            this.connectorInstances$ = rxjs.combineLatest([this.currentPageAndSize$, this.translateService.stream('key'), this.stateService.refresh$])
-                .pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_b) {
+            this.connectorInstances$ = rxjs.combineLatest([
+                this.currentPageAndSize$,
+                this.translateService.stream('key'),
+                this.stateService.refresh$,
+            ]).pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_b) {
                 var _c = __read(_b, 1), currentPage = _c[0];
                 return rxjs.combineLatest([
-                    _this.connectorManagementService.getConnectorInstances({ page: currentPage.page, size: currentPage.size }),
-                    _this.connectorManagementService.getConnectorTypes()
+                    _this.connectorManagementService.getConnectorInstances({
+                        page: currentPage.page,
+                        size: currentPage.size,
+                    }),
+                    _this.connectorManagementService.getConnectorTypes(),
                 ]);
             }), operators.tap(function (_b) {
                 var _c = __read(_b, 1), instanceRes = _c[0];
@@ -544,7 +587,7 @@
     ConnectorManagementComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-connector-management',
-                    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<div class=\"main-content pt-0\" *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\">\n  <div class=\"container-fluid\">\n    <ng-container *ngTemplateOutlet=\"buttons;context:{loading: obs.loading}\"></ng-container>\n    <valtimo-widget *ngIf=\"obs.loading === false; else loading\">\n      <valtimo-list\n        [items]=\"obs.connectorInstances\"\n        [fields]=\"obs.fields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\n        [isSearchable]=\"false\"\n        [pagination]=\"obs.pagination\"\n        paginationIdentifier=\"connectorManagementList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet($event)\"\n        (rowClicked)=\"rowClicked($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-connector-modal [modalType]=\"modalType$ | async\">\n</valtimo-connector-modal>\n\n<ng-template #buttons let-loading=\"loading\">\n  <div class=\"btn-group mt-m3px mb-3 float-right\">\n    <button class=\"btn btn-primary btn-space mr-0\" [disabled]=\"loading\" (click)=\"showAddModal()\">\n      <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n      {{ 'connectorManagement.add' | translate }}\n    </button>\n  </div>\n  <div class=\"clearfix\"></div>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\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<div\n  class=\"main-content pt-0\"\n  *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <ng-container *ngTemplateOutlet=\"buttons; context: {loading: obs.loading}\"></ng-container>\n    <valtimo-widget *ngIf=\"obs.loading === false; else loading\">\n      <valtimo-list\n        [items]=\"obs.connectorInstances\"\n        [fields]=\"obs.fields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\n        [isSearchable]=\"false\"\n        [pagination]=\"obs.pagination\"\n        paginationIdentifier=\"connectorManagementList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet($event)\"\n        (rowClicked)=\"rowClicked($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-connector-modal [modalType]=\"modalType$ | async\"> </valtimo-connector-modal>\n\n<ng-template #buttons let-loading=\"loading\">\n  <div class=\"btn-group mt-m3px mb-3 float-right\">\n    <button class=\"btn btn-primary btn-space mr-0\" [disabled]=\"loading\" (click)=\"showAddModal()\">\n      <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n      {{ 'connectorManagement.add' | translate }}\n    </button>\n  </div>\n  <div class=\"clearfix\"></div>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n",
                     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 */"]
                 },] }
     ];
@@ -569,13 +612,13 @@
      * See the License for the specific language governing permissions and
      * limitations under the License.
      */
-    var ɵ0 = { title: 'Connectors', roles: [contract.ROLE_ADMIN] };
+    var ɵ0 = { title: 'Connectors', roles: [i2.ROLE_ADMIN] };
     var routes = [
         {
             path: 'connectors',
             component: ConnectorManagementComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ0
+            data: ɵ0,
         },
     ];
     var ConnectorManagementRoutingModule = /** @class */ (function () {
@@ -586,11 +629,8 @@
     ConnectorManagementRoutingModule.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],
                 },] }
     ];
 
@@ -632,7 +672,7 @@
     ObjectApiSyncService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ObjectApiSyncService_Factory() { return new ObjectApiSyncService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ObjectApiSyncService, providedIn: "root" });
     ObjectApiSyncService.decorators = [
         { type: i0.Injectable, args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 },] }
     ];
     ObjectApiSyncService.ctorParameters = function () { return [
@@ -657,10 +697,12 @@
             });
             this.pageSizes$ = new rxjs.BehaviorSubject({
                 collectionSize: 0,
-                maxPaginationItemSize: 5
+                maxPaginationItemSize: 5,
             });
-            this.pagination$ = rxjs.combineLatest([this.currentPageAndSize$, this.pageSizes$])
-                .pipe(operators.map(function (_c) {
+            this.pagination$ = rxjs.combineLatest([
+                this.currentPageAndSize$,
+                this.pageSizes$,
+            ]).pipe(operators.map(function (_c) {
                 var _d = __read(_c, 2), currentPage = _d[0], sizes = _d[1];
                 return (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }));
             }));
@@ -668,9 +710,8 @@
                 this.currentPageAndSize$,
                 this.connectorManagementService.getConnectorTypes(),
                 this.translateService.stream('key'),
-                this.stateService.refresh$
-            ])
-                .pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_c) {
+                this.stateService.refresh$,
+            ]).pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_c) {
                 var _d = __read(_c, 2), currentPage = _d[0], types = _d[1];
                 return _this.connectorManagementService.getConnectorInstancesByType(types.find(function (type) { return type.name.toLowerCase().includes('objectsapi'); }).id, { page: currentPage.page, size: currentPage.size });
             }), operators.tap(function (instanceRes) {
@@ -720,7 +761,8 @@
             var splitObjectTypeUrl = objectTypeUrl === null || objectTypeUrl === void 0 ? void 0 : objectTypeUrl.split('/');
             var objectTypeId = splitObjectTypeUrl[splitObjectTypeUrl.length - 1];
             this.stateService.disableInput();
-            this.objectApiSyncService.createObjectSyncConfig({ connectorInstanceId: connectorInstanceId, enabled: enabled, documentDefinitionName: documentDefinitionName, objectTypeId: objectTypeId })
+            this.objectApiSyncService
+                .createObjectSyncConfig({ connectorInstanceId: connectorInstanceId, enabled: enabled, documentDefinitionName: documentDefinitionName, objectTypeId: objectTypeId })
                 .subscribe(function (res) {
                 _this.alertService.success(_this.translateService.instant('connectorManagement.extension.addSyncSuccess'));
                 _this.stateService.hideExtensionModal();
@@ -748,7 +790,7 @@
     ConnectorLinkExtensionModalComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-connector-link-extension-modal',
-                    template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText'| translate\">\n  <div class=\"mt-2\" body *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n    noConnectors: noObjectsApiConnectors$ | async\n  } as obs\">\n    <div *ngIf=\"obs.loading === false; else loading\" [ngClass]=\"{disabled: obs.disabled }\">\n      <ng-container *ngIf=\"!obs.noConnectors; else noConnectors\">\n        <p class=\"lead\">{{'connectorManagement.extension.clickToSync' | translate}}</p>\n        <valtimo-widget>\n          <valtimo-list\n                  [items]=\"obs.connectorInstances\"\n                  [fields]=\"obs.fields\"\n                  [header]=\"false\"\n                  [viewMode]=\"false\"\n                  [isSearchable]=\"false\"\n                  [pagination]=\"obs.pagination\"\n                  paginationIdentifier=\"connectorManagementList\"\n                  (paginationClicked)=\"paginationClicked($event)\"\n                  (paginationSet)=\"paginationSet($event)\"\n                  (rowClicked)=\"rowClicked($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n              <h5 class=\"list-header-description\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #noConnectors>\n  <p class=\"lead\">{{'connectorManagement.extension.noConnectors' | translate}}</p>\n</ng-template>\n",
+                    template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *ngIf=\"{\n      connectorInstances: connectorInstances$ | async,\n      fields: fields$ | async,\n      pagination: pagination$ | async,\n      loading: loading$ | async,\n      disabled: disabled$ | async,\n      noConnectors: noObjectsApiConnectors$ | async\n    } as obs\"\n  >\n    <div *ngIf=\"obs.loading === false; else loading\" [ngClass]=\"{disabled: obs.disabled}\">\n      <ng-container *ngIf=\"!obs.noConnectors; else noConnectors\">\n        <p class=\"lead\">{{ 'connectorManagement.extension.clickToSync' | translate }}</p>\n        <valtimo-widget>\n          <valtimo-list\n            [items]=\"obs.connectorInstances\"\n            [fields]=\"obs.fields\"\n            [header]=\"false\"\n            [viewMode]=\"false\"\n            [isSearchable]=\"false\"\n            [pagination]=\"obs.pagination\"\n            paginationIdentifier=\"connectorManagementList\"\n            (paginationClicked)=\"paginationClicked($event)\"\n            (paginationSet)=\"paginationSet($event)\"\n            (rowClicked)=\"rowClicked($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n              <h5 class=\"list-header-description\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #noConnectors>\n  <p class=\"lead\">{{ 'connectorManagement.extension.noConnectors' | translate }}</p>\n</ng-template>\n",
                     styles: [".disabled{filter:grayscale(1);opacity:.8;pointer-events:none}"]
                 },] }
     ];
@@ -791,8 +833,10 @@
         }
         AddConnectorComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.refreshSubscription = rxjs.combineLatest([this.stateService.showModal$, this.stateService.refresh$])
-                .subscribe(function () {
+            this.refreshSubscription = rxjs.combineLatest([
+                this.stateService.showModal$,
+                this.stateService.refresh$,
+            ]).subscribe(function () {
                 _this.goBack();
             });
         };
@@ -809,11 +853,13 @@
         AddConnectorComponent.prototype.onSave = function (event) {
             var _this = this;
             this.selectedConnector$.pipe(operators.take(1)).subscribe(function (selectedConnectorType) {
-                _this.connectorManagementService.createConnectorInstance({
+                _this.connectorManagementService
+                    .createConnectorInstance({
                     name: event.name,
                     typeId: selectedConnectorType.id,
-                    connectorProperties: event.properties
-                }).subscribe(function () {
+                    connectorProperties: event.properties,
+                })
+                    .subscribe(function () {
                     _this.alertService.success(_this.translateService.instant('connectorManagement.messages.addSuccess'));
                     _this.stateService.hideModal();
                     _this.stateService.enableInput();
@@ -828,7 +874,7 @@
     AddConnectorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-add-connector',
-                    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<ng-container *ngIf=\"connectorTypes$ | async as connectorTypes; else loading\">\n  <ng-container *ngIf=\"(selectedConnector$ | async) === undefined; else configure\">\n    <p class=\"lead\">\n      {{'connectorManagement.' + (connectorTypes?.length > 0 ? 'addHeader' : 'noConnectorsAvailable') | translate}}\n    </p>\n    <div class=\"cards-container mt-3\">\n      <div *ngFor=\"let connectorType of connectorTypes\" class=\"card card-border text-center\">\n        <div class=\"card-header\">{{connectorType.name}}</div>\n        <div class=\"card-body\">\n          <button class=\"btn btn-primary\" (click)=\"selectConnector(connectorType)\">\n            {{'connectorManagement.configureButton' | translate}}\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-template #configure>\n  <ng-container *ngIf=\"selectedConnector$ | async as connector\">\n    <button class=\"btn btn-outline-secondary btn-sm btn-back\" (click)=\"goBack()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-arrow-left mr-1\"></i>\n      {{'connectorManagement.goBack' | translate}}\n    </button>\n    <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n      {{('connectorManagement.configureWith' | translate) + ' ' + connector.name}}\n    </p>\n    <valtimo-edit-connector-form\n      [connectorName]=\"connector.name\"\n      [properties]=\"(selectedConnector$ | async).properties\"\n      (propertiesSave)=\"onSave($event)\"\n    >\n    </valtimo-edit-connector-form>\n  </ng-container>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\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<ng-container *ngIf=\"connectorTypes$ | async as connectorTypes; else loading\">\n  <ng-container *ngIf=\"(selectedConnector$ | async) === undefined; else configure\">\n    <p class=\"lead\">\n      {{\n        'connectorManagement.' +\n          (connectorTypes?.length > 0 ? 'addHeader' : 'noConnectorsAvailable') | translate\n      }}\n    </p>\n    <div class=\"cards-container mt-3\">\n      <div *ngFor=\"let connectorType of connectorTypes\" class=\"card card-border text-center\">\n        <div class=\"card-header\">{{ connectorType.name }}</div>\n        <div class=\"card-body\">\n          <button class=\"btn btn-primary\" (click)=\"selectConnector(connectorType)\">\n            {{ 'connectorManagement.configureButton' | translate }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-template #configure>\n  <ng-container *ngIf=\"selectedConnector$ | async as connector\">\n    <button\n      class=\"btn btn-outline-secondary btn-sm btn-back\"\n      (click)=\"goBack()\"\n      [disabled]=\"disabled$ | async\"\n    >\n      <i class=\"icon mdi mdi-arrow-left mr-1\"></i>\n      {{ 'connectorManagement.goBack' | translate }}\n    </button>\n    <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n      {{ ('connectorManagement.configureWith' | translate) + ' ' + connector.name }}\n    </p>\n    <valtimo-edit-connector-form\n      [connectorName]=\"connector.name\"\n      [properties]=\"(selectedConnector$ | async).properties\"\n      (propertiesSave)=\"onSave($event)\"\n    >\n    </valtimo-edit-connector-form>\n  </ng-container>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n",
                     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 */.btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{margin-right:30px;width:calc(33.3% - 20px)}.card:nth-child(3n+3){margin-right:0}.card-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]
                 },] }
     ];
@@ -865,12 +911,14 @@
         ModifyConnectorComponent.prototype.onSave = function (event) {
             var _this = this;
             this.instance$.pipe(operators.take(1)).subscribe(function (instance) {
-                _this.connectorManagementService.updateConnectorInstance({
+                _this.connectorManagementService
+                    .updateConnectorInstance({
                     name: event.name,
                     typeId: instance.type.id,
                     id: instance.id,
-                    connectorProperties: event.properties
-                }).subscribe(function () {
+                    connectorProperties: event.properties,
+                })
+                    .subscribe(function () {
                     _this.alertService.success(_this.translateService.instant('connectorManagement.messages.modifySuccess'));
                     _this.stateService.hideModal();
                     _this.stateService.enableInput();
@@ -898,7 +946,7 @@
     ModifyConnectorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-modify-connector',
-                    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<ng-container *ngIf=\"instance$ | async as instance\">\n  <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n    {{('connectorManagement.modifyWith' | translate) + ' ' + instance.type.name}}\n  </p>\n  <valtimo-edit-connector-form\n    [properties]=\"instance.properties\"\n    [withDefaults]=\"true\"\n    [defaultName]=\"instance.name\"\n    [showDeleteButton]=\"true\"\n    [connectorName]=\"instance.type.name\"\n    (propertiesSave)=\"onSave($event)\"\n    (connectorDelete)=\"onDelete()\"\n  >\n  </valtimo-edit-connector-form>\n</ng-container>\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<ng-container *ngIf=\"instance$ | async as instance\">\n  <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n    {{ ('connectorManagement.modifyWith' | translate) + ' ' + instance.type.name }}\n  </p>\n  <valtimo-edit-connector-form\n    [properties]=\"instance.properties\"\n    [withDefaults]=\"true\"\n    [defaultName]=\"instance.name\"\n    [showDeleteButton]=\"true\"\n    [connectorName]=\"instance.type.name\"\n    (propertiesSave)=\"onSave($event)\"\n    (connectorDelete)=\"onDelete()\"\n  >\n  </valtimo-edit-connector-form>\n</ng-container>\n",
                     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 */"]
                 },] }
     ];
@@ -976,11 +1024,15 @@
             this.modifiedProperties$ = new rxjs.BehaviorSubject(undefined);
             this.editFields$ = new rxjs.BehaviorSubject([]);
             this.connectorName$ = new rxjs.BehaviorSubject('');
-            this.saveButtonDisabled$ = rxjs.combineLatest([this.editFields$, this.modifiedProperties$, this.connectorName$]).pipe(operators.map(function (_a) {
+            this.saveButtonDisabled$ = rxjs.combineLatest([
+                this.editFields$,
+                this.modifiedProperties$,
+                this.connectorName$,
+            ]).pipe(operators.map(function (_a) {
                 var _b = __read(_a, 3), editFields = _b[0], modifiedProperties = _b[1], connectorName = _b[2];
                 var values = editFields.map(function (field) { return lodash.get(modifiedProperties, field.key); });
                 var validValues = values.filter(function (value) { return Array.isArray(value) ? value.length > 0 : value === 0 || value; });
-                return (editFields.length !== validValues.length) || !connectorName;
+                return editFields.length !== validValues.length || !connectorName;
             }));
             this.disabled$ = this.stateService.inputDisabled$;
         }
@@ -1013,7 +1065,8 @@
             var _this = this;
             this.stateService.disableInput();
             rxjs.combineLatest([this.modifiedProperties$, this.connectorName$])
-                .pipe(operators.take(1)).subscribe(function (_a) {
+                .pipe(operators.take(1))
+                .subscribe(function (_a) {
                 var _b = __read(_a, 2), properties = _b[0], name = _b[1];
                 _this.propertiesSave.emit({ properties: properties, name: name });
             });
@@ -1044,8 +1097,7 @@
             var editFields = [];
             var keysToFilter = ['className'];
             var handlePropertyLevel = function (propertyLevel, previousKeys) {
-                var propertyLevelKeys = Object.keys(propertyLevel)
-                    .filter(function (key) { return !keysToFilter.includes(key); });
+                var propertyLevelKeys = Object.keys(propertyLevel).filter(function (key) { return !keysToFilter.includes(key); });
                 propertyLevelKeys.forEach(function (key) {
                     var propertyValue = propertyLevel[key];
                     var baseEditField = Object.assign({ key: previousKeys + key }, (_this.withDefaults && { defaultValue: propertyValue }));
@@ -1077,7 +1129,7 @@
     EditConnectorPropertiesComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-edit-connector-properties',
-                    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<div class=\"edit-fields\" *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\">\n  <ng-container *ngTemplateOutlet=\"nameInput;context:{disabled: obs.disabled}\"></ng-container>\n  <ng-container *ngFor=\"let editField of obs.editFields\">\n    <ng-container *ngIf=\"editField.editType === 'string' || editField.editType === 'number'\">\n      <ng-container *ngTemplateOutlet=\"singleInput;context:{editField: editField, disabled: obs.disabled}\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"editField.editType === 'string[]' || editField.editType === 'number[]'\">\n      <valtimo-multi-value-connector-property\n        [editField]=\"editField\"\n        (valuesSet)=\"multiFieldValuesSet($event)\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"withDefaults && editField.defaultValue\"\n      >\n      </valtimo-multi-value-connector-property>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"buttons;context:{disabled: obs.disabled}\"></ng-container>\n</div>\n\n<ng-template #nameInput let-disabled=\"disabled\">\n  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{'connectorManagement.inputLabels.connectorName' | translate}}\n    </label>\n    <div class=\"col-7\">\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onNameValueChange($event.target.value)\"\n        [disabled]=\"disabled\"\n        [value]=\"(withDefaults && defaultName) ? defaultName : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{'connectorManagement.inputLabels.' + editField.key | translate}}\n    </label>\n    <div class=\"col-7\">\n      <input\n        *ngIf=\"editField.editType === 'string'\"\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n      <input\n        *ngIf=\"editField.editType === 'number'\"\n        class=\"form-control\"\n        type=\"number\"\n        step=\"1\"\n        min=\"0\"\n        oninput=\"validity.valid||(value='');\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\">\n    <div class=\"button-container\">\n      <button class=\"btn btn-primary\" [disabled]=\"disabled || (saveButtonDisabled$ | async)\" (click)=\"onSave()\">\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{'connectorManagement.save' | translate}}\n      </button>\n      <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\" [disabled]=\"disabled\">\n        <i class=\"icon mdi mdi-delete mr-1\"></i>\n        {{'connectorManagement.remove' | translate}}\n      </button>\n    </div>\n  </div>\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<div\n  class=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"nameInput; context: {disabled: obs.disabled}\"></ng-container>\n  <ng-container *ngFor=\"let editField of obs.editFields\">\n    <ng-container *ngIf=\"editField.editType === 'string' || editField.editType === 'number'\">\n      <ng-container\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"editField.editType === 'string[]' || editField.editType === 'number[]'\">\n      <valtimo-multi-value-connector-property\n        [editField]=\"editField\"\n        (valuesSet)=\"multiFieldValuesSet($event)\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"withDefaults && editField.defaultValue\"\n      >\n      </valtimo-multi-value-connector-property>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: obs.disabled}\"></ng-container>\n</div>\n\n<ng-template #nameInput let-disabled=\"disabled\">\n  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{ 'connectorManagement.inputLabels.connectorName' | translate }}\n    </label>\n    <div class=\"col-7\">\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onNameValueChange($event.target.value)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults && defaultName ? defaultName : ''\"\n      />\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{ 'connectorManagement.inputLabels.' + editField.key | translate }}\n    </label>\n    <div class=\"col-7\">\n      <input\n        *ngIf=\"editField.editType === 'string'\"\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      />\n      <input\n        *ngIf=\"editField.editType === 'number'\"\n        class=\"form-control\"\n        type=\"number\"\n        step=\"1\"\n        min=\"0\"\n        oninput=\"validity.valid||(value='');\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      />\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\">\n    <div class=\"button-container\">\n      <button\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <i class=\"icon mdi mdi-delete mr-1\"></i>\n        {{ 'connectorManagement.remove' | translate }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n",
                     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 */.button-container{display:flex;flex-flow:row-reverse;justify-content:space-between;width:100%}"]
                 },] }
     ];
@@ -1103,17 +1155,25 @@
             this.alertService = alertService;
             this.connectorManagementService = connectorManagementService;
             this.loading$ = new rxjs.BehaviorSubject(true);
-            this.objectApiSyncConfig$ = rxjs.combineLatest([this.route.params, this.translateService.stream('key'), this.stateService.refresh$]).pipe(operators.switchMap(function (_b) {
+            this.objectApiSyncConfig$ = rxjs.combineLatest([
+                this.route.params,
+                this.translateService.stream('key'),
+                this.stateService.refresh$,
+            ]).pipe(operators.switchMap(function (_b) {
                 var _c = __read(_b, 1), params = _c[0];
                 return _this.objectApiSyncService.getObjectSyncConfigs(params.name);
-            }), operators.switchMap(function (configs) { return rxjs.combineLatest(__spread([rxjs.of(configs)], configs.map(function (config) { return _this.connectorManagementService.getConnectorInstanceById(config.connectorInstanceId).pipe(operators.catchError(function () { return rxjs.of(''); })); }))); }), operators.map(function (results) {
+            }), operators.switchMap(function (configs) { return rxjs.combineLatest(__spread([
+                rxjs.of(configs)
+            ], configs.map(function (config) { return _this.connectorManagementService
+                .getConnectorInstanceById(config.connectorInstanceId)
+                .pipe(operators.catchError(function () { return rxjs.of(''); })); }))); }), operators.map(function (results) {
                 var _b = __read(results.filter(function (result) { return result; })), instances = _b.slice(1);
-                return results[0]
-                    .map(function (syncConfig) {
+                return results[0].map(function (syncConfig) {
                     var _a;
-                    return (Object.assign(Object.assign({}, syncConfig), { title: ((_a = instances.find(function (instance) { return instance.id === syncConfig.connectorInstanceId; })) === null || _a === void 0 ? void 0 : _a.name) || 'Objects API' }));
+                    return (Object.assign(Object.assign({}, syncConfig), { title: ((_a = instances.find(function (instance) { return instance.id === syncConfig.connectorInstanceId; })) === null || _a === void 0 ? void 0 : _a.name) ||
+                            'Objects API' }));
                 });
-            }), operators.map(function (results) { return Array.isArray(results) && results.length > 0 ? results[0] : null; }), operators.tap(function () {
+            }), operators.map(function (results) { return (Array.isArray(results) && results.length > 0 ? results[0] : null); }), operators.tap(function () {
                 _this.loading$.next(false);
             }));
             this.disabled$ = this.stateService.inputDisabled$;
@@ -1127,7 +1187,9 @@
         ConnectorLinkExtensionComponent.prototype.toggleSync = function (config) {
             var _this = this;
             this.stateService.disableInput();
-            this.objectApiSyncService.modifyObjectSyncConfig(Object.assign(Object.assign({}, config), { enabled: !config.enabled })).subscribe(function () {
+            this.objectApiSyncService
+                .modifyObjectSyncConfig(Object.assign(Object.assign({}, config), { enabled: !config.enabled }))
+                .subscribe(function () {
                 if (!config.enabled) {
                     _this.alertService.success(_this.translateService.instant('connectorManagement.extension.addSyncSuccess'));
                 }
@@ -1156,8 +1218,8 @@
     ConnectorLinkExtensionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-connector-link-extension',
-                    template: "<h2 class=\"mb-4 mt-6\">{{'connectorManagement.extension.title' | translate}}</h2>\n\n<ng-container *ngIf=\"{\n    syncConfig: objectApiSyncConfig$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.syncConfig; else addSync\">\n      <div class=\"card card-border\">\n        <div class=\"card-body\">\n          <h4 class=\"connector-name mr-2\" [ngClass]=\"{'text-success': obs.syncConfig.enabled, 'text-warning': !obs.syncConfig.enabled}\">\n            {{obs.syncConfig.title}}\n          </h4>\n          <div class=\"controls\">\n            <div class=\"switch-button switch-button-success\">\n              <input type=\"checkbox\" [checked]=\"obs.syncConfig.enabled\" [disabled]=\"obs.disabled\" name=\"sync\" id=\"sync\" (click)=\"toggleSync(obs.syncConfig)\">\n              <span><label for=\"sync\"></label></span>\n            </div>\n            <button class=\"btn btn-danger ml-3\" [disabled]=\"obs.disabled\" (click)=\"deleteSync(obs.syncConfig.id)\">\n              <i class=\"fa fa-trash\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n      {{'connectorManagement.extension.buttonText' | translate}}\n    </button>\n  </div>\n</ng-template>\n",
-                    styles: [".card-body{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.connector-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{align-items:center;display:flex}"]
+                    template: "<h2 class=\"mb-4 mt-6\">{{ 'connectorManagement.extension.title' | translate }}</h2>\n\n<ng-container\n  *ngIf=\"{\n    syncConfig: objectApiSyncConfig$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.syncConfig; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ obs.syncConfig.title }}\n          </div>\n          <div class=\"controls\">\n            <button\n              class=\"btn btn-danger ml-3\"\n              [disabled]=\"obs.disabled\"\n              (click)=\"deleteSync(obs.syncConfig.id)\"\n            >\n              <i class=\"fa fa-trash\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"setting-row\">\n            Automatisch zaakdetails synchroniseren\n            <div class=\"controls\">\n              <div class=\"switch-button switch-button-success\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"obs.syncConfig.enabled\"\n                  [disabled]=\"obs.disabled\"\n                  name=\"sync\"\n                  id=\"sync\"\n                  (click)=\"toggleSync(obs.syncConfig)\"\n                />\n                <span><label for=\"sync\"></label></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n      {{ 'connectorManagement.extension.buttonText' | translate }}\n    </button>\n  </div>\n</ng-template>\n",
+                    styles: [".card-header,.setting-row{flex-direction:row;justify-content:space-between}.card-header,.controls,.setting-row{align-items:center;display:flex}"]
                 },] }
     ];
     ConnectorLinkExtensionComponent.ctorParameters = function () { return [
@@ -1194,7 +1256,9 @@
             var _this = this;
             this.values$.pipe(operators.take(1)).subscribe(function (values) {
                 var _b;
-                _this.values$.next(Object.assign(Object.assign({}, values), (_b = {}, _b[index] = editField.editType === 'string[]' ? value.trim() : parseInt(value, 10), _b)));
+                _this.values$.next(Object.assign(Object.assign({}, values), (_b = {}, _b[index] = editField.editType === 'string[]'
+                    ? value.trim()
+                    : parseInt(value, 10), _b)));
             });
         };
         MultiValueConnectorPropertyComponent.prototype.addRow = function () {
@@ -1205,7 +1269,9 @@
         };
         MultiValueConnectorPropertyComponent.prototype.removeRow = function () {
             var _this = this;
-            rxjs.combineLatest([this.values$, this.amountOfValues$]).pipe(operators.take(1)).subscribe(function (_b) {
+            rxjs.combineLatest([this.values$, this.amountOfValues$])
+                .pipe(operators.take(1))
+                .subscribe(function (_b) {
                 var _c = __read(_b, 2), values = _c[0], amountOfValues = _c[1];
                 var lastValueIndex = amountOfValues.length - 1;
                 var valuesCopy = Object.assign({}, values);
@@ -1219,7 +1285,7 @@
             this.valuesSubscription = this.values$.subscribe(function (values) {
                 _this.valuesSet.emit({
                     editFieldKey: _this.editField.key,
-                    values: Object.values(values).filter(function (value) { return value === 0 || value; })
+                    values: Object.values(values).filter(function (value) { return value === 0 || value; }),
                 });
             });
         };
@@ -1240,7 +1306,7 @@
     MultiValueConnectorPropertyComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-multi-value-connector-property',
-                    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<div\n  class=\"form-group row\"\n  *ngIf=\"{amountOfValues: amountOfValues$ | async, values: values$ | async} as obs\"\n>\n  <label class=\"col-3 col-form-label text-sm-right\">\n    {{'connectorManagement.inputLabels.' + editField.key | translate}}\n  </label>\n  <div class=\"col-7\">\n    <ng-container *ngFor=\"let value of obs.amountOfValues; let index = index\">\n      <ng-container *ngTemplateOutlet=\"input;context:{index: index, disabled: disabled, values: obs.values}\">\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons;context:{disabled: disabled}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #input let-index=\"index\" let-disabled=\"disabled\" let-values=\"values\">\n  <input\n    *ngIf=\"editField.editType === 'string[]'\"\n    class=\"form-control mb-2\"\n    type=\"text\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"(defaultValue && values[index]) ? values[index] : ''\"\n  >\n  <input\n    *ngIf=\"editField.editType === 'number[]'\"\n    class=\"form-control mb-2\"\n    type=\"number\"\n    step=\"1\"\n    min=\"0\"\n    oninput=\"validity.valid||(value='');\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"(defaultValue && values[index]) ? values[index] : ''\"\n  >\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"button-container mt-1\">\n    <button class=\"btn btn-danger btn-space btn-sm\" (click)=\"removeRow()\" [disabled]=\"disabled || (removeButtonDisabled$ | async)\">\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{'connectorManagement.removeValue' | translate}}\n    </button>\n    <button class=\"btn btn-secondary btn-space mr-0 btn-sm\" (click)=\"addRow()\" [disabled]=\"disabled || (addButtonDisabled$ | async)\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{'connectorManagement.addValue' | translate}}\n    </button>\n  </div>\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<div\n  class=\"form-group row\"\n  *ngIf=\"{amountOfValues: amountOfValues$ | async, values: values$ | async} as obs\"\n>\n  <label class=\"col-3 col-form-label text-sm-right\">\n    {{ 'connectorManagement.inputLabels.' + editField.key | translate }}\n  </label>\n  <div class=\"col-7\">\n    <ng-container *ngFor=\"let value of obs.amountOfValues; let index = index\">\n      <ng-container\n        *ngTemplateOutlet=\"input; context: {index: index, disabled: disabled, values: obs.values}\"\n      >\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: disabled}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #input let-index=\"index\" let-disabled=\"disabled\" let-values=\"values\">\n  <input\n    *ngIf=\"editField.editType === 'string[]'\"\n    class=\"form-control mb-2\"\n    type=\"text\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n  <input\n    *ngIf=\"editField.editType === 'number[]'\"\n    class=\"form-control mb-2\"\n    type=\"number\"\n    step=\"1\"\n    min=\"0\"\n    oninput=\"validity.valid||(value='');\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"button-container mt-1\">\n    <button\n      class=\"btn btn-danger btn-space btn-sm\"\n      (click)=\"removeRow()\"\n      [disabled]=\"disabled || (removeButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{ 'connectorManagement.removeValue' | translate }}\n    </button>\n    <button\n      class=\"btn btn-secondary btn-space mr-0 btn-sm\"\n      (click)=\"addRow()\"\n      [disabled]=\"disabled || (addButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{ 'connectorManagement.addValue' | translate }}\n    </button>\n  </div>\n</ng-template>\n",
                     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 */.button-container{display:flex;justify-content:flex-end;width:100%}"]
                 },] }
     ];
@@ -1251,13 +1317,16 @@
         valuesSet: [{ type: i0.Output }]
     };
 
+    var ɵ0$1 = {
+        custom: "values = window['productRequestDefinitions'][row.caseDefinitionKey] || []",
+    };
     var editProductAanvragenConnectorForm = {
         display: 'wizard',
         settings: {
             pdf: {
                 id: '1ec0f8ee-6685-5d98-a847-26f67b67d6f0',
-                src: 'https://files.form.io/pdf/5692b91fd1028f01000407e3/file/1ec0f8ee-6685-5d98-a847-26f67b67d6f0'
-            }
+                src: 'https://files.form.io/pdf/5692b91fd1028f01000407e3/file/1ec0f8ee-6685-5d98-a847-26f67b67d6f0',
+            },
         },
         components: [
             {
@@ -1266,7 +1335,7 @@
                 buttonSettings: {
                     previous: true,
                     cancel: true,
-                    next: true
+                    next: true,
                 },
                 navigateOnEnter: false,
                 saveOnEnter: false,
@@ -1283,35 +1352,35 @@
                         attrs: [
                             {
                                 attr: '',
-                                value: ''
-                            }
+                                value: '',
+                            },
                         ],
                         content: 'connectorForm.productaanvraag.step0.tip',
                         refreshOnChange: false,
                         key: 'html4',
                         type: 'htmlelement',
                         input: false,
-                        tableView: false
+                        tableView: false,
                     },
                     {
-                        title: 'connectorForm.productaanvraag.step0.typeMapping.panelTitle',
-                        collapsible: false,
-                        key: 'connectorFormProductaanvraagStep0TypeMappingsPanelTitle',
-                        type: 'panel',
-                        label: 'Panel',
-                        input: false,
-                        tableView: false,
+                        key: 'productAanvraagTypes',
+                        type: 'editgrid',
+                        input: true,
+                        validate: {
+                            minLength: 1,
+                        },
+                        customClass: 'edit-grid-component',
                         components: [
                             {
                                 label: 'connectorForm.productaanvraag.step0.typeMapping.productAanvraagType.label',
                                 tooltip: 'connectorForm.productaanvraag.step0.typeMapping.productAanvraagType.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'productAanvraagType',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step0.typeMapping.caseDefinitionKey.label',
@@ -1319,30 +1388,32 @@
                                 placeholder: 'connectorForm.productaanvraag.step0.typeMapping.caseDefinitionKey.placeholder',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'caseDefinitionKey',
                                 type: 'select',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.label',
                                 widget: 'choicesjs',
-                                placeholder: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.placeholder',
                                 tableView: true,
-                                validate: {
-                                    required: true
-                                },
+                                dataSrc: 'custom',
+                                data: ɵ0$1,
+                                dataType: 'string',
+                                refreshOn: 'row.caseDefinitionKey',
+                                clearOnRefresh: true,
                                 key: 'processDefinitionKey',
                                 type: 'select',
                                 input: true,
-                                refreshOn: 'caseDefinitionKey',
-                                clearOnRefresh: true,
-                                disabled: true
-                            }
-                        ]
-                    }
-                ]
+                                validate: {
+                                    required: true,
+                                },
+                                placeholder: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.placeholder',
+                            },
+                        ],
+                    },
+                ],
             },
             {
                 title: 'connectorForm.productaanvraag.step1.title',
@@ -1350,7 +1421,7 @@
                 buttonSettings: {
                     previous: true,
                     cancel: true,
-                    next: true
+                    next: true,
                 },
                 navigateOnEnter: false,
                 saveOnEnter: false,
@@ -1367,15 +1438,15 @@
                         attrs: [
                             {
                                 attr: '',
-                                value: ''
-                            }
+                                value: '',
+                            },
                         ],
                         content: 'connectorForm.productaanvraag.step1.tip',
                         refreshOnChange: false,
                         key: 'html',
                         type: 'htmlelement',
                         input: false,
-                        tableView: false
+                        tableView: false,
                     },
                     {
                         title: 'connectorForm.productaanvraag.step1.objectsApi.panelTitle',
@@ -1391,24 +1462,24 @@
                                 tooltip: 'connectorForm.productaanvraag.step1.objectsApi.url.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'objectsApiUrl',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step1.objectsApi.token.label',
                                 tooltip: 'connectorForm.productaanvraag.step1.objectsApi.token.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'objectsApiToken',
                                 type: 'textfield',
-                                input: true
-                            }
-                        ]
+                                input: true,
+                            },
+                        ],
                     },
                     {
                         title: 'connectorForm.productaanvraag.step1.objectTypesApi.panelTitle',
@@ -1424,26 +1495,26 @@
                                 tooltip: 'connectorForm.productaanvraag.step1.objectTypesApi.url.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'objectTypesApiUrl',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step1.objectTypesApi.token.label',
                                 tooltip: 'connectorForm.productaanvraag.step1.objectTypesApi.token.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'objectTypesApiToken',
                                 type: 'textfield',
-                                input: true
-                            }
-                        ]
-                    }
-                ]
+                                input: true,
+                            },
+                        ],
+                    },
+                ],
             },
             {
                 title: 'connectorForm.productaanvraag.step2.title',
@@ -1451,7 +1522,7 @@
                 buttonSettings: {
                     previous: true,
                     cancel: true,
-                    next: true
+                    next: true,
                 },
                 navigateOnEnter: false,
                 saveOnEnter: false,
@@ -1468,15 +1539,15 @@
                         attrs: [
                             {
                                 attr: '',
-                                value: ''
-                            }
+                                value: '',
+                            },
                         ],
                         content: 'connectorForm.productaanvraag.step2.tip',
                         refreshOnChange: false,
                         key: 'html2',
                         type: 'htmlelement',
                         input: false,
-                        tableView: false
+                        tableView: false,
                     },
                     {
                         title: 'connectorForm.productaanvraag.step2.objectType.panelTitle',
@@ -1492,48 +1563,48 @@
                                 tooltip: 'connectorForm.productaanvraag.step2.objectType.name.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'objectTypeName',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step2.objectType.title.label',
                                 tooltip: 'connectorForm.productaanvraag.step2.objectType.title.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'objectTypeTitle',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step2.objectType.url.label',
                                 tooltip: 'connectorForm.productaanvraag.step2.objectType.url.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'objectTypeUrl',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step2.objectType.typeVersion.label',
                                 tooltip: 'connectorForm.productaanvraag.step2.objectType.typeVersion.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'objectTypeVersion',
                                 type: 'textfield',
-                                input: true
-                            }
-                        ]
-                    }
-                ]
+                                input: true,
+                            },
+                        ],
+                    },
+                ],
             },
             {
                 title: 'connectorForm.productaanvraag.step3.title',
@@ -1541,7 +1612,7 @@
                 buttonSettings: {
                     previous: true,
                     cancel: true,
-                    next: true
+                    next: true,
                 },
                 navigateOnEnter: false,
                 saveOnEnter: false,
@@ -1558,15 +1629,15 @@
                         attrs: [
                             {
                                 attr: '',
-                                value: ''
-                            }
+                                value: '',
+                            },
                         ],
                         content: 'connectorForm.productaanvraag.step3.tip',
                         refreshOnChange: false,
                         key: 'html1',
                         type: 'htmlelement',
                         input: false,
-                        tableView: false
+                        tableView: false,
                     },
                     {
                         title: 'connectorForm.productaanvraag.step3.openNotifications.panelTitle',
@@ -1582,48 +1653,48 @@
                                 tooltip: 'connectorForm.productaanvraag.step3.openNotifications.baseUrl.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'openNotificationsBaseUrl',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step3.openNotifications.clientId.label',
                                 tooltip: 'connectorForm.productaanvraag.step3.openNotifications.clientId.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'openNotificationsClientId',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step3.openNotifications.secret.label',
                                 tooltip: 'connectorForm.productaanvraag.step3.openNotifications.secret.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'openNotificationsSecret',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step3.openNotifications.callbackBaseUrl.label',
                                 tooltip: 'connectorForm.productaanvraag.step3.openNotifications.callbackBaseUrl.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'openNotificationsCallbackBaseUrl',
                                 type: 'textfield',
-                                input: true
-                            }
-                        ]
-                    }
-                ]
+                                input: true,
+                            },
+                        ],
+                    },
+                ],
             },
             {
                 title: 'connectorForm.productaanvraag.step4.title',
@@ -1631,7 +1702,7 @@
                 buttonSettings: {
                     previous: true,
                     cancel: true,
-                    next: true
+                    next: true,
                 },
                 navigateOnEnter: false,
                 saveOnEnter: false,
@@ -1648,15 +1719,15 @@
                         attrs: [
                             {
                                 attr: '',
-                                value: ''
-                            }
+                                value: '',
+                            },
                         ],
                         content: 'connectorForm.productaanvraag.step4.tip',
                         refreshOnChange: false,
                         key: 'html3',
                         type: 'htmlelement',
                         input: false,
-                        tableView: false
+                        tableView: false,
                     },
                     {
                         title: 'connectorForm.productaanvraag.step4.applicant.panelTitle',
@@ -1672,30 +1743,30 @@
                                 attrs: [
                                     {
                                         attr: '',
-                                        value: ''
-                                    }
+                                        value: '',
+                                    },
                                 ],
                                 content: 'connectorForm.productaanvraag.step4.applicant.tip',
                                 refreshOnChange: false,
                                 key: 'html5',
                                 type: 'htmlelement',
                                 input: false,
-                                tableView: false
+                                tableView: false,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.label',
                                 tooltip: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.tooltip',
                                 tableView: true,
                                 validate: {
-                                    required: true
+                                    required: true,
                                 },
                                 key: 'applicantRoleTypeUrl',
                                 type: 'textfield',
-                                input: true
-                            }
-                        ]
-                    }
-                ]
+                                input: true,
+                            },
+                        ],
+                    },
+                ],
             },
             {
                 title: 'connectorForm.productaanvraag.step5.title',
@@ -1703,7 +1774,7 @@
                 buttonSettings: {
                     previous: true,
                     cancel: true,
-                    next: true
+                    next: true,
                 },
                 navigateOnEnter: false,
                 saveOnEnter: false,
@@ -1720,29 +1791,29 @@
                         attrs: [
                             {
                                 attr: '',
-                                value: ''
-                            }
+                                value: '',
+                            },
                         ],
                         content: 'connectorForm.productaanvraag.step5.tip',
                         refreshOnChange: false,
                         key: 'html6',
                         type: 'htmlelement',
                         input: false,
-                        tableView: false
+                        tableView: false,
                     },
                     {
                         label: 'connectorForm.productaanvraag.step5.name',
                         tableView: true,
                         validate: {
-                            required: true
+                            required: true,
                         },
                         key: 'connectorName',
                         type: 'textfield',
-                        input: true
-                    }
-                ]
-            }
-        ]
+                        input: true,
+                    },
+                ],
+            },
+        ],
     };
 
     var EditProductAanvragenConnectorComponent = /** @class */ (function () {
@@ -1758,56 +1829,29 @@
             this.formRefresh$ = new rxjs.Subject();
             this.formDefinition$ = new rxjs.BehaviorSubject(undefined);
             this.translatedFormDefinition$ = this.formDefinition$.pipe(operators.map(function (definition) { return _this.formTranslationService.translateForm(definition); }));
-            this.caseDefinitionId$ = new rxjs.BehaviorSubject('');
+            this.caseDefinitionOptions = [];
+            this.processDocumentDefinitionOptions = {};
             this.options = {
-                disableAlerts: true
+                disableAlerts: true,
             };
             this.mapCaseDefinitionKeyComponent = function (component) {
-                var _a;
                 if (component.key === 'caseDefinitionKey') {
-                    var definitionOptions = (_a = _this.documentDefinitions) === null || _a === void 0 ? void 0 : _a.content.map(function (definition) { return ({ label: definition.id.name, value: definition.id.name }); });
-                    return Object.assign(Object.assign({}, component), { disabled: false, data: { values: definitionOptions } });
-                }
-                return component;
-            };
-            this.mapProcessDefinitionKeyComponent = function (component) {
-                var _a;
-                if (component.key === 'processDefinitionKey') {
-                    var processOptions = _this.processDocumentDefinitions.map(function (definition) { return ({ label: definition.processName, value: definition.id.processDefinitionKey }); });
-                    if (((_a = _this.processDocumentDefinitions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                        return Object.assign(Object.assign({}, component), { disabled: false, data: { values: processOptions } });
-                    }
-                    else {
-                        return Object.assign(Object.assign({}, component), { disabled: true, data: { values: [] } });
-                    }
+                    return Object.assign(Object.assign({}, component), { disabled: false, data: { values: _this.caseDefinitionOptions } });
                 }
                 return component;
             };
         }
         EditProductAanvragenConnectorComponent.prototype.ngOnInit = function () {
+            window['productRequestDefinitions'] = {};
             this.openFormDefinitionSubscription();
             this.formDefinition$.next(editProductAanvragenConnectorForm);
-            this.loadDocumentDefinitions();
+            this.loadDefinitions();
         };
         EditProductAanvragenConnectorComponent.prototype.ngOnDestroy = function () {
             var _a, _b;
             (_a = this.formDefinitionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
             (_b = this.translateSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
         };
-        EditProductAanvragenConnectorComponent.prototype.onChange = function (object) {
-            var _this = this;
-            var _a;
-            var caseDefinitionKeyValue = (_a = object === null || object === void 0 ? void 0 : object.data) === null || _a === void 0 ? void 0 : _a.caseDefinitionKey;
-            var currentCaseDefinitionId = this.caseDefinitionId$.getValue();
-            if (caseDefinitionKeyValue && caseDefinitionKeyValue !== currentCaseDefinitionId) {
-                this.documentService.findProcessDocumentDefinitions(caseDefinitionKeyValue).subscribe(function (processDocumentDefinitions) {
-                    _this.processDocumentDefinitions = processDocumentDefinitions;
-                    var definitionWithProcessDefinitionKeyValues = _this.formMappingService.mapComponents(_this.formDefinition$.getValue(), _this.mapProcessDefinitionKeyComponent);
-                    _this.formDefinition$.next(definitionWithProcessDefinitionKeyValues);
-                    _this.caseDefinitionId$.next(caseDefinitionKeyValue);
-                });
-            }
-        };
         EditProductAanvragenConnectorComponent.prototype.onSubmit = function (event) {
             var submission = event.data;
             var properties = lodash.cloneDeep(this.properties);
@@ -1822,15 +1866,10 @@
             properties.openNotificatieProperties.baseUrl = submission.openNotificationsBaseUrl;
             properties.openNotificatieProperties.clientId = submission.openNotificationsClientId;
             properties.openNotificatieProperties.secret = submission.openNotificationsSecret;
-            properties.openNotificatieProperties.callbackBaseUrl = submission.openNotificationsCallbackBaseUrl;
+            properties.openNotificatieProperties.callbackBaseUrl =
+                submission.openNotificationsCallbackBaseUrl;
             properties.aanvragerRolTypeUrl = submission.applicantRoleTypeUrl;
-            properties.typeMapping = [
-                {
-                    productAanvraagType: submission.productAanvraagType,
-                    caseDefinitionKey: submission.caseDefinitionKey,
-                    processDefinitionKey: submission.processDefinitionKey
-                }
-            ];
+            properties.typeMapping = submission.productAanvraagTypes;
             this.propertiesSave.emit({ properties: properties, name: submission.connectorName });
         };
         EditProductAanvragenConnectorComponent.prototype.onDelete = function () {
@@ -1838,8 +1877,10 @@
         };
         EditProductAanvragenConnectorComponent.prototype.openFormDefinitionSubscription = function () {
             var _this = this;
-            this.formDefinitionSubscription = rxjs.combineLatest([this.formDefinition$, this.translateService.stream('key')])
-                .subscribe(function (_c) {
+            this.formDefinitionSubscription = rxjs.combineLatest([
+                this.formDefinition$,
+                this.translateService.stream('key'),
+            ]).subscribe(function (_c) {
                 var _d = __read(_c, 1), form = _d[0];
                 var translatedForm = _this.formTranslationService.translateForm(form);
                 _this.refreshForm({ form: translatedForm });
@@ -1859,36 +1900,45 @@
             submission.openNotificationsBaseUrl = properties.openNotificatieProperties.baseUrl;
             submission.openNotificationsClientId = properties.openNotificatieProperties.clientId;
             submission.openNotificationsSecret = properties.openNotificatieProperties.secret;
-            submission.openNotificationsCallbackBaseUrl = properties.openNotificatieProperties.callbackBaseUrl;
+            submission.openNotificationsCallbackBaseUrl =
+                properties.openNotificatieProperties.callbackBaseUrl;
             submission.applicantRoleTypeUrl = properties.aanvragerRolTypeUrl;
-            submission.productAanvraagType = properties.typeMapping[0].productAanvraagType;
-            submission.caseDefinitionKey = properties.typeMapping[0].caseDefinitionKey;
-            submission.processDefinitionKey = properties.typeMapping[0].processDefinitionKey;
+            submission.productAanvraagTypes = properties.typeMapping;
             submission.connectorName = this.defaultName;
             this.refreshForm({ submission: { data: submission } });
         };
         EditProductAanvragenConnectorComponent.prototype.refreshForm = function (refreshValue) {
             this.formRefresh$.next(refreshValue);
         };
-        EditProductAanvragenConnectorComponent.prototype.loadDocumentDefinitions = function () {
+        EditProductAanvragenConnectorComponent.prototype.loadDefinitions = function () {
             var _this = this;
-            this.documentService.getAllDefinitions().subscribe(function (definitions) {
+            var documentDefinitions;
+            this.documentService
+                .getAllDefinitions()
+                .pipe(operators.tap(function (resDocumentDefinitions) { return (documentDefinitions = resDocumentDefinitions.content); }), operators.switchMap(function (resDocumentDefinitions) { return rxjs.combineLatest(resDocumentDefinitions.content.map(function (definition) { return _this.documentService.findProcessDocumentDefinitions(definition.id.name); })); }), operators.tap(function (res) {
                 var _a;
-                _this.documentDefinitions = definitions;
-                var definitionWithCaseDefinitionKeyValues = _this.formMappingService.mapComponents(_this.formDefinition$.getValue(), _this.mapCaseDefinitionKeyComponent);
-                _this.formDefinition$.next(definitionWithCaseDefinitionKeyValues);
+                _this.caseDefinitionOptions = documentDefinitions.map(function (documentDefinition) {
+                    return { label: documentDefinition.id.name, value: documentDefinition.id.name };
+                });
+                documentDefinitions.forEach(function (documentDefinition, index) {
+                    _this.processDocumentDefinitionOptions[documentDefinition.id.name] = res[index].map(function (processDocumentDefinition) { return processDocumentDefinition.id.processDefinitionKey; });
+                });
+                window['productRequestDefinitions'] = _this.processDocumentDefinitionOptions;
+                var definitionWithCaseDefinitionOptions = _this.formMappingService.mapComponents(_this.formDefinition$.getValue(), _this.mapCaseDefinitionKeyComponent);
+                _this.formDefinition$.next(definitionWithCaseDefinitionOptions);
                 if ((_a = _this.properties) === null || _a === void 0 ? void 0 : _a.aanvragerRolTypeUrl) {
                     _this.prefillForm();
                 }
-            });
+            }))
+                .subscribe();
         };
         return EditProductAanvragenConnectorComponent;
     }());
     EditProductAanvragenConnectorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-edit-product-aanvragen-connector',
-                    template: "<!--\n  ~ Copyright 2015-2021 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<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [useFormRefresh]=\"true\"\n    [options]=\"options\"\n    (change)=\"onChange($event)\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{'connectorManagement.remove' | translate}}\n  </button>\n</div>\n\n",
-                    styles: ["/*!\n * Copyright 2015-2021 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 */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]
+                    template: "<!--\n  ~ Copyright 2015-2021 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<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{ 'connectorManagement.remove' | translate }}\n  </button>\n</div>\n",
+                    styles: ["/*!\n * Copyright 2015-2021 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 */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request ::ng-deep .col-sm-2{flex:0 0 25%;max-width:25%}.edit-product-request ::ng-deep .edit-grid-component>label{display:none}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]
                 },] }
     ];
     EditProductAanvragenConnectorComponent.ctorParameters = function () { return [
@@ -1980,7 +2030,7 @@
                         ConnectorLinkExtensionComponent,
                         ConnectorLinkExtensionModalComponent,
                         EditProductAanvragenConnectorComponent,
-                        EditConnectorFormComponent
+                        EditConnectorFormComponent,
                     ],
                     imports: [
                         common.CommonModule,
@@ -1990,7 +2040,7 @@
                         components.ListModule,
                         components.SpinnerModule,
                         components.ModalModule,
-                        components.FormIoModule
+                        components.FormIoModule,
                     ],
                     exports: [
                         ConnectorManagementComponent,
@@ -2001,11 +2051,9 @@
                         MultiValueConnectorPropertyComponent,
                         ConnectorLinkExtensionComponent,
                         ConnectorLinkExtensionModalComponent,
-                        EditProductAanvragenConnectorComponent
+                        EditProductAanvragenConnectorComponent,
                     ],
-                    entryComponents: [
-                        ConnectorLinkExtensionComponent,
-                    ]
+                    entryComponents: [ConnectorLinkExtensionComponent],
                 },] }
     ];
 
@@ -2031,7 +2079,7 @@
             return new Promise(function (resolve, reject) {
                 try {
                     logger.debug('connector link extension initializer before init');
-                    var extension = new contract.Extension('ConnectorLink', new contract.BasicExtensionPoint('dossier-management', 'dossier', 'connector-link', ConnectorLinkExtensionComponent));
+                    var extension = new i2.Extension('ConnectorLink', new i2.BasicExtensionPoint('dossier-management', 'dossier', 'right-panel', ConnectorLinkExtensionComponent));
                     configService.addExtension(extension);
                     logger.debug('connector link extension initializer after init');
                     resolve();