@valtimo/connector-management 4.17.0 → 4.18.0

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

@@ -587,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\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 */"]
                 },] }
     ];
@@ -1218,7 +1218,7 @@
     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\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}"]
                 },] }
     ];
@@ -1319,6 +1319,10 @@
 
     var ɵ0$1 = {
         custom: "values = window['productRequestDefinitions'][row.caseDefinitionKey] || []",
+    }, ɵ1 = {
+        custom: "values = window['openNotificatieConnectorNames'] || []",
+    }, ɵ2 = {
+        custom: "values = window['objectApiConnectorNames'] || []",
     };
     var editProductAanvragenConnectorForm = {
         display: 'wizard',
@@ -1449,68 +1453,45 @@
                         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',
                             },
                         ],
                     },
@@ -1544,195 +1525,15 @@
                         ],
                         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,
@@ -1746,7 +1547,7 @@
                                         value: '',
                                     },
                                 ],
-                                content: 'connectorForm.productaanvraag.step4.applicant.tip',
+                                content: 'connectorForm.productaanvraag.step2.applicant.tip',
                                 refreshOnChange: false,
                                 key: 'html5',
                                 type: 'htmlelement',
@@ -1754,8 +1555,8 @@
                                 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,
@@ -1769,7 +1570,7 @@
                 ],
             },
             {
-                title: 'connectorForm.productaanvraag.step5.title',
+                title: 'connectorForm.productaanvraag.step3.title',
                 breadcrumbClickable: true,
                 buttonSettings: {
                     previous: true,
@@ -1780,9 +1581,9 @@
                 saveOnEnter: false,
                 scrollToTop: false,
                 collapsible: false,
-                key: 'page6',
+                key: 'page3',
                 type: 'panel',
-                label: 'Page 5',
+                label: 'Page 3',
                 input: false,
                 tableView: false,
                 components: [
@@ -1794,7 +1595,7 @@
                                 value: '',
                             },
                         ],
-                        content: 'connectorForm.productaanvraag.step5.tip',
+                        content: 'connectorForm.productaanvraag.step3.tip',
                         refreshOnChange: false,
                         key: 'html6',
                         type: 'htmlelement',
@@ -1802,7 +1603,7 @@
                         tableView: false,
                     },
                     {
-                        label: 'connectorForm.productaanvraag.step5.name',
+                        label: 'connectorForm.productaanvraag.step3.name',
                         tableView: true,
                         validate: {
                             required: true,
@@ -1817,12 +1618,13 @@
     };
 
     var EditProductAanvragenConnectorComponent = /** @class */ (function () {
-        function EditProductAanvragenConnectorComponent(formTranslationService, formMappingService, documentService, translateService) {
+        function EditProductAanvragenConnectorComponent(formTranslationService, formMappingService, documentService, translateService, connectorManagementService) {
             var _this = this;
             this.formTranslationService = formTranslationService;
             this.formMappingService = formMappingService;
             this.documentService = documentService;
             this.translateService = translateService;
+            this.connectorManagementService = connectorManagementService;
             this.showDeleteButton = false;
             this.propertiesSave = new i0.EventEmitter();
             this.connectorDelete = new i0.EventEmitter();
@@ -1845,6 +1647,7 @@
             window['productRequestDefinitions'] = {};
             this.openFormDefinitionSubscription();
             this.formDefinition$.next(editProductAanvragenConnectorForm);
+            this.loadConnectorNames();
             this.loadDefinitions();
         };
         EditProductAanvragenConnectorComponent.prototype.ngOnDestroy = function () {
@@ -1855,19 +1658,8 @@
         EditProductAanvragenConnectorComponent.prototype.onSubmit = function (event) {
             var submission = event.data;
             var properties = lodash.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: properties, name: submission.connectorName });
@@ -1889,19 +1681,8 @@
         EditProductAanvragenConnectorComponent.prototype.prefillForm = function () {
             var properties = lodash.cloneDeep(this.properties);
             var 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;
@@ -1932,6 +1713,26 @@
             }))
                 .subscribe();
         };
+        EditProductAanvragenConnectorComponent.prototype.loadConnectorNames = function () {
+            var _this = this;
+            this.connectorManagementService.getConnectorTypes()
+                .pipe(operators.tap(function (res) {
+                res.forEach(function (connectorType) {
+                    if (connectorType.name === 'ObjectsApi') {
+                        _this.loadConnectorNamesByType('objectApiConnectorNames', connectorType.id);
+                    }
+                    else if (connectorType.name === 'OpenNotificatie') {
+                        _this.loadConnectorNamesByType('openNotificatieConnectorNames', connectorType.id);
+                    }
+                });
+            }))
+                .subscribe();
+        };
+        EditProductAanvragenConnectorComponent.prototype.loadConnectorNamesByType = function (windowKey, connectorTypeId) {
+            this.connectorManagementService.getConnectorInstancesByType(connectorTypeId)
+                .pipe(operators.map(function (res) { return window[windowKey] = res.content.map(function (connector) { return connector.name; }); }))
+                .subscribe();
+        };
         return EditProductAanvragenConnectorComponent;
     }());
     EditProductAanvragenConnectorComponent.decorators = [
@@ -1945,7 +1746,8 @@
         { type: form.FormTranslationService },
         { type: form.FormMappingService },
         { type: document.DocumentService },
-        { type: core.TranslateService }
+        { type: core.TranslateService },
+        { type: ConnectorManagementService }
     ]; };
     EditProductAanvragenConnectorComponent.propDecorators = {
         properties: [{ type: i0.Input }],
@@ -1977,13 +1779,15 @@
             this.propertiesSave = new i0.EventEmitter();
             this.connectorDelete = new i0.EventEmitter();
             this.productAanvragenName = 'ProductAanvragen';
+            this.taakName = 'Taak';
+            this.customConnectorNames = [this.productAanvragenName, this.taakName];
         }
         return EditConnectorFormComponent;
     }());
     EditConnectorFormComponent.decorators = [
         { type: i0.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 */"]
                 },] }
     ];
