@valtimo/connector-management 4.16.0 → 4.19.0

package/fesm2015/valtimo-connector-management.js

@@ -3,7 +3,7 @@ import { RouterModule, ActivatedRoute } from '@angular/router';
 import { CommonModule } from '@angular/common';
 import { AuthGuardService } from '@valtimo/security';
 import { ConfigService, ROLE_ADMIN, Extension, BasicExtensionPoint } from '@valtimo/config';
-import { BehaviorSubject, combineLatest, of, Subject } from 'rxjs';
+import { BehaviorSubject, combineLatest, of, Subject, timer } from 'rxjs';
 import { map, tap, switchMap, take, catchError } from 'rxjs/operators';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { HttpClient } from '@angular/common/http';
@@ -252,7 +252,7 @@ class ConnectorManagementComponent {
 ConnectorManagementComponent.decorators = [
     { type: 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\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",
+                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 mr-1\"></i>\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 */"]
             },] }
 ];
@@ -890,7 +890,7 @@ class ConnectorLinkExtensionComponent {
 ConnectorLinkExtensionComponent.decorators = [
     { type: Component, args: [{
                 selector: 'valtimo-connector-link-extension',
-                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",
+                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=\"icon mdi mdi-delete\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"setting-row\">\n            {{ 'connectorManagement.autoSync' | translate }}\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 mr-1\"></i>\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}"]
             },] }
 ];
