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

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

@@ -1156,8 +1156,8 @@
     ConnectorLinkExtensionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-connector-link-extension',
-                    template: "<h2 class=\"mb-4 mt-6\">{{'connectorManagement.extension.title' | translate}}</h2>\n\n<ng-container *ngIf=\"{\n    syncConfig: objectApiSyncConfig$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.syncConfig; else addSync\">\n      <div class=\"card card-border\">\n        <div class=\"card-body\">\n          <h4 class=\"connector-name mr-2\" [ngClass]=\"{'text-success': obs.syncConfig.enabled, 'text-warning': !obs.syncConfig.enabled}\">\n            {{obs.syncConfig.title}}\n          </h4>\n          <div class=\"controls\">\n            <div class=\"switch-button switch-button-success\">\n              <input type=\"checkbox\" [checked]=\"obs.syncConfig.enabled\" [disabled]=\"obs.disabled\" name=\"sync\" id=\"sync\" (click)=\"toggleSync(obs.syncConfig)\">\n              <span><label for=\"sync\"></label></span>\n            </div>\n            <button class=\"btn btn-danger ml-3\" [disabled]=\"obs.disabled\" (click)=\"deleteSync(obs.syncConfig.id)\">\n              <i class=\"fa fa-trash\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n      {{'connectorManagement.extension.buttonText' | translate}}\n    </button>\n  </div>\n</ng-template>\n",
-                    styles: [".card-body{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.connector-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{align-items:center;display:flex}"]
+                    template: "<h2 class=\"mb-4 mt-6\">{{'connectorManagement.extension.title' | translate}}</h2>\n\n<ng-container *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 class=\"btn btn-danger ml-3\" [disabled]=\"obs.disabled\" (click)=\"deleteSync(obs.syncConfig.id)\">\n              <i class=\"fa fa-trash\"></i>\n            </button>\n          </div>\n        </div>\n        <div 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 type=\"checkbox\" [checked]=\"obs.syncConfig.enabled\" [disabled]=\"obs.disabled\" name=\"sync\" id=\"sync\" (click)=\"toggleSync(obs.syncConfig)\">\n                <span><label for=\"sync\"></label></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n      {{'connectorManagement.extension.buttonText' | translate}}\n    </button>\n  </div>\n</ng-template>\n",
+                    styles: [".card-header,.setting-row{flex-direction:row;justify-content:space-between}.card-header,.controls,.setting-row{align-items:center;display:flex}"]
                 },] }
     ];
     ConnectorLinkExtensionComponent.ctorParameters = function () { return [
@@ -1251,6 +1251,9 @@
         valuesSet: [{ type: i0.Output }]
     };
 
+    var ɵ0$1 = {
+        'custom': 'values = window[\'productRequestDefinitions\'][row.caseDefinitionKey] || []'
+    };
     var editProductAanvragenConnectorForm = {
         display: 'wizard',
         settings: {
@@ -1294,13 +1297,13 @@
                         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',
@@ -1311,7 +1314,7 @@
                                 },
                                 key: 'productAanvraagType',
                                 type: 'textfield',
-                                input: true
+                                input: true,
                             },
                             {
                                 label: 'connectorForm.productaanvraag.step0.typeMapping.caseDefinitionKey.label',
@@ -1328,17 +1331,19 @@
                             {
                                 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',
                             }
                         ]
                     }
@@ -1758,56 +1763,29 @@
             this.formRefresh$ = new rxjs.Subject();
             this.formDefinition$ = new rxjs.BehaviorSubject(undefined);
             this.translatedFormDefinition$ = this.formDefinition$.pipe(operators.map(function (definition) { return _this.formTranslationService.translateForm(definition); }));
-            this.caseDefinitionId$ = new rxjs.BehaviorSubject('');
+            this.caseDefinitionOptions = [];
+            this.processDocumentDefinitionOptions = {};
             this.options = {
                 disableAlerts: true
             };
             this.mapCaseDefinitionKeyComponent = function (component) {
-                var _a;
                 if (component.key === 'caseDefinitionKey') {
-                    var definitionOptions = (_a = _this.documentDefinitions) === null || _a === void 0 ? void 0 : _a.content.map(function (definition) { return ({ label: definition.id.name, value: definition.id.name }); });
-                    return Object.assign(Object.assign({}, component), { disabled: false, data: { values: definitionOptions } });
-                }
-                return component;
-            };
-            this.mapProcessDefinitionKeyComponent = function (component) {
-                var _a;
-                if (component.key === 'processDefinitionKey') {
-                    var processOptions = _this.processDocumentDefinitions.map(function (definition) { return ({ label: definition.processName, value: definition.id.processDefinitionKey }); });
-                    if (((_a = _this.processDocumentDefinitions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                        return Object.assign(Object.assign({}, component), { disabled: false, data: { values: processOptions } });
-                    }
-                    else {
-                        return Object.assign(Object.assign({}, component), { disabled: true, data: { values: [] } });
-                    }
+                    return Object.assign(Object.assign({}, component), { disabled: false, data: { values: _this.caseDefinitionOptions } });
                 }
                 return component;
             };
         }
         EditProductAanvragenConnectorComponent.prototype.ngOnInit = function () {
+            window['productRequestDefinitions'] = {};
             this.openFormDefinitionSubscription();
             this.formDefinition$.next(editProductAanvragenConnectorForm);
-            this.loadDocumentDefinitions();
+            this.loadDefinitions();
         };
         EditProductAanvragenConnectorComponent.prototype.ngOnDestroy = function () {
             var _a, _b;
             (_a = this.formDefinitionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
             (_b = this.translateSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
         };
-        EditProductAanvragenConnectorComponent.prototype.onChange = function (object) {
-            var _this = this;
-            var _a;
-            var caseDefinitionKeyValue = (_a = object === null || object === void 0 ? void 0 : object.data) === null || _a === void 0 ? void 0 : _a.caseDefinitionKey;
-            var currentCaseDefinitionId = this.caseDefinitionId$.getValue();
-            if (caseDefinitionKeyValue && caseDefinitionKeyValue !== currentCaseDefinitionId) {
-                this.documentService.findProcessDocumentDefinitions(caseDefinitionKeyValue).subscribe(function (processDocumentDefinitions) {
-                    _this.processDocumentDefinitions = processDocumentDefinitions;
-                    var definitionWithProcessDefinitionKeyValues = _this.formMappingService.mapComponents(_this.formDefinition$.getValue(), _this.mapProcessDefinitionKeyComponent);
-                    _this.formDefinition$.next(definitionWithProcessDefinitionKeyValues);
-                    _this.caseDefinitionId$.next(caseDefinitionKeyValue);
-                });
-            }
-        };
         EditProductAanvragenConnectorComponent.prototype.onSubmit = function (event) {
             var submission = event.data;
             var properties = lodash.cloneDeep(this.properties);
@@ -1824,13 +1802,7 @@
             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: properties, name: submission.connectorName });
         };
         EditProductAanvragenConnectorComponent.prototype.onDelete = function () {
@@ -1861,34 +1833,39 @@
             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 } });
         };
         EditProductAanvragenConnectorComponent.prototype.refreshForm = function (refreshValue) {
             this.formRefresh$.next(refreshValue);
         };
-        EditProductAanvragenConnectorComponent.prototype.loadDocumentDefinitions = function () {
+        EditProductAanvragenConnectorComponent.prototype.loadDefinitions = function () {
             var _this = this;
-            this.documentService.getAllDefinitions().subscribe(function (definitions) {
+            var documentDefinitions;
+            this.documentService.getAllDefinitions().pipe(operators.tap(function (resDocumentDefinitions) { return documentDefinitions = resDocumentDefinitions.content; }), operators.switchMap(function (resDocumentDefinitions) { return rxjs.combineLatest(resDocumentDefinitions.content.map(function (definition) { return _this.documentService.findProcessDocumentDefinitions(definition.id.name); })); }), operators.tap(function (res) {
                 var _a;
-                _this.documentDefinitions = definitions;
-                var definitionWithCaseDefinitionKeyValues = _this.formMappingService.mapComponents(_this.formDefinition$.getValue(), _this.mapCaseDefinitionKeyComponent);
-                _this.formDefinition$.next(definitionWithCaseDefinitionKeyValues);
+                _this.caseDefinitionOptions = documentDefinitions.map(function (documentDefinition) {
+                    return { label: documentDefinition.id.name, value: documentDefinition.id.name };
+                });
+                documentDefinitions.forEach(function (documentDefinition, index) {
+                    _this.processDocumentDefinitionOptions[documentDefinition.id.name] = res[index].map(function (processDocumentDefinition) { return processDocumentDefinition.id.processDefinitionKey; });
+                });
+                window['productRequestDefinitions'] = _this.processDocumentDefinitionOptions;
+                var definitionWithCaseDefinitionOptions = _this.formMappingService.mapComponents(_this.formDefinition$.getValue(), _this.mapCaseDefinitionKeyComponent);
+                _this.formDefinition$.next(definitionWithCaseDefinitionOptions);
                 if ((_a = _this.properties) === null || _a === void 0 ? void 0 : _a.aanvragerRolTypeUrl) {
                     _this.prefillForm();
                 }
-            });
+            })).subscribe();
         };
         return EditProductAanvragenConnectorComponent;
     }());
     EditProductAanvragenConnectorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-edit-product-aanvragen-connector',
-                    template: "<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [useFormRefresh]=\"true\"\n    [options]=\"options\"\n    (change)=\"onChange($event)\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{'connectorManagement.remove' | translate}}\n  </button>\n</div>\n\n",
-                    styles: ["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]
+                    template: "<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{'connectorManagement.remove' | translate}}\n  </button>\n</div>\n\n",
+                    styles: ["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request ::ng-deep .col-sm-2{flex:0 0 25%;max-width:25%}.edit-product-request ::ng-deep .edit-grid-component>label{display:none}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]
                 },] }
     ];
     EditProductAanvragenConnectorComponent.ctorParameters = function () { return [
@@ -2031,7 +2008,7 @@
             return new Promise(function (resolve, reject) {
                 try {
                     logger.debug('connector link extension initializer before init');
-                    var extension = new contract.Extension('ConnectorLink', new contract.BasicExtensionPoint('dossier-management', 'dossier', 'connector-link', ConnectorLinkExtensionComponent));
+                    var extension = new contract.Extension('ConnectorLink', new contract.BasicExtensionPoint('dossier-management', 'dossier', 'right-panel', ConnectorLinkExtensionComponent));
                     configService.addExtension(extension);
                     logger.debug('connector link extension initializer after init');
                     resolve();