@valtimo/connector-management 4.15.2-next-main.13 → 4.15.2-next-main.14

package/fesm2015/valtimo-connector-management.js

@@ -949,6 +949,9 @@ MultiValueConnectorPropertyComponent.propDecorators = {
     valuesSet: [{ type: Output }]
 };
 
+const ɵ0$1 = {
+    'custom': 'values = window[\'productRequestDefinitions\'][row.caseDefinitionKey] || []'
+};
 const editProductAanvragenConnectorForm = {
     display: 'wizard',
     settings: {
@@ -992,13 +995,13 @@ const editProductAanvragenConnectorForm = {
                     tableView: false
                 },
                 {
-                    title: 'connectorForm.productaanvraag.step0.typeMapping.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep0TypeMappingsPanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
+                    key: 'productAanvraagTypes',
+                    type: 'editgrid',
+                    input: true,
+                    validate: {
+                        minLength: 1,
+                    },
+                    customClass: 'edit-grid-component',
                     components: [
                         {
                             label: 'connectorForm.productaanvraag.step0.typeMapping.productAanvraagType.label',
@@ -1009,7 +1012,7 @@ const editProductAanvragenConnectorForm = {
                             },
                             key: 'productAanvraagType',
                             type: 'textfield',
-                            input: true
+                            input: true,
                         },
                         {
                             label: 'connectorForm.productaanvraag.step0.typeMapping.caseDefinitionKey.label',
@@ -1026,17 +1029,19 @@ const editProductAanvragenConnectorForm = {
                         {
                             label: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.label',
                             widget: 'choicesjs',
-                            placeholder: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.placeholder',
                             tableView: true,
-                            validate: {
-                                required: true
-                            },
+                            dataSrc: 'custom',
+                            data: ɵ0$1,
+                            dataType: 'string',
+                            refreshOn: 'row.caseDefinitionKey',
+                            clearOnRefresh: true,
                             key: 'processDefinitionKey',
                             type: 'select',
                             input: true,
-                            refreshOn: 'caseDefinitionKey',
-                            clearOnRefresh: true,
-                            disabled: true
+                            validate: {
+                                required: true
+                            },
+                            placeholder: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.placeholder',
                         }
                     ]
                 }
@@ -1470,55 +1475,29 @@ class EditProductAanvragenConnectorComponent {
         this.formRefresh$ = new Subject();
         this.formDefinition$ = new BehaviorSubject(undefined);
         this.translatedFormDefinition$ = this.formDefinition$.pipe(map((definition) => this.formTranslationService.translateForm(definition)));
-        this.caseDefinitionId$ = new BehaviorSubject('');
+        this.caseDefinitionOptions = [];
+        this.processDocumentDefinitionOptions = {};
         this.options = {
             disableAlerts: true
         };
         this.mapCaseDefinitionKeyComponent = (component) => {
-            var _a;
             if (component.key === 'caseDefinitionKey') {
-                const definitionOptions = (_a = this.documentDefinitions) === null || _a === void 0 ? void 0 : _a.content.map((definition) => ({ label: definition.id.name, value: definition.id.name }));
-                return Object.assign(Object.assign({}, component), { disabled: false, data: { values: definitionOptions } });
-            }
-            return component;
-        };
-        this.mapProcessDefinitionKeyComponent = (component) => {
-            var _a;
-            if (component.key === 'processDefinitionKey') {
-                const processOptions = this.processDocumentDefinitions.map((definition) => ({ label: definition.processName, value: definition.id.processDefinitionKey }));
-                if (((_a = this.processDocumentDefinitions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                    return Object.assign(Object.assign({}, component), { disabled: false, data: { values: processOptions } });
-                }
-                else {
-                    return Object.assign(Object.assign({}, component), { disabled: true, data: { values: [] } });
-                }
+                return Object.assign(Object.assign({}, component), { disabled: false, data: { values: this.caseDefinitionOptions } });
             }
             return component;
         };
     }
     ngOnInit() {
+        window['productRequestDefinitions'] = {};
         this.openFormDefinitionSubscription();
         this.formDefinition$.next(editProductAanvragenConnectorForm);
-        this.loadDocumentDefinitions();
+        this.loadDefinitions();
     }
     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();
     }
-    onChange(object) {
-        var _a;
-        const caseDefinitionKeyValue = (_a = object === null || object === void 0 ? void 0 : object.data) === null || _a === void 0 ? void 0 : _a.caseDefinitionKey;
-        const currentCaseDefinitionId = this.caseDefinitionId$.getValue();
-        if (caseDefinitionKeyValue && caseDefinitionKeyValue !== currentCaseDefinitionId) {
-            this.documentService.findProcessDocumentDefinitions(caseDefinitionKeyValue).subscribe((processDocumentDefinitions) => {
-                this.processDocumentDefinitions = processDocumentDefinitions;
-                const definitionWithProcessDefinitionKeyValues = this.formMappingService.mapComponents(this.formDefinition$.getValue(), this.mapProcessDefinitionKeyComponent);
-                this.formDefinition$.next(definitionWithProcessDefinitionKeyValues);
-                this.caseDefinitionId$.next(caseDefinitionKeyValue);
-            });
-        }
-    }
     onSubmit(event) {
         const submission = event.data;
         const properties = cloneDeep(this.properties);
@@ -1535,13 +1514,7 @@ class EditProductAanvragenConnectorComponent {
         properties.openNotificatieProperties.secret = submission.openNotificationsSecret;
         properties.openNotificatieProperties.callbackBaseUrl = submission.openNotificationsCallbackBaseUrl;
         properties.aanvragerRolTypeUrl = submission.applicantRoleTypeUrl;
-        properties.typeMapping = [
-            {
-                productAanvraagType: submission.productAanvraagType,
-                caseDefinitionKey: submission.caseDefinitionKey,
-                processDefinitionKey: submission.processDefinitionKey
-            }
-        ];
+        properties.typeMapping = submission.productAanvraagTypes;
         this.propertiesSave.emit({ properties, name: submission.connectorName });
     }
     onDelete() {
@@ -1570,32 +1543,37 @@ class EditProductAanvragenConnectorComponent {
         submission.openNotificationsSecret = properties.openNotificatieProperties.secret;
         submission.openNotificationsCallbackBaseUrl = properties.openNotificatieProperties.callbackBaseUrl;
         submission.applicantRoleTypeUrl = properties.aanvragerRolTypeUrl;
-        submission.productAanvraagType = properties.typeMapping[0].productAanvraagType;
-        submission.caseDefinitionKey = properties.typeMapping[0].caseDefinitionKey;
-        submission.processDefinitionKey = properties.typeMapping[0].processDefinitionKey;
+        submission.productAanvraagTypes = properties.typeMapping;
         submission.connectorName = this.defaultName;
         this.refreshForm({ submission: { data: submission } });
     }
     refreshForm(refreshValue) {
         this.formRefresh$.next(refreshValue);
     }
-    loadDocumentDefinitions() {
-        this.documentService.getAllDefinitions().subscribe((definitions) => {
+    loadDefinitions() {
+        let documentDefinitions;
+        this.documentService.getAllDefinitions().pipe(tap((resDocumentDefinitions) => documentDefinitions = resDocumentDefinitions.content), switchMap((resDocumentDefinitions) => combineLatest(resDocumentDefinitions.content.map((definition) => this.documentService.findProcessDocumentDefinitions(definition.id.name)))), tap((res) => {
             var _a;
-            this.documentDefinitions = definitions;
-            const definitionWithCaseDefinitionKeyValues = this.formMappingService.mapComponents(this.formDefinition$.getValue(), this.mapCaseDefinitionKeyComponent);
-            this.formDefinition$.next(definitionWithCaseDefinitionKeyValues);
+            this.caseDefinitionOptions = documentDefinitions.map((documentDefinition) => {
+                return { label: documentDefinition.id.name, value: documentDefinition.id.name };
+            });
+            documentDefinitions.forEach((documentDefinition, index) => {
+                this.processDocumentDefinitionOptions[documentDefinition.id.name] = res[index].map((processDocumentDefinition) => processDocumentDefinition.id.processDefinitionKey);
+            });
+            window['productRequestDefinitions'] = this.processDocumentDefinitionOptions;
+            const definitionWithCaseDefinitionOptions = this.formMappingService.mapComponents(this.formDefinition$.getValue(), this.mapCaseDefinitionKeyComponent);
+            this.formDefinition$.next(definitionWithCaseDefinitionOptions);
             if ((_a = this.properties) === null || _a === void 0 ? void 0 : _a.aanvragerRolTypeUrl) {
                 this.prefillForm();
             }
-        });
+        })).subscribe();
     }
 }
 EditProductAanvragenConnectorComponent.decorators = [
     { type: Component, args: [{
                 selector: 'valtimo-edit-product-aanvragen-connector',
-                template: "<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (change)=\"onChange($event)\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{'connectorManagement.remove' | translate}}\n  </button>\n</div>\n\n",
-                styles: ["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]
+                template: "<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{'connectorManagement.remove' | translate}}\n  </button>\n</div>\n\n",
+                styles: ["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request ::ng-deep .col-sm-2{flex:0 0 25%;max-width:25%}.edit-product-request ::ng-deep .edit-grid-component>label{display:none}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]
             },] }
 ];
 EditProductAanvragenConnectorComponent.ctorParameters = () => [