@@ -998,6 +998,10 @@ MultiValueConnectorPropertyComponent.propDecorators = {
 
 const ɵ0$1 = {
     custom: "values = window['productRequestDefinitions'][row.caseDefinitionKey] || []",
+}, ɵ1 = {
+    custom: "values = window['openNotificatieConnectorNames'] || []",
+}, ɵ2 = {
+    custom: "values = window['objectApiConnectorNames'] || []",
 };
 const editProductAanvragenConnectorForm = {
     display: 'wizard',
@@ -1128,68 +1132,45 @@ const editProductAanvragenConnectorForm = {
                     tableView: false,
                 },
                 {
-                    title: 'connectorForm.productaanvraag.step1.objectsApi.panelTitle',
+                    title: 'connectorForm.productaanvraag.step1.connectors.panelTitle',
                     collapsible: false,
-                    key: 'connectorFormProductaanvraagStep1ObjectsApiPanelTitle',
+                    key: 'connectorFormProductaanvraagStep1ConnectorsPanelTitle',
                     type: 'panel',
                     label: 'Panel',
                     input: false,
                     tableView: false,
                     components: [
                         {
-                            label: 'connectorForm.productaanvraag.step1.objectsApi.url.label',
-                            tooltip: 'connectorForm.productaanvraag.step1.objectsApi.url.tooltip',
+                            label: 'connectorForm.productaanvraag.step1.connectors.openNotificatieConnector.label',
+                            widget: 'choicesjs',
                             tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'objectsApiUrl',
-                            type: 'textfield',
+                            dataSrc: 'custom',
+                            data: ɵ1,
+                            dataType: 'string',
+                            clearOnRefresh: true,
+                            key: 'openNotificatieConnectionName',
+                            type: 'select',
                             input: true,
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step1.objectsApi.token.label',
-                            tooltip: 'connectorForm.productaanvraag.step1.objectsApi.token.tooltip',
-                            tableView: true,
                             validate: {
                                 required: true,
                             },
-                            key: 'objectsApiToken',
-                            type: 'textfield',
-                            input: true,
+                            placeholder: 'connectorForm.productaanvraag.step1.connectors.openNotificatieConnector.placeholder',
                         },
-                    ],
-                },
-                {
-                    title: 'connectorForm.productaanvraag.step1.objectTypesApi.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep1ObjectTypesApiPanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
-                    components: [
                         {
-                            label: 'connectorForm.productaanvraag.step1.objectTypesApi.url.label',
-                            tooltip: 'connectorForm.productaanvraag.step1.objectTypesApi.url.tooltip',
+                            label: 'connectorForm.productaanvraag.step1.connectors.objectsApiConnector.label',
+                            widget: 'choicesjs',
                             tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'objectTypesApiUrl',
-                            type: 'textfield',
+                            dataSrc: 'custom',
+                            data: ɵ2,
+                            dataType: 'string',
+                            clearOnRefresh: true,
+                            key: 'objectsApiConnectionName',
+                            type: 'select',
                             input: true,
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step1.objectTypesApi.token.label',
-                            tooltip: 'connectorForm.productaanvraag.step1.objectTypesApi.token.tooltip',
-                            tableView: true,
                             validate: {
                                 required: true,
                             },
-                            key: 'objectTypesApiToken',
-                            type: 'textfield',
-                            input: true,
+                            placeholder: 'connectorForm.productaanvraag.step1.connectors.objectsApiConnector.placeholder',
                         },
                     ],
                 },
@@ -1223,195 +1204,15 @@ const editProductAanvragenConnectorForm = {
                     ],
                     content: 'connectorForm.productaanvraag.step2.tip',
                     refreshOnChange: false,
-                    key: 'html2',
-                    type: 'htmlelement',
-                    input: false,
-                    tableView: false,
-                },
-                {
-                    title: 'connectorForm.productaanvraag.step2.objectType.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep2ObjectTypePanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
-                    components: [
-                        {
-                            label: 'connectorForm.productaanvraag.step2.objectType.name.label',
-                            tooltip: 'connectorForm.productaanvraag.step2.objectType.name.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'objectTypeName',
-                            type: 'textfield',
-                            input: true,
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step2.objectType.title.label',
-                            tooltip: 'connectorForm.productaanvraag.step2.objectType.title.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'objectTypeTitle',
-                            type: 'textfield',
-                            input: true,
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step2.objectType.url.label',
-                            tooltip: 'connectorForm.productaanvraag.step2.objectType.url.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'objectTypeUrl',
-                            type: 'textfield',
-                            input: true,
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step2.objectType.typeVersion.label',
-                            tooltip: 'connectorForm.productaanvraag.step2.objectType.typeVersion.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'objectTypeVersion',
-                            type: 'textfield',
-                            input: true,
-                        },
-                    ],
-                },
-            ],
-        },
-        {
-            title: 'connectorForm.productaanvraag.step3.title',
-            breadcrumbClickable: true,
-            buttonSettings: {
-                previous: true,
-                cancel: true,
-                next: true,
-            },
-            navigateOnEnter: false,
-            saveOnEnter: false,
-            scrollToTop: false,
-            collapsible: false,
-            key: 'page3',
-            type: 'panel',
-            label: 'Page 3',
-            input: false,
-            tableView: false,
-            components: [
-                {
-                    label: 'HTML',
-                    attrs: [
-                        {
-                            attr: '',
-                            value: '',
-                        },
-                    ],
-                    content: 'connectorForm.productaanvraag.step3.tip',
-                    refreshOnChange: false,
-                    key: 'html1',
-                    type: 'htmlelement',
-                    input: false,
-                    tableView: false,
-                },
-                {
-                    title: 'connectorForm.productaanvraag.step3.openNotifications.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep3OpenNotificationsPanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
-                    components: [
-                        {
-                            label: 'connectorForm.productaanvraag.step3.openNotifications.baseUrl.label',
-                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.baseUrl.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'openNotificationsBaseUrl',
-                            type: 'textfield',
-                            input: true,
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step3.openNotifications.clientId.label',
-                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.clientId.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'openNotificationsClientId',
-                            type: 'textfield',
-                            input: true,
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step3.openNotifications.secret.label',
-                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.secret.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'openNotificationsSecret',
-                            type: 'textfield',
-                            input: true,
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step3.openNotifications.callbackBaseUrl.label',
-                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.callbackBaseUrl.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true,
-                            },
-                            key: 'openNotificationsCallbackBaseUrl',
-                            type: 'textfield',
-                            input: true,
-                        },
-                    ],
-                },
-            ],
-        },
-        {
-            title: 'connectorForm.productaanvraag.step4.title',
-            breadcrumbClickable: true,
-            buttonSettings: {
-                previous: true,
-                cancel: true,
-                next: true,
-            },
-            navigateOnEnter: false,
-            saveOnEnter: false,
-            scrollToTop: false,
-            collapsible: false,
-            key: 'page4',
-            type: 'panel',
-            label: 'Page 4',
-            input: false,
-            tableView: false,
-            components: [
-                {
-                    label: 'HTML',
-                    attrs: [
-                        {
-                            attr: '',
-                            value: '',
-                        },
-                    ],
-                    content: 'connectorForm.productaanvraag.step4.tip',
-                    refreshOnChange: false,
                     key: 'html3',
                     type: 'htmlelement',
                     input: false,
                     tableView: false,
                 },
                 {
-                    title: 'connectorForm.productaanvraag.step4.applicant.panelTitle',
+                    title: 'connectorForm.productaanvraag.step2.applicant.panelTitle',
                     collapsible: false,
-                    key: 'connectorFormProductaanvraagStep4ApplicantPanelTitle',
+                    key: 'connectorFormProductaanvraagstep2ApplicantPanelTitle',
                     type: 'panel',
                     label: 'Panel',
                     input: false,
@@ -1425,7 +1226,7 @@ const editProductAanvragenConnectorForm = {
                                     value: '',
                                 },
                             ],
-                            content: 'connectorForm.productaanvraag.step4.applicant.tip',
+                            content: 'connectorForm.productaanvraag.step2.applicant.tip',
                             refreshOnChange: false,
                             key: 'html5',
                             type: 'htmlelement',
@@ -1433,8 +1234,8 @@ const editProductAanvragenConnectorForm = {
                             tableView: false,
                         },
                         {
-                            label: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.label',
-                            tooltip: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.tooltip',
+                            label: 'connectorForm.productaanvraag.step2.applicant.roleTypeUrl.label',
+                            tooltip: 'connectorForm.productaanvraag.step2.applicant.roleTypeUrl.tooltip',
                             tableView: true,
                             validate: {
                                 required: true,
@@ -1448,7 +1249,7 @@ const editProductAanvragenConnectorForm = {
             ],
         },
         {
-            title: 'connectorForm.productaanvraag.step5.title',
+            title: 'connectorForm.productaanvraag.step3.title',
             breadcrumbClickable: true,
             buttonSettings: {
                 previous: true,
@@ -1459,9 +1260,9 @@ const editProductAanvragenConnectorForm = {
             saveOnEnter: false,
             scrollToTop: false,
             collapsible: false,
-            key: 'page6',
+            key: 'page3',
             type: 'panel',
-            label: 'Page 5',
+            label: 'Page 3',
             input: false,
             tableView: false,
             components: [
@@ -1473,7 +1274,7 @@ const editProductAanvragenConnectorForm = {
                             value: '',
                         },
                     ],
-                    content: 'connectorForm.productaanvraag.step5.tip',
+                    content: 'connectorForm.productaanvraag.step3.tip',
                     refreshOnChange: false,
                     key: 'html6',
                     type: 'htmlelement',
@@ -1481,7 +1282,7 @@ const editProductAanvragenConnectorForm = {
                     tableView: false,
                 },
                 {
-                    label: 'connectorForm.productaanvraag.step5.name',
+                    label: 'connectorForm.productaanvraag.step3.name',
                     tableView: true,
                     validate: {
                         required: true,
@@ -1511,11 +1312,12 @@ const editProductAanvragenConnectorForm = {
  * limitations under the License.
  */
 class EditProductAanvragenConnectorComponent {
-    constructor(formTranslationService, formMappingService, documentService, translateService) {
+    constructor(formTranslationService, formMappingService, documentService, translateService, connectorManagementService) {
         this.formTranslationService = formTranslationService;
         this.formMappingService = formMappingService;
         this.documentService = documentService;
         this.translateService = translateService;
+        this.connectorManagementService = connectorManagementService;
         this.showDeleteButton = false;
         this.propertiesSave = new EventEmitter();
         this.connectorDelete = new EventEmitter();
@@ -1538,6 +1340,7 @@ class EditProductAanvragenConnectorComponent {
         window['productRequestDefinitions'] = {};
         this.openFormDefinitionSubscription();
         this.formDefinition$.next(editProductAanvragenConnectorForm);
+        this.loadConnectorNames();
         this.loadDefinitions();
     }
     ngOnDestroy() {
@@ -1548,19 +1351,8 @@ class EditProductAanvragenConnectorComponent {
     onSubmit(event) {
         const submission = event.data;
         const properties = cloneDeep(this.properties);
-        properties.objectsApiProperties.objectsApi.url = submission.objectsApiUrl;
-        properties.objectsApiProperties.objectsApi.token = submission.objectsApiToken;
-        properties.objectsApiProperties.objectsTypeApi.url = submission.objectTypesApiUrl;
-        properties.objectsApiProperties.objectsTypeApi.token = submission.objectTypesApiToken;
-        properties.objectsApiProperties.objectType.name = submission.objectTypeName;
-        properties.objectsApiProperties.objectType.title = submission.objectTypeTitle;
-        properties.objectsApiProperties.objectType.url = submission.objectTypeUrl;
-        properties.objectsApiProperties.objectType.typeVersion = submission.objectTypeVersion;
-        properties.openNotificatieProperties.baseUrl = submission.openNotificationsBaseUrl;
-        properties.openNotificatieProperties.clientId = submission.openNotificationsClientId;
-        properties.openNotificatieProperties.secret = submission.openNotificationsSecret;
-        properties.openNotificatieProperties.callbackBaseUrl =
-            submission.openNotificationsCallbackBaseUrl;
+        properties.objectsApiConnectionName = submission.objectsApiConnectionName;
+        properties.openNotificatieConnectionName = submission.openNotificatieConnectionName;
         properties.aanvragerRolTypeUrl = submission.applicantRoleTypeUrl;
         properties.typeMapping = submission.productAanvraagTypes;
         this.propertiesSave.emit({ properties, name: submission.connectorName });
@@ -1580,19 +1372,8 @@ class EditProductAanvragenConnectorComponent {
     prefillForm() {
         const properties = cloneDeep(this.properties);
         const submission = {};
-        submission.objectsApiUrl = properties.objectsApiProperties.objectsApi.url;
-        submission.objectsApiToken = properties.objectsApiProperties.objectsApi.token;
-        submission.objectTypesApiUrl = properties.objectsApiProperties.objectsTypeApi.url;
-        submission.objectTypesApiToken = properties.objectsApiProperties.objectsTypeApi.token;
-        submission.objectTypeName = properties.objectsApiProperties.objectType.name;
-        submission.objectTypeTitle = properties.objectsApiProperties.objectType.title;
-        submission.objectTypeUrl = properties.objectsApiProperties.objectType.url;
-        submission.objectTypeVersion = properties.objectsApiProperties.objectType.typeVersion;
-        submission.openNotificationsBaseUrl = properties.openNotificatieProperties.baseUrl;
-        submission.openNotificationsClientId = properties.openNotificatieProperties.clientId;
-        submission.openNotificationsSecret = properties.openNotificatieProperties.secret;
-        submission.openNotificationsCallbackBaseUrl =
-            properties.openNotificatieProperties.callbackBaseUrl;
+        submission.objectsApiConnectionName = properties.objectsApiConnectionName;
+        submission.openNotificatieConnectionName = properties.openNotificatieConnectionName;
         submission.applicantRoleTypeUrl = properties.aanvragerRolTypeUrl;
         submission.productAanvraagTypes = properties.typeMapping;
         submission.connectorName = this.defaultName;
@@ -1622,6 +1403,27 @@ class EditProductAanvragenConnectorComponent {
         }))
             .subscribe();
     }
+    loadConnectorNames() {
+        this.connectorManagementService
+            .getConnectorTypes()
+            .pipe(tap(res => {
+            res.forEach(connectorType => {
+                if (connectorType.name === 'ObjectsApi') {
+                    this.loadConnectorNamesByType('objectApiConnectorNames', connectorType.id);
+                }
+                else if (connectorType.name === 'OpenNotificatie') {
+                    this.loadConnectorNamesByType('openNotificatieConnectorNames', connectorType.id);
+                }
+            });
+        }))
+            .subscribe();
+    }
+    loadConnectorNamesByType(windowKey, connectorTypeId) {
+        this.connectorManagementService
+            .getConnectorInstancesByType(connectorTypeId)
+            .pipe(map(res => (window[windowKey] = res.content.map(connector => connector.name))))
+            .subscribe();
+    }
 }
 EditProductAanvragenConnectorComponent.decorators = [
     { type: Component, args: [{
@@ -1634,7 +1436,8 @@ EditProductAanvragenConnectorComponent.ctorParameters = () => [
     { type: FormTranslationService },
     { type: FormMappingService },
     { type: DocumentService },
-    { type: TranslateService }
+    { type: TranslateService },
+    { type: ConnectorManagementService }
 ];
 EditProductAanvragenConnectorComponent.propDecorators = {
     properties: [{ type: Input }],
@@ -1666,12 +1469,14 @@ class EditConnectorFormComponent {
         this.propertiesSave = new EventEmitter();
         this.connectorDelete = new EventEmitter();
         this.productAanvragenName = 'ProductAanvragen';
+        this.taakName = 'Taak';
+        this.customConnectorNames = [this.productAanvragenName, this.taakName];
     }
 }
 EditConnectorFormComponent.decorators = [
     { type: Component, args: [{
                 selector: 'valtimo-edit-connector-form',
-                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-edit-connector-properties\n  *ngIf=\"connectorName !== productAanvragenName\"\n  [properties]=\"properties\"\n  [withDefaults]=\"withDefaults\"\n  [defaultName]=\"defaultName\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-connector-properties>\n\n<valtimo-edit-product-aanvragen-connector\n  *ngIf=\"connectorName === productAanvragenName\"\n  [defaultName]=\"defaultName\"\n  [properties]=\"properties\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-product-aanvragen-connector>\n",
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-edit-connector-properties\n  *ngIf=\"!customConnectorNames.includes(connectorName)\"\n  [properties]=\"properties\"\n  [withDefaults]=\"withDefaults\"\n  [defaultName]=\"defaultName\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-connector-properties>\n\n<valtimo-edit-product-aanvragen-connector\n  *ngIf=\"connectorName === productAanvragenName\"\n  [defaultName]=\"defaultName\"\n  [properties]=\"properties\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-product-aanvragen-connector>\n\n<valtimo-edit-taak-connector\n  *ngIf=\"connectorName === taakName\"\n  [defaultName]=\"defaultName\"\n  [properties]=\"properties\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-taak-connector>\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 */"]
             },] }
 ];
@@ -1685,6 +1490,189 @@ EditConnectorFormComponent.propDecorators = {
     connectorDelete: [{ type: Output }]
 };
 
+const ɵ0$2 = {
+    custom: "values = window['openNotificatieConnectorNames'] || []",
+}, ɵ1$1 = {
+    custom: "values = window['objectApiConnectorNames'] || []",
+};
+const editTaakConnectorForm = {
+    components: [
+        {
+            label: 'connectorForm.taak.name',
+            tableView: false,
+            validate: {
+                required: true,
+            },
+            key: 'connectorName',
+            type: 'textfield',
+            input: true,
+        },
+        {
+            label: 'connectorForm.taak.openNotificatieConnector.label',
+            widget: 'choicesjs',
+            tableView: false,
+            dataSrc: 'custom',
+            data: ɵ0$2,
+            dataType: 'string',
+            clearOnRefresh: true,
+            key: 'openNotificatieConnectionName',
+            type: 'select',
+            input: true,
+            validate: {
+                required: true,
+            },
+            placeholder: 'connectorForm.taak.openNotificatieConnector.placeholder',
+        },
+        {
+            label: 'connectorForm.taak.objectsApiConnector.label',
+            widget: 'choicesjs',
+            tableView: false,
+            dataSrc: 'custom',
+            data: ɵ1$1,
+            dataType: 'string',
+            clearOnRefresh: true,
+            key: 'objectsApiConnectionName',
+            type: 'select',
+            input: true,
+            validate: {
+                required: true,
+            },
+            placeholder: 'connectorForm.taak.objectsApiConnector.placeholder',
+        },
+        {
+            key: 'submit',
+            type: 'button',
+            customClass: 'list-inline',
+            leftIcon: 'icon mdi mdi-save mt-1',
+            input: true,
+            label: 'connectorManagement.save',
+            tableView: false,
+            disableOnInvalid: true,
+        },
+    ],
+};
+
+/*
+ * Copyright 2015-2022 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.
+ */
+class EditTaakConnectorComponent {
+    constructor(formTranslationService, formMappingService, translateService, connectorManagementService) {
+        this.formTranslationService = formTranslationService;
+        this.formMappingService = formMappingService;
+        this.translateService = translateService;
+        this.connectorManagementService = connectorManagementService;
+        this.showDeleteButton = false;
+        this.propertiesSave = new EventEmitter();
+        this.connectorDelete = new EventEmitter();
+        this.formRefresh$ = new Subject();
+        this.formDefinition$ = new BehaviorSubject(undefined);
+        this.translatedFormDefinition$ = this.formDefinition$.pipe(map(definition => this.formTranslationService.translateForm(definition)));
+        this.options = {
+            disableAlerts: true,
+        };
+    }
+    ngOnInit() {
+        this.openFormDefinitionSubscription();
+        this.formDefinition$.next(editTaakConnectorForm);
+        this.loadConnectorNames();
+        this.prefillForm();
+    }
+    ngOnDestroy() {
+        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();
+    }
+    onSubmit(event) {
+        const submission = event.data;
+        const properties = cloneDeep(this.properties);
+        properties.objectsApiConnectionName = submission.objectsApiConnectionName;
+        properties.openNotificatieConnectionName = submission.openNotificatieConnectionName;
+        this.propertiesSave.emit({ properties, name: submission.connectorName });
+    }
+    onDelete() {
+        this.connectorDelete.emit();
+    }
+    openFormDefinitionSubscription() {
+        this.formDefinitionSubscription = combineLatest([
+            this.formDefinition$,
+            this.translateService.stream('key'),
+        ]).subscribe(([form]) => {
+            const translatedForm = this.formTranslationService.translateForm(form);
+            this.refreshForm({ form: translatedForm });
+        });
+    }
+    prefillForm() {
+        timer(100)
+            .pipe(tap(() => {
+            if (this.defaultName !== undefined) {
+                const properties = cloneDeep(this.properties);
+                const submission = {};
+                submission.objectsApiConnectionName = properties.objectsApiConnectionName;
+                submission.openNotificatieConnectionName = properties.openNotificatieConnectionName;
+                submission.connectorName = this.defaultName;
+                this.refreshForm({ submission: { data: submission } });
+            }
+        }))
+            .subscribe();
+    }
+    refreshForm(refreshValue) {
+        this.formRefresh$.next(refreshValue);
+    }
+    loadConnectorNames() {
+        this.connectorManagementService
+            .getConnectorTypes()
+            .pipe(tap(res => {
+            res.forEach(connectorType => {
+                if (connectorType.name === 'ObjectsApi') {
+                    this.loadConnectorNamesByType('objectApiConnectorNames', connectorType.id);
+                }
+                else if (connectorType.name === 'OpenNotificatie') {
+                    this.loadConnectorNamesByType('openNotificatieConnectorNames', connectorType.id);
+                }
+            });
+        }))
+            .subscribe();
+    }
+    loadConnectorNamesByType(windowKey, connectorTypeId) {
+        this.connectorManagementService
+            .getConnectorInstancesByType(connectorTypeId)
+            .pipe(map(res => (window[windowKey] = res.content.map(connector => connector.name))))
+            .subscribe();
+    }
+}
+EditTaakConnectorComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-edit-taak-connector',
+                template: "<!--\n  ~ Copyright 2015-2022 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-taak\"\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-2022 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-taak ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-taak .btn-danger{bottom:35px;position:absolute}"]
+            },] }
+];
+EditTaakConnectorComponent.ctorParameters = () => [
+    { type: FormTranslationService },
+    { type: FormMappingService },
+    { type: TranslateService },
+    { type: ConnectorManagementService }
+];
+EditTaakConnectorComponent.propDecorators = {
+    properties: [{ type: Input }],
+    defaultName: [{ type: Input }],
+    showDeleteButton: [{ type: Input }],
+    propertiesSave: [{ type: Output }],
+    connectorDelete: [{ type: Output }]
+};
+
 /*
  * Copyright 2015-2020 Ritense BV, the Netherlands.
  *
@@ -1716,6 +1704,7 @@ ConnectorManagementModule.decorators = [
                     ConnectorLinkExtensionModalComponent,
                     EditProductAanvragenConnectorComponent,
                     EditConnectorFormComponent,
+                    EditTaakConnectorComponent,
                 ],
                 imports: [
                     CommonModule,
@@ -1737,6 +1726,7 @@ ConnectorManagementModule.decorators = [
                     ConnectorLinkExtensionComponent,
                     ConnectorLinkExtensionModalComponent,
                     EditProductAanvragenConnectorComponent,
+                    EditTaakConnectorComponent,
                 ],
                 entryComponents: [ConnectorLinkExtensionComponent],
             },] }
@@ -1797,5 +1787,5 @@ function connectorLinkExtensionInitializer(injector) {
  * Generated bundle index. Do not edit.
  */
 
-export { AddConnectorComponent, ConnectorLinkExtensionComponent, ConnectorLinkExtensionModalComponent, ConnectorManagementComponent, ConnectorManagementModule, ConnectorManagementService, ConnectorManagementStateService, ConnectorModalComponent, EditConnectorPropertiesComponent, ModifyConnectorComponent, MultiValueConnectorPropertyComponent, ObjectApiSyncService, connectorLinkExtensionInitializer, EditProductAanvragenConnectorComponent as ɵa, EditConnectorFormComponent as ɵb, ConnectorManagementRoutingModule as ɵc };
+export { AddConnectorComponent, ConnectorLinkExtensionComponent, ConnectorLinkExtensionModalComponent, ConnectorManagementComponent, ConnectorManagementModule, ConnectorManagementService, ConnectorManagementStateService, ConnectorModalComponent, EditConnectorPropertiesComponent, ModifyConnectorComponent, MultiValueConnectorPropertyComponent, ObjectApiSyncService, connectorLinkExtensionInitializer, EditProductAanvragenConnectorComponent as ɵa, EditConnectorFormComponent as ɵb, EditTaakConnectorComponent as ɵc, ConnectorManagementRoutingModule as ɵd };
 //# sourceMappingURL=valtimo-connector-management.js.map