@@ -1997,6 +1801,176 @@
         connectorDelete: [{ type: i0.Output }]
     };
 
+    var ɵ0$2 = {
+        custom: 'values = window[\'openNotificatieConnectorNames\'] || []',
+    }, ɵ1$1 = {
+        custom: 'values = window[\'objectApiConnectorNames\'] || []',
+    };
+    var 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
+            },
+        ],
+    };
+
+    var EditTaakConnectorComponent = /** @class */ (function () {
+        function EditTaakConnectorComponent(formTranslationService, formMappingService, translateService, connectorManagementService) {
+            var _this = this;
+            this.formTranslationService = formTranslationService;
+            this.formMappingService = formMappingService;
+            this.translateService = translateService;
+            this.connectorManagementService = connectorManagementService;
+            this.showDeleteButton = false;
+            this.propertiesSave = new i0.EventEmitter();
+            this.connectorDelete = new i0.EventEmitter();
+            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.options = {
+                disableAlerts: true,
+            };
+        }
+        EditTaakConnectorComponent.prototype.ngOnInit = function () {
+            this.openFormDefinitionSubscription();
+            this.formDefinition$.next(editTaakConnectorForm);
+            this.loadConnectorNames();
+            this.prefillForm();
+        };
+        EditTaakConnectorComponent.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();
+        };
+        EditTaakConnectorComponent.prototype.onSubmit = function (event) {
+            var submission = event.data;
+            var properties = lodash.cloneDeep(this.properties);
+            properties.objectsApiConnectionName = submission.objectsApiConnectionName;
+            properties.openNotificatieConnectionName = submission.openNotificatieConnectionName;
+            this.propertiesSave.emit({ properties: properties, name: submission.connectorName });
+        };
+        EditTaakConnectorComponent.prototype.onDelete = function () {
+            this.connectorDelete.emit();
+        };
+        EditTaakConnectorComponent.prototype.openFormDefinitionSubscription = function () {
+            var _this = this;
+            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 });
+            });
+        };
+        EditTaakConnectorComponent.prototype.prefillForm = function () {
+            var _this = this;
+            rxjs.timer(100).pipe(operators.tap(function () {
+                if (_this.defaultName !== undefined) {
+                    var properties = lodash.cloneDeep(_this.properties);
+                    var submission = {};
+                    submission.objectsApiConnectionName = properties.objectsApiConnectionName;
+                    submission.openNotificatieConnectionName = properties.openNotificatieConnectionName;
+                    submission.connectorName = _this.defaultName;
+                    _this.refreshForm({ submission: { data: submission } });
+                }
+            })).subscribe();
+        };
+        EditTaakConnectorComponent.prototype.refreshForm = function (refreshValue) {
+            this.formRefresh$.next(refreshValue);
+        };
+        EditTaakConnectorComponent.prototype.loadConnectorNames = function () {
+            var _this = this;
+            this.connectorManagementService.getConnectorTypes()
+                .pipe(operators.tap(function (res) {
+                res.forEach(function (connectorType) {
+                    if (connectorType.name === 'ObjectsApi') {
+                        _this.loadConnectorNamesByType('objectApiConnectorNames', connectorType.id);
+                    }
+                    else if (connectorType.name === 'OpenNotificatie') {
+                        _this.loadConnectorNamesByType('openNotificatieConnectorNames', connectorType.id);
+                    }
+                });
+            }))
+                .subscribe();
+        };
+        EditTaakConnectorComponent.prototype.loadConnectorNamesByType = function (windowKey, connectorTypeId) {
+            this.connectorManagementService.getConnectorInstancesByType(connectorTypeId)
+                .pipe(operators.map(function (res) { return window[windowKey] = res.content.map(function (connector) { return connector.name; }); }))
+                .subscribe();
+        };
+        return EditTaakConnectorComponent;
+    }());
+    EditTaakConnectorComponent.decorators = [
+        { type: i0.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\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 = function () { return [
+        { type: form.FormTranslationService },
+        { type: form.FormMappingService },
+        { type: core.TranslateService },
+        { type: ConnectorManagementService }
+    ]; };
+    EditTaakConnectorComponent.propDecorators = {
+        properties: [{ type: i0.Input }],
+        defaultName: [{ type: i0.Input }],
+        showDeleteButton: [{ type: i0.Input }],
+        propertiesSave: [{ type: i0.Output }],
+        connectorDelete: [{ type: i0.Output }]
+    };
+
     /*
      * Copyright 2015-2020 Ritense BV, the Netherlands.
      *
@@ -2031,6 +2005,7 @@
                         ConnectorLinkExtensionModalComponent,
                         EditProductAanvragenConnectorComponent,
                         EditConnectorFormComponent,
+                        EditTaakConnectorComponent,
                     ],
                     imports: [
                         common.CommonModule,
@@ -2052,6 +2027,7 @@
                         ConnectorLinkExtensionComponent,
                         ConnectorLinkExtensionModalComponent,
                         EditProductAanvragenConnectorComponent,
+                        EditTaakConnectorComponent,
                     ],
                     entryComponents: [ConnectorLinkExtensionComponent],
                 },] }
@@ -2127,7 +2103,8 @@
     exports.connectorLinkExtensionInitializer = connectorLinkExtensionInitializer;
     exports.ɵa = EditProductAanvragenConnectorComponent;
     exports.ɵb = EditConnectorFormComponent;
-    exports.ɵc = ConnectorManagementRoutingModule;
+    exports.ɵc = EditTaakConnectorComponent;
+    exports.ɵd = ConnectorManagementRoutingModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });