@valtimo/connector-management 4.15.2-next-main.8

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

@@ -0,0 +1,2087 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/contract'), require('rxjs'), require('rxjs/operators'), require('@ngx-translate/core'), require('@angular/common/http'), require('@valtimo/config'), require('@valtimo/components'), require('lodash'), require('@valtimo/form'), require('@valtimo/document'), require('ngx-logger')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/connector-management', ['exports', '@angular/core', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/contract', 'rxjs', 'rxjs/operators', '@ngx-translate/core', '@angular/common/http', '@valtimo/config', '@valtimo/components', 'lodash', '@valtimo/form', '@valtimo/document', 'ngx-logger'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['connector-management'] = {}), global.ng.core, global.ng.router, global.ng.common, global.security, global.contract, global.rxjs, global.rxjs.operators, global.cpre$1, global.ng.common.http, global.config, global.components, global.lodash, global.form, global.document, global.ngxLogger));
+}(this, (function (exports, i0, router, common, security, contract, rxjs, operators, core, i1, i2, components, lodash, form, document, ngxLogger) { 'use strict';
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    ;
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, privateMap) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to get private field on non-instance");
+        }
+        return privateMap.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, privateMap, value) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to set private field on non-instance");
+        }
+        privateMap.set(receiver, value);
+        return value;
+    }
+
+    /*
+     * Copyright 2020 Dimpact.
+     *
+     * 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.
+     */
+    var ConnectorManagementService = /** @class */ (function () {
+        function ConnectorManagementService(http, configService) {
+            this.http = http;
+            this.configService = configService;
+            this.valtimoApiConfig = configService.config.valtimoApi;
+        }
+        ConnectorManagementService.prototype.getConnectorInstances = function (params) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance", { params: params });
+        };
+        ConnectorManagementService.prototype.getConnectorInstancesByType = function (typeId, params) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance/" + typeId, { params: params });
+        };
+        ConnectorManagementService.prototype.getConnectorInstanceById = function (instanceId) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance?instanceId=" + instanceId);
+        };
+        ConnectorManagementService.prototype.getConnectorTypes = function () {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/type");
+        };
+        ConnectorManagementService.prototype.createConnectorInstance = function (request) {
+            return this.http.post(this.valtimoApiConfig.endpointUri + "connector/instance", request);
+        };
+        ConnectorManagementService.prototype.updateConnectorInstance = function (request) {
+            return this.http.put(this.valtimoApiConfig.endpointUri + "connector/instance", request);
+        };
+        ConnectorManagementService.prototype.deleteConnectorInstance = function (connectorInstanceId) {
+            return this.http.delete(this.valtimoApiConfig.endpointUri + "connector/instance/" + connectorInstanceId);
+        };
+        return ConnectorManagementService;
+    }());
+    ConnectorManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConnectorManagementService_Factory() { return new ConnectorManagementService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ConnectorManagementService, providedIn: "root" });
+    ConnectorManagementService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ConnectorManagementService.ctorParameters = function () { return [
+        { type: i1.HttpClient },
+        { type: i2.ConfigService }
+    ]; };
+
+    /*
+     * Copyright 2020 Dimpact.
+     *
+     * 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.
+     */
+    var ConnectorManagementStateService = /** @class */ (function () {
+        function ConnectorManagementStateService() {
+            this._showModal$ = new rxjs.BehaviorSubject(false);
+            this._showExtensionModal$ = new rxjs.BehaviorSubject(false);
+            this._inputDisabled$ = new rxjs.BehaviorSubject(false);
+            this._refresh$ = new rxjs.BehaviorSubject('refresh');
+            this._selectedInstance$ = new rxjs.BehaviorSubject(undefined);
+            this._lastConfigIdAdded$ = new rxjs.BehaviorSubject('');
+        }
+        Object.defineProperty(ConnectorManagementStateService.prototype, "showModal$", {
+            get: function () {
+                return this._showModal$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "showExtensionModal$", {
+            get: function () {
+                return this._showExtensionModal$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "inputDisabled$", {
+            get: function () {
+                return this._inputDisabled$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "refresh$", {
+            get: function () {
+                return this._refresh$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "selectedInstance$", {
+            get: function () {
+                return this._selectedInstance$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "lastConfigIdAdded$", {
+            get: function () {
+                return this._lastConfigIdAdded$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ConnectorManagementStateService.prototype.showModal = function () {
+            this._showModal$.next(true);
+        };
+        ConnectorManagementStateService.prototype.hideModal = function () {
+            this._showModal$.next(false);
+        };
+        ConnectorManagementStateService.prototype.showExtensionModal = function () {
+            this._showExtensionModal$.next(true);
+        };
+        ConnectorManagementStateService.prototype.hideExtensionModal = function () {
+            this._showExtensionModal$.next(false);
+        };
+        ConnectorManagementStateService.prototype.disableInput = function () {
+            this._inputDisabled$.next(true);
+        };
+        ConnectorManagementStateService.prototype.enableInput = function () {
+            this._inputDisabled$.next(false);
+        };
+        ConnectorManagementStateService.prototype.refresh = function () {
+            this._refresh$.next('refresh');
+        };
+        ConnectorManagementStateService.prototype.setConnectorInstance = function (instance) {
+            this._selectedInstance$.next(instance);
+        };
+        ConnectorManagementStateService.prototype.setLastConfigIdAdded = function (id) {
+            this._lastConfigIdAdded$.next(id);
+        };
+        ConnectorManagementStateService.prototype.clearLastConfigIdAdded = function () {
+            this._lastConfigIdAdded$.next('');
+        };
+        return ConnectorManagementStateService;
+    }());
+    ConnectorManagementStateService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConnectorManagementStateService_Factory() { return new ConnectorManagementStateService(); }, token: ConnectorManagementStateService, providedIn: "root" });
+    ConnectorManagementStateService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+
+    var ConnectorManagementComponent = /** @class */ (function () {
+        function ConnectorManagementComponent(connectorManagementService, translateService, stateService) {
+            var _this = this;
+            this.connectorManagementService = connectorManagementService;
+            this.translateService = translateService;
+            this.stateService = stateService;
+            this.loading$ = new rxjs.BehaviorSubject(true);
+            this.fields$ = new rxjs.BehaviorSubject([]);
+            this.currentPageAndSize$ = new rxjs.BehaviorSubject({
+                page: 0,
+                size: 10,
+            });
+            this.pageSizes$ = new rxjs.BehaviorSubject({
+                collectionSize: 0,
+                maxPaginationItemSize: 5
+            });
+            this.pagination$ = rxjs.combineLatest([this.currentPageAndSize$, this.pageSizes$])
+                .pipe(operators.map(function (_b) {
+                var _c = __read(_b, 2), currentPage = _c[0], sizes = _c[1];
+                return (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }));
+            }));
+            this.connectorInstances$ = rxjs.combineLatest([this.currentPageAndSize$, this.translateService.stream('key'), this.stateService.refresh$])
+                .pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_b) {
+                var _c = __read(_b, 1), currentPage = _c[0];
+                return rxjs.combineLatest([
+                    _this.connectorManagementService.getConnectorInstances({ page: currentPage.page, size: currentPage.size }),
+                    _this.connectorManagementService.getConnectorTypes()
+                ]);
+            }), operators.tap(function (_b) {
+                var _c = __read(_b, 1), instanceRes = _c[0];
+                _this.pageSizes$.pipe(operators.take(1)).subscribe(function (sizes) {
+                    _this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
+                });
+            }), operators.map(function (_b) {
+                var _c = __read(_b, 2), instanceRes = _c[0], typesRes = _c[1];
+                return instanceRes.content.map(function (instance) {
+                    var _a;
+                    return Object.assign(Object.assign({}, instance), { typeName: (_a = typesRes.find(function (type) { return type.id === instance.type.id; })) === null || _a === void 0 ? void 0 : _a.name });
+                });
+            }), operators.tap(function () { return _this.loading$.next(false); }));
+            this.modalType$ = new rxjs.BehaviorSubject('add');
+        }
+        ConnectorManagementComponent.prototype.ngOnDestroy = function () {
+            this.stateService.hideModal();
+        };
+        ConnectorManagementComponent.prototype.paginationClicked = function (newPageNumber) {
+            var _this = this;
+            this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
+                _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { page: newPageNumber - 1 }));
+            });
+        };
+        ConnectorManagementComponent.prototype.paginationSet = function (newPageSize) {
+            var _this = this;
+            if (newPageSize) {
+                this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
+                    _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { size: newPageSize }));
+                });
+            }
+        };
+        ConnectorManagementComponent.prototype.rowClicked = function (instance) {
+            this.modalType$.next('modify');
+            this.stateService.setConnectorInstance(instance);
+            this.stateService.showModal();
+        };
+        ConnectorManagementComponent.prototype.showAddModal = function () {
+            this.modalType$.next('add');
+            this.stateService.showModal();
+        };
+        ConnectorManagementComponent.prototype.setFields = function () {
+            var _this = this;
+            var getTranslatedLabel = function (key) { return _this.translateService.instant("connectorManagement.labels." + key); };
+            var keys = ['name', 'typeName'];
+            this.fields$.next(keys.map(function (key) { return ({ label: getTranslatedLabel(key), key: key }); }));
+        };
+        return ConnectorManagementComponent;
+    }());
+    ConnectorManagementComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-connector-management',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\" *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\">\n  <div class=\"container-fluid\">\n    <ng-container *ngTemplateOutlet=\"buttons;context:{loading: obs.loading}\"></ng-container>\n    <valtimo-widget *ngIf=\"obs.loading === false; else loading\">\n      <valtimo-list\n        [items]=\"obs.connectorInstances\"\n        [fields]=\"obs.fields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\n        [isSearchable]=\"false\"\n        [pagination]=\"obs.pagination\"\n        paginationIdentifier=\"connectorManagementList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet($event)\"\n        (rowClicked)=\"rowClicked($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-connector-modal [modalType]=\"modalType$ | async\">\n</valtimo-connector-modal>\n\n<ng-template #buttons let-loading=\"loading\">\n  <div class=\"btn-group mt-m3px mb-3 float-right\">\n    <button class=\"btn btn-primary btn-space mr-0\" [disabled]=\"loading\" (click)=\"showAddModal()\">\n      <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n      {{ 'connectorManagement.add' | translate }}\n    </button>\n  </div>\n  <div class=\"clearfix\"></div>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n",
+                    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 */"]
+                },] }
+    ];
+    ConnectorManagementComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementService },
+        { type: core.TranslateService },
+        { type: ConnectorManagementStateService }
+    ]; };
+
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ɵ0 = { title: 'Connectors', roles: [contract.ROLE_ADMIN] };
+    var routes = [
+        {
+            path: 'connectors',
+            component: ConnectorManagementComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ0
+        },
+    ];
+    var ConnectorManagementRoutingModule = /** @class */ (function () {
+        function ConnectorManagementRoutingModule() {
+        }
+        return ConnectorManagementRoutingModule;
+    }());
+    ConnectorManagementRoutingModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [],
+                    imports: [
+                        common.CommonModule,
+                        router.RouterModule.forChild(routes),
+                    ],
+                    exports: [router.RouterModule]
+                },] }
+    ];
+
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ObjectApiSyncService = /** @class */ (function () {
+        function ObjectApiSyncService(http, configService) {
+            this.http = http;
+            this.configService = configService;
+            this.valtimoApiConfig = configService.config.valtimoApi;
+        }
+        ObjectApiSyncService.prototype.getObjectSyncConfigs = function (documentDefinitionName) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "object/sync/config", { params: { documentDefinitionName: documentDefinitionName } });
+        };
+        ObjectApiSyncService.prototype.createObjectSyncConfig = function (request) {
+            return this.http.post(this.valtimoApiConfig.endpointUri + "object/sync/config", request);
+        };
+        ObjectApiSyncService.prototype.modifyObjectSyncConfig = function (request) {
+            return this.http.put(this.valtimoApiConfig.endpointUri + "object/sync/config", request);
+        };
+        ObjectApiSyncService.prototype.deleteObjectSyncConfig = function (configId) {
+            return this.http.delete(this.valtimoApiConfig.endpointUri + "object/sync/config/" + configId);
+        };
+        return ObjectApiSyncService;
+    }());
+    ObjectApiSyncService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ObjectApiSyncService_Factory() { return new ObjectApiSyncService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ObjectApiSyncService, providedIn: "root" });
+    ObjectApiSyncService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ObjectApiSyncService.ctorParameters = function () { return [
+        { type: i1.HttpClient },
+        { type: i2.ConfigService }
+    ]; };
+
+    var ConnectorLinkExtensionModalComponent = /** @class */ (function () {
+        function ConnectorLinkExtensionModalComponent(connectorManagementService, translateService, stateService, objectApiSyncService, route, alertService) {
+            var _this = this;
+            this.connectorManagementService = connectorManagementService;
+            this.translateService = translateService;
+            this.stateService = stateService;
+            this.objectApiSyncService = objectApiSyncService;
+            this.route = route;
+            this.alertService = alertService;
+            this.loading$ = new rxjs.BehaviorSubject(true);
+            this.fields$ = new rxjs.BehaviorSubject([]);
+            this.currentPageAndSize$ = new rxjs.BehaviorSubject({
+                page: 0,
+                size: 10,
+            });
+            this.pageSizes$ = new rxjs.BehaviorSubject({
+                collectionSize: 0,
+                maxPaginationItemSize: 5
+            });
+            this.pagination$ = rxjs.combineLatest([this.currentPageAndSize$, this.pageSizes$])
+                .pipe(operators.map(function (_c) {
+                var _d = __read(_c, 2), currentPage = _d[0], sizes = _d[1];
+                return (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }));
+            }));
+            this.connectorInstances$ = rxjs.combineLatest([
+                this.currentPageAndSize$,
+                this.connectorManagementService.getConnectorTypes(),
+                this.translateService.stream('key'),
+                this.stateService.refresh$
+            ])
+                .pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_c) {
+                var _d = __read(_c, 2), currentPage = _d[0], types = _d[1];
+                return _this.connectorManagementService.getConnectorInstancesByType(types.find(function (type) { return type.name.toLowerCase().includes('objectsapi'); }).id, { page: currentPage.page, size: currentPage.size });
+            }), operators.tap(function (instanceRes) {
+                _this.pageSizes$.pipe(operators.take(1)).subscribe(function (sizes) {
+                    _this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
+                });
+            }), operators.map(function (res) { return res.content; }), operators.tap(function () { return _this.loading$.next(false); }));
+            this.noObjectsApiConnectors$ = this.connectorInstances$.pipe(operators.map(function (instances) { return !instances || instances.length === 0; }));
+            this.disabled$ = this.stateService.inputDisabled$;
+        }
+        ConnectorLinkExtensionModalComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            this.showSubscription = this.stateService.showExtensionModal$.subscribe(function (show) {
+                if (show) {
+                    _this.show();
+                }
+                else {
+                    _this.hide();
+                }
+            });
+        };
+        ConnectorLinkExtensionModalComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        ConnectorLinkExtensionModalComponent.prototype.paginationClicked = function (newPageNumber) {
+            var _this = this;
+            this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
+                _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { page: newPageNumber - 1 }));
+            });
+        };
+        ConnectorLinkExtensionModalComponent.prototype.paginationSet = function (newPageSize) {
+            var _this = this;
+            if (newPageSize) {
+                this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
+                    _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { size: newPageSize }));
+                });
+            }
+        };
+        ConnectorLinkExtensionModalComponent.prototype.rowClicked = function (instance) {
+            var _this = this;
+            var _a, _b;
+            var connectorInstanceId = instance.id;
+            var enabled = true;
+            var documentDefinitionName = this.route.snapshot.paramMap.get('name');
+            var objectTypeUrl = (_b = (_a = instance.properties) === null || _a === void 0 ? void 0 : _a.objectType) === null || _b === void 0 ? void 0 : _b.url;
+            var splitObjectTypeUrl = objectTypeUrl === null || objectTypeUrl === void 0 ? void 0 : objectTypeUrl.split('/');
+            var objectTypeId = splitObjectTypeUrl[splitObjectTypeUrl.length - 1];
+            this.stateService.disableInput();
+            this.objectApiSyncService.createObjectSyncConfig({ connectorInstanceId: connectorInstanceId, enabled: enabled, documentDefinitionName: documentDefinitionName, objectTypeId: objectTypeId })
+                .subscribe(function (res) {
+                _this.alertService.success(_this.translateService.instant('connectorManagement.extension.addSyncSuccess'));
+                _this.stateService.hideExtensionModal();
+                _this.stateService.enableInput();
+                _this.stateService.refresh();
+                _this.stateService.setLastConfigIdAdded(res.objectSyncConfig.id);
+            }, function () {
+                _this.stateService.enableInput();
+            });
+        };
+        ConnectorLinkExtensionModalComponent.prototype.setFields = function () {
+            var _this = this;
+            var getTranslatedLabel = function (key) { return _this.translateService.instant("connectorManagement.labels." + key); };
+            var keys = ['name'];
+            this.fields$.next(keys.map(function (key) { return ({ label: getTranslatedLabel(key), key: key }); }));
+        };
+        ConnectorLinkExtensionModalComponent.prototype.show = function () {
+            this.modal.show();
+        };
+        ConnectorLinkExtensionModalComponent.prototype.hide = function () {
+            this.modal.hide();
+        };
+        return ConnectorLinkExtensionModalComponent;
+    }());
+    ConnectorLinkExtensionModalComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-connector-link-extension-modal',
+                    template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText'| translate\">\n  <div class=\"mt-2\" body *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n    noConnectors: noObjectsApiConnectors$ | async\n  } as obs\">\n    <div *ngIf=\"obs.loading === false; else loading\" [ngClass]=\"{disabled: obs.disabled }\">\n      <ng-container *ngIf=\"!obs.noConnectors; else noConnectors\">\n        <p class=\"lead\">{{'connectorManagement.extension.clickToSync' | translate}}</p>\n        <valtimo-widget>\n          <valtimo-list\n                  [items]=\"obs.connectorInstances\"\n                  [fields]=\"obs.fields\"\n                  [header]=\"false\"\n                  [viewMode]=\"false\"\n                  [isSearchable]=\"false\"\n                  [pagination]=\"obs.pagination\"\n                  paginationIdentifier=\"connectorManagementList\"\n                  (paginationClicked)=\"paginationClicked($event)\"\n                  (paginationSet)=\"paginationSet($event)\"\n                  (rowClicked)=\"rowClicked($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n              <h5 class=\"list-header-description\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #noConnectors>\n  <p class=\"lead\">{{'connectorManagement.extension.noConnectors' | translate}}</p>\n</ng-template>\n",
+                    styles: [".disabled{filter:grayscale(1);opacity:.8;pointer-events:none}"]
+                },] }
+    ];
+    ConnectorLinkExtensionModalComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementService },
+        { type: core.TranslateService },
+        { type: ConnectorManagementStateService },
+        { type: ObjectApiSyncService },
+        { type: router.ActivatedRoute },
+        { type: components.AlertService }
+    ]; };
+    ConnectorLinkExtensionModalComponent.propDecorators = {
+        modal: [{ type: i0.ViewChild, args: ['modal',] }]
+    };
+
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var AddConnectorComponent = /** @class */ (function () {
+        function AddConnectorComponent(connectorManagementService, stateService, alertService, translateService) {
+            this.connectorManagementService = connectorManagementService;
+            this.stateService = stateService;
+            this.alertService = alertService;
+            this.translateService = translateService;
+            this.connectorTypes$ = this.connectorManagementService.getConnectorTypes();
+            this.selectedConnector$ = new rxjs.BehaviorSubject(undefined);
+            this.disabled$ = this.stateService.inputDisabled$;
+        }
+        AddConnectorComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.refreshSubscription = rxjs.combineLatest([this.stateService.showModal$, this.stateService.refresh$])
+                .subscribe(function () {
+                _this.goBack();
+            });
+        };
+        AddConnectorComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.refreshSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        AddConnectorComponent.prototype.selectConnector = function (connectorType) {
+            this.selectedConnector$.next(connectorType);
+        };
+        AddConnectorComponent.prototype.goBack = function () {
+            this.selectedConnector$.next(undefined);
+        };
+        AddConnectorComponent.prototype.onSave = function (event) {
+            var _this = this;
+            this.selectedConnector$.pipe(operators.take(1)).subscribe(function (selectedConnectorType) {
+                _this.connectorManagementService.createConnectorInstance({
+                    name: event.name,
+                    typeId: selectedConnectorType.id,
+                    connectorProperties: event.properties
+                }).subscribe(function () {
+                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.addSuccess'));
+                    _this.stateService.hideModal();
+                    _this.stateService.enableInput();
+                    _this.stateService.refresh();
+                }, function () {
+                    _this.stateService.enableInput();
+                });
+            });
+        };
+        return AddConnectorComponent;
+    }());
+    AddConnectorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-add-connector',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"connectorTypes$ | async as connectorTypes; else loading\">\n  <ng-container *ngIf=\"(selectedConnector$ | async) === undefined; else configure\">\n    <p class=\"lead\">\n      {{'connectorManagement.' + (connectorTypes?.length > 0 ? 'addHeader' : 'noConnectorsAvailable') | translate}}\n    </p>\n    <div class=\"cards-container mt-3\">\n      <div *ngFor=\"let connectorType of connectorTypes\" class=\"card card-border text-center\">\n        <div class=\"card-header\">{{connectorType.name}}</div>\n        <div class=\"card-body\">\n          <button class=\"btn btn-primary\" (click)=\"selectConnector(connectorType)\">\n            {{'connectorManagement.configureButton' | translate}}\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-template #configure>\n  <ng-container *ngIf=\"selectedConnector$ | async as connector\">\n    <button class=\"btn btn-outline-secondary btn-sm btn-back\" (click)=\"goBack()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-arrow-left mr-1\"></i>\n      {{'connectorManagement.goBack' | translate}}\n    </button>\n    <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n      {{('connectorManagement.configureWith' | translate) + ' ' + connector.name}}\n    </p>\n    <valtimo-edit-connector-form\n      [connectorName]=\"connector.name\"\n      [properties]=\"(selectedConnector$ | async).properties\"\n      (propertiesSave)=\"onSave($event)\"\n    >\n    </valtimo-edit-connector-form>\n  </ng-container>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{margin-right:30px;width:calc(33.3% - 20px)}.card:nth-child(3n+3){margin-right:0}.card-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]
+                },] }
+    ];
+    AddConnectorComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementService },
+        { type: ConnectorManagementStateService },
+        { type: components.AlertService },
+        { type: core.TranslateService }
+    ]; };
+
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ModifyConnectorComponent = /** @class */ (function () {
+        function ModifyConnectorComponent(connectorManagementService, stateService, alertService, translateService) {
+            this.connectorManagementService = connectorManagementService;
+            this.stateService = stateService;
+            this.alertService = alertService;
+            this.translateService = translateService;
+            this.instance$ = this.stateService.selectedInstance$;
+        }
+        ModifyConnectorComponent.prototype.onSave = function (event) {
+            var _this = this;
+            this.instance$.pipe(operators.take(1)).subscribe(function (instance) {
+                _this.connectorManagementService.updateConnectorInstance({
+                    name: event.name,
+                    typeId: instance.type.id,
+                    id: instance.id,
+                    connectorProperties: event.properties
+                }).subscribe(function () {
+                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.modifySuccess'));
+                    _this.stateService.hideModal();
+                    _this.stateService.enableInput();
+                    _this.stateService.refresh();
+                }, function () {
+                    _this.stateService.enableInput();
+                });
+            });
+        };
+        ModifyConnectorComponent.prototype.onDelete = function () {
+            var _this = this;
+            this.instance$.pipe(operators.take(1)).subscribe(function (instance) {
+                _this.connectorManagementService.deleteConnectorInstance(instance.id).subscribe(function () {
+                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.deleteSuccess'));
+                    _this.stateService.hideModal();
+                    _this.stateService.enableInput();
+                    _this.stateService.refresh();
+                }, function () {
+                    _this.stateService.enableInput();
+                });
+            });
+        };
+        return ModifyConnectorComponent;
+    }());
+    ModifyConnectorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-modify-connector',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"instance$ | async as instance\">\n  <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n    {{('connectorManagement.modifyWith' | translate) + ' ' + instance.type.name}}\n  </p>\n  <valtimo-edit-connector-form\n    [properties]=\"instance.properties\"\n    [withDefaults]=\"true\"\n    [defaultName]=\"instance.name\"\n    [showDeleteButton]=\"true\"\n    [connectorName]=\"instance.type.name\"\n    (propertiesSave)=\"onSave($event)\"\n    (connectorDelete)=\"onDelete()\"\n  >\n  </valtimo-edit-connector-form>\n</ng-container>\n",
+                    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 */"]
+                },] }
+    ];
+    ModifyConnectorComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementService },
+        { type: ConnectorManagementStateService },
+        { type: components.AlertService },
+        { type: core.TranslateService }
+    ]; };
+
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ConnectorModalComponent = /** @class */ (function () {
+        function ConnectorModalComponent(stateService) {
+            this.stateService = stateService;
+        }
+        ConnectorModalComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            this.showSubscription = this.stateService.showModal$.subscribe(function (show) {
+                if (show) {
+                    _this.show();
+                }
+                else {
+                    _this.hide();
+                }
+            });
+        };
+        ConnectorModalComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        ConnectorModalComponent.prototype.show = function () {
+            this.modal.show();
+        };
+        ConnectorModalComponent.prototype.hide = function () {
+            this.modal.hide();
+        };
+        return ConnectorModalComponent;
+    }());
+    ConnectorModalComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-connector-modal',
+                    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-modal #modal [title]=\"'connectorManagement.' + modalType | translate\">\n  <div class=\"mt-2\" body>\n    <valtimo-add-connector *ngIf=\"modalType === 'add'\"></valtimo-add-connector>\n    <valtimo-modify-connector *ngIf=\"modalType === 'modify'\"></valtimo-modify-connector>\n  </div>\n</valtimo-modal>\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 */"]
+                },] }
+    ];
+    ConnectorModalComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementStateService }
+    ]; };
+    ConnectorModalComponent.propDecorators = {
+        modal: [{ type: i0.ViewChild, args: ['modal',] }],
+        modalType: [{ type: i0.Input }]
+    };
+
+    var EditConnectorPropertiesComponent = /** @class */ (function () {
+        function EditConnectorPropertiesComponent(stateService) {
+            this.stateService = stateService;
+            this.withDefaults = false;
+            this.showDeleteButton = false;
+            this.propertiesSave = new i0.EventEmitter();
+            this.connectorDelete = new i0.EventEmitter();
+            this.modifiedProperties$ = new rxjs.BehaviorSubject(undefined);
+            this.editFields$ = new rxjs.BehaviorSubject([]);
+            this.connectorName$ = new rxjs.BehaviorSubject('');
+            this.saveButtonDisabled$ = rxjs.combineLatest([this.editFields$, this.modifiedProperties$, this.connectorName$]).pipe(operators.map(function (_a) {
+                var _b = __read(_a, 3), editFields = _b[0], modifiedProperties = _b[1], connectorName = _b[2];
+                var values = editFields.map(function (field) { return lodash.get(modifiedProperties, field.key); });
+                var validValues = values.filter(function (value) { return Array.isArray(value) ? value.length > 0 : value === 0 || value; });
+                return (editFields.length !== validValues.length) || !connectorName;
+            }));
+            this.disabled$ = this.stateService.inputDisabled$;
+        }
+        EditConnectorPropertiesComponent.prototype.ngOnInit = function () {
+            this.setEditFields();
+            this.setName();
+        };
+        EditConnectorPropertiesComponent.prototype.ngOnChanges = function () {
+            this.setEditFields();
+            this.setName();
+        };
+        EditConnectorPropertiesComponent.prototype.multiFieldValuesSet = function (event) {
+            var _this = this;
+            this.modifiedProperties$.pipe(operators.take(1)).subscribe(function (properties) {
+                lodash.set(properties, event.editFieldKey, event.values);
+                _this.modifiedProperties$.next(properties);
+            });
+        };
+        EditConnectorPropertiesComponent.prototype.onSingleValueChange = function (value, editField) {
+            var _this = this;
+            this.modifiedProperties$.pipe(operators.take(1)).subscribe(function (properties) {
+                lodash.set(properties, editField.key, editField.editType === 'string' ? value.trim() : parseInt(value, 10));
+                _this.modifiedProperties$.next(properties);
+            });
+        };
+        EditConnectorPropertiesComponent.prototype.onNameValueChange = function (value) {
+            this.connectorName$.next(value.trim());
+        };
+        EditConnectorPropertiesComponent.prototype.onSave = function () {
+            var _this = this;
+            this.stateService.disableInput();
+            rxjs.combineLatest([this.modifiedProperties$, this.connectorName$])
+                .pipe(operators.take(1)).subscribe(function (_a) {
+                var _b = __read(_a, 2), properties = _b[0], name = _b[1];
+                _this.propertiesSave.emit({ properties: properties, name: name });
+            });
+        };
+        EditConnectorPropertiesComponent.prototype.onDelete = function () {
+            this.stateService.disableInput();
+            this.connectorDelete.emit();
+        };
+        EditConnectorPropertiesComponent.prototype.setName = function () {
+            if (this.withDefaults && this.defaultName) {
+                this.connectorName$.next(this.defaultName);
+            }
+            else {
+                this.connectorName$.next('');
+            }
+        };
+        EditConnectorPropertiesComponent.prototype.setModifiedProperties = function (editFields) {
+            var propertiesCopy = lodash.cloneDeep(this.properties);
+            if (!this.withDefaults) {
+                editFields.forEach(function (editField) {
+                    lodash.set(propertiesCopy, editField.key, undefined);
+                });
+            }
+            this.modifiedProperties$.next(propertiesCopy);
+        };
+        EditConnectorPropertiesComponent.prototype.setEditFields = function () {
+            var _this = this;
+            var editFields = [];
+            var keysToFilter = ['className'];
+            var handlePropertyLevel = function (propertyLevel, previousKeys) {
+                var propertyLevelKeys = Object.keys(propertyLevel)
+                    .filter(function (key) { return !keysToFilter.includes(key); });
+                propertyLevelKeys.forEach(function (key) {
+                    var propertyValue = propertyLevel[key];
+                    var baseEditField = Object.assign({ key: previousKeys + key }, (_this.withDefaults && { defaultValue: propertyValue }));
+                    if (typeof propertyValue === 'number') {
+                        editFields.push(Object.assign(Object.assign({}, baseEditField), { editType: 'number' }));
+                    }
+                    else if (Array.isArray(propertyValue)) {
+                        if (propertyValue[0] && typeof propertyValue[0] === 'number') {
+                            editFields.push(Object.assign(Object.assign({}, baseEditField), { editType: 'number[]' }));
+                        }
+                        else {
+                            editFields.push(Object.assign(Object.assign({}, baseEditField), { editType: 'string[]' }));
+                        }
+                    }
+                    else if (typeof propertyValue === 'string') {
+                        editFields.push(Object.assign(Object.assign({}, baseEditField), { editType: 'string' }));
+                    }
+                    else if (typeof propertyValue === 'object') {
+                        handlePropertyLevel(propertyValue, "" + previousKeys + key + ".");
+                    }
+                });
+            };
+            handlePropertyLevel(this.properties, '');
+            this.editFields$.next(editFields);
+            this.setModifiedProperties(editFields);
+        };
+        return EditConnectorPropertiesComponent;
+    }());
+    EditConnectorPropertiesComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-edit-connector-properties',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"edit-fields\" *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\">\n  <ng-container *ngTemplateOutlet=\"nameInput;context:{disabled: obs.disabled}\"></ng-container>\n  <ng-container *ngFor=\"let editField of obs.editFields\">\n    <ng-container *ngIf=\"editField.editType === 'string' || editField.editType === 'number'\">\n      <ng-container *ngTemplateOutlet=\"singleInput;context:{editField: editField, disabled: obs.disabled}\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"editField.editType === 'string[]' || editField.editType === 'number[]'\">\n      <valtimo-multi-value-connector-property\n        [editField]=\"editField\"\n        (valuesSet)=\"multiFieldValuesSet($event)\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"withDefaults && editField.defaultValue\"\n      >\n      </valtimo-multi-value-connector-property>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"buttons;context:{disabled: obs.disabled}\"></ng-container>\n</div>\n\n<ng-template #nameInput let-disabled=\"disabled\">\n  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{'connectorManagement.inputLabels.connectorName' | translate}}\n    </label>\n    <div class=\"col-7\">\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onNameValueChange($event.target.value)\"\n        [disabled]=\"disabled\"\n        [value]=\"(withDefaults && defaultName) ? defaultName : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{'connectorManagement.inputLabels.' + editField.key | translate}}\n    </label>\n    <div class=\"col-7\">\n      <input\n        *ngIf=\"editField.editType === 'string'\"\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n      <input\n        *ngIf=\"editField.editType === 'number'\"\n        class=\"form-control\"\n        type=\"number\"\n        step=\"1\"\n        min=\"0\"\n        oninput=\"validity.valid||(value='');\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\">\n    <div class=\"button-container\">\n      <button class=\"btn btn-primary\" [disabled]=\"disabled || (saveButtonDisabled$ | async)\" (click)=\"onSave()\">\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{'connectorManagement.save' | translate}}\n      </button>\n      <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\" [disabled]=\"disabled\">\n        <i class=\"icon mdi mdi-delete mr-1\"></i>\n        {{'connectorManagement.remove' | translate}}\n      </button>\n    </div>\n  </div>\n</ng-template>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.button-container{display:flex;flex-flow:row-reverse;justify-content:space-between;width:100%}"]
+                },] }
+    ];
+    EditConnectorPropertiesComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementStateService }
+    ]; };
+    EditConnectorPropertiesComponent.propDecorators = {
+        properties: [{ type: i0.Input }],
+        withDefaults: [{ type: i0.Input }],
+        showDeleteButton: [{ type: i0.Input }],
+        defaultName: [{ type: i0.Input }],
+        propertiesSave: [{ type: i0.Output }],
+        connectorDelete: [{ type: i0.Output }]
+    };
+
+    var ConnectorLinkExtensionComponent = /** @class */ (function () {
+        function ConnectorLinkExtensionComponent(stateService, objectApiSyncService, translateService, route, alertService, connectorManagementService) {
+            var _this = this;
+            this.stateService = stateService;
+            this.objectApiSyncService = objectApiSyncService;
+            this.translateService = translateService;
+            this.route = route;
+            this.alertService = alertService;
+            this.connectorManagementService = connectorManagementService;
+            this.loading$ = new rxjs.BehaviorSubject(true);
+            this.objectApiSyncConfig$ = rxjs.combineLatest([this.route.params, this.translateService.stream('key'), this.stateService.refresh$]).pipe(operators.switchMap(function (_b) {
+                var _c = __read(_b, 1), params = _c[0];
+                return _this.objectApiSyncService.getObjectSyncConfigs(params.name);
+            }), operators.switchMap(function (configs) { return rxjs.combineLatest(__spread([rxjs.of(configs)], configs.map(function (config) { return _this.connectorManagementService.getConnectorInstanceById(config.connectorInstanceId).pipe(operators.catchError(function () { return rxjs.of(''); })); }))); }), operators.map(function (results) {
+                var _b = __read(results.filter(function (result) { return result; })), instances = _b.slice(1);
+                return results[0]
+                    .map(function (syncConfig) {
+                    var _a;
+                    return (Object.assign(Object.assign({}, syncConfig), { title: ((_a = instances.find(function (instance) { return instance.id === syncConfig.connectorInstanceId; })) === null || _a === void 0 ? void 0 : _a.name) || 'Objects API' }));
+                });
+            }), operators.map(function (results) { return Array.isArray(results) && results.length > 0 ? results[0] : null; }), operators.tap(function () {
+                _this.loading$.next(false);
+            }));
+            this.disabled$ = this.stateService.inputDisabled$;
+        }
+        ConnectorLinkExtensionComponent.prototype.ngOnDestroy = function () {
+            this.stateService.hideExtensionModal();
+        };
+        ConnectorLinkExtensionComponent.prototype.openModal = function () {
+            this.stateService.showExtensionModal();
+        };
+        ConnectorLinkExtensionComponent.prototype.toggleSync = function (config) {
+            var _this = this;
+            this.stateService.disableInput();
+            this.objectApiSyncService.modifyObjectSyncConfig(Object.assign(Object.assign({}, config), { enabled: !config.enabled })).subscribe(function () {
+                if (!config.enabled) {
+                    _this.alertService.success(_this.translateService.instant('connectorManagement.extension.addSyncSuccess'));
+                }
+                else {
+                    _this.alertService.success(_this.translateService.instant('connectorManagement.extension.disableSyncSuccess'));
+                }
+                _this.stateService.enableInput();
+                _this.stateService.refresh();
+            }, function () {
+                _this.stateService.enableInput();
+            });
+        };
+        ConnectorLinkExtensionComponent.prototype.deleteSync = function (configId) {
+            var _this = this;
+            this.stateService.disableInput();
+            this.objectApiSyncService.deleteObjectSyncConfig(configId).subscribe(function () {
+                _this.alertService.success(_this.translateService.instant('connectorManagement.extension.deleteSyncSuccess'));
+                _this.stateService.enableInput();
+                _this.stateService.refresh();
+            }, function () {
+                _this.stateService.enableInput();
+            });
+        };
+        return ConnectorLinkExtensionComponent;
+    }());
+    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}"]
+                },] }
+    ];
+    ConnectorLinkExtensionComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementStateService },
+        { type: ObjectApiSyncService },
+        { type: core.TranslateService },
+        { type: router.ActivatedRoute },
+        { type: components.AlertService },
+        { type: ConnectorManagementService }
+    ]; };
+
+    var MultiValueConnectorPropertyComponent = /** @class */ (function () {
+        function MultiValueConnectorPropertyComponent() {
+            this.valuesSet = new i0.EventEmitter();
+            this.amountOfValues$ = new rxjs.BehaviorSubject([null]);
+            this.removeButtonDisabled$ = this.amountOfValues$.pipe(operators.map(function (amountOfValues) { return amountOfValues.length === 1; }));
+            this.values$ = new rxjs.BehaviorSubject({});
+            this.addButtonDisabled$ = rxjs.combineLatest([this.values$, this.amountOfValues$]).pipe(operators.map(function (_b) {
+                var _c = __read(_b, 2), values = _c[0], amountOfValues = _c[1];
+                var objectValues = Object.values(values);
+                var validObjectValues = objectValues.filter(function (value) { return value === 0 || value; });
+                return amountOfValues.length !== validObjectValues.length;
+            }));
+        }
+        MultiValueConnectorPropertyComponent.prototype.ngOnInit = function () {
+            this.openValuesSubscription();
+            this.setDefaults();
+        };
+        MultiValueConnectorPropertyComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.valuesSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        MultiValueConnectorPropertyComponent.prototype.onValueChange = function (value, editField, index) {
+            var _this = this;
+            this.values$.pipe(operators.take(1)).subscribe(function (values) {
+                var _b;
+                _this.values$.next(Object.assign(Object.assign({}, values), (_b = {}, _b[index] = editField.editType === 'string[]' ? value.trim() : parseInt(value, 10), _b)));
+            });
+        };
+        MultiValueConnectorPropertyComponent.prototype.addRow = function () {
+            var _this = this;
+            this.amountOfValues$.pipe(operators.take(1)).subscribe(function (amountOfValues) {
+                _this.amountOfValues$.next(__spread(amountOfValues, [null]));
+            });
+        };
+        MultiValueConnectorPropertyComponent.prototype.removeRow = function () {
+            var _this = this;
+            rxjs.combineLatest([this.values$, this.amountOfValues$]).pipe(operators.take(1)).subscribe(function (_b) {
+                var _c = __read(_b, 2), values = _c[0], amountOfValues = _c[1];
+                var lastValueIndex = amountOfValues.length - 1;
+                var valuesCopy = Object.assign({}, values);
+                delete valuesCopy[lastValueIndex];
+                _this.values$.next(valuesCopy);
+                _this.amountOfValues$.next(amountOfValues.filter(function (curr, index) { return index !== lastValueIndex; }));
+            });
+        };
+        MultiValueConnectorPropertyComponent.prototype.openValuesSubscription = function () {
+            var _this = this;
+            this.valuesSubscription = this.values$.subscribe(function (values) {
+                _this.valuesSet.emit({
+                    editFieldKey: _this.editField.key,
+                    values: Object.values(values).filter(function (value) { return value === 0 || value; })
+                });
+            });
+        };
+        MultiValueConnectorPropertyComponent.prototype.setDefaults = function () {
+            var defaultValue = this.defaultValue;
+            var validValues = Array.isArray(defaultValue) && defaultValue.filter(function (value) { return value === 0 || value; });
+            if (validValues && validValues.length > 0) {
+                var valuesObject_1 = {};
+                validValues.forEach(function (value, index) {
+                    valuesObject_1[index] = value;
+                });
+                this.values$.next(valuesObject_1);
+                this.amountOfValues$.next(validValues.map(function () { return null; }));
+            }
+        };
+        return MultiValueConnectorPropertyComponent;
+    }());
+    MultiValueConnectorPropertyComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-multi-value-connector-property',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"form-group row\"\n  *ngIf=\"{amountOfValues: amountOfValues$ | async, values: values$ | async} as obs\"\n>\n  <label class=\"col-3 col-form-label text-sm-right\">\n    {{'connectorManagement.inputLabels.' + editField.key | translate}}\n  </label>\n  <div class=\"col-7\">\n    <ng-container *ngFor=\"let value of obs.amountOfValues; let index = index\">\n      <ng-container *ngTemplateOutlet=\"input;context:{index: index, disabled: disabled, values: obs.values}\">\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons;context:{disabled: disabled}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #input let-index=\"index\" let-disabled=\"disabled\" let-values=\"values\">\n  <input\n    *ngIf=\"editField.editType === 'string[]'\"\n    class=\"form-control mb-2\"\n    type=\"text\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"(defaultValue && values[index]) ? values[index] : ''\"\n  >\n  <input\n    *ngIf=\"editField.editType === 'number[]'\"\n    class=\"form-control mb-2\"\n    type=\"number\"\n    step=\"1\"\n    min=\"0\"\n    oninput=\"validity.valid||(value='');\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"(defaultValue && values[index]) ? values[index] : ''\"\n  >\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"button-container mt-1\">\n    <button class=\"btn btn-danger btn-space btn-sm\" (click)=\"removeRow()\" [disabled]=\"disabled || (removeButtonDisabled$ | async)\">\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{'connectorManagement.removeValue' | translate}}\n    </button>\n    <button class=\"btn btn-secondary btn-space mr-0 btn-sm\" (click)=\"addRow()\" [disabled]=\"disabled || (addButtonDisabled$ | async)\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{'connectorManagement.addValue' | translate}}\n    </button>\n  </div>\n</ng-template>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.button-container{display:flex;justify-content:flex-end;width:100%}"]
+                },] }
+    ];
+    MultiValueConnectorPropertyComponent.propDecorators = {
+        editField: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
+        defaultValue: [{ type: i0.Input }],
+        valuesSet: [{ type: i0.Output }]
+    };
+
+    var editProductAanvragenConnectorForm = {
+        display: 'wizard',
+        settings: {
+            pdf: {
+                id: '1ec0f8ee-6685-5d98-a847-26f67b67d6f0',
+                src: 'https://files.form.io/pdf/5692b91fd1028f01000407e3/file/1ec0f8ee-6685-5d98-a847-26f67b67d6f0'
+            }
+        },
+        components: [
+            {
+                title: 'connectorForm.productaanvraag.step0.title',
+                breadcrumbClickable: true,
+                buttonSettings: {
+                    previous: true,
+                    cancel: true,
+                    next: true
+                },
+                navigateOnEnter: false,
+                saveOnEnter: false,
+                scrollToTop: false,
+                collapsible: false,
+                key: 'page0',
+                type: 'panel',
+                label: 'Page 0',
+                input: false,
+                tableView: false,
+                components: [
+                    {
+                        label: 'HTML',
+                        attrs: [
+                            {
+                                attr: '',
+                                value: ''
+                            }
+                        ],
+                        content: 'connectorForm.productaanvraag.step0.tip',
+                        refreshOnChange: false,
+                        key: 'html4',
+                        type: 'htmlelement',
+                        input: false,
+                        tableView: false
+                    },
+                    {
+                        title: 'connectorForm.productaanvraag.step0.typeMapping.panelTitle',
+                        collapsible: false,
+                        key: 'connectorFormProductaanvraagStep0TypeMappingsPanelTitle',
+                        type: 'panel',
+                        label: 'Panel',
+                        input: false,
+                        tableView: false,
+                        components: [
+                            {
+                                label: 'connectorForm.productaanvraag.step0.typeMapping.productAanvraagType.label',
+                                tooltip: 'connectorForm.productaanvraag.step0.typeMapping.productAanvraagType.tooltip',
+                                tableView: true,
+                                validate: {
+                                    required: true
+                                },
+                                key: 'productAanvraagType',
+                                type: 'textfield',
+                                input: true
+                            },
+                            {
+                                label: 'connectorForm.productaanvraag.step0.typeMapping.caseDefinitionKey.label',
+                                widget: 'choicesjs',
+                                placeholder: 'connectorForm.productaanvraag.step0.typeMapping.caseDefinitionKey.placeholder',
+                                tableView: true,
+                                validate: {
+                                    required: true
+                                },
+                                key: 'caseDefinitionKey',
+                                type: 'select',
+                                input: true
+                            },
+                            {
+                                label: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.label',
+                                widget: 'choicesjs',
+                                placeholder: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.placeholder',
+                                tableView: true,
+                                validate: {
+                                    required: true
+                                },
+                                key: 'processDefinitionKey',
+                                type: 'select',
+                                input: true,
+                                refreshOn: 'caseDefinitionKey',
+                                clearOnRefresh: true,
+                                disabled: true
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                title: 'connectorForm.productaanvraag.step1.title',
+                breadcrumbClickable: true,
+                buttonSettings: {
+                    previous: true,
+                    cancel: true,
+                    next: true
+                },
+                navigateOnEnter: false,
+                saveOnEnter: false,
+                scrollToTop: false,
+                collapsible: false,
+                key: 'page1',
+                type: 'panel',
+                label: 'Page 1',
+                input: false,
+                tableView: false,
+                components: [
+                    {
+                        label: 'HTML',
+                        attrs: [
+                            {
+                                attr: '',
+                                value: ''
+                            }
+                        ],
+                        content: 'connectorForm.productaanvraag.step1.tip',
+                        refreshOnChange: false,
+                        key: 'html',
+                        type: 'htmlelement',
+                        input: false,
+                        tableView: false
+                    },
+                    {
+                        title: 'connectorForm.productaanvraag.step1.objectsApi.panelTitle',
+                        collapsible: false,
+                        key: 'connectorFormProductaanvraagStep1ObjectsApiPanelTitle',
+                        type: 'panel',
+                        label: 'Panel',
+                        input: false,
+                        tableView: false,
+                        components: [
+                            {
+                                label: 'connectorForm.productaanvraag.step1.objectsApi.url.label',
+                                tooltip: 'connectorForm.productaanvraag.step1.objectsApi.url.tooltip',
+                                tableView: true,
+                                validate: {
+                                    required: true
+                                },
+                                key: 'objectsApiUrl',
+                                type: 'textfield',
+                                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
+                            }
+                        ]
+                    },
+                    {
+                        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',
+                                tableView: true,
+                                validate: {
+                                    required: true
+                                },
+                                key: 'objectTypesApiUrl',
+                                type: 'textfield',
+                                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
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                title: 'connectorForm.productaanvraag.step2.title',
+                breadcrumbClickable: true,
+                buttonSettings: {
+                    previous: true,
+                    cancel: true,
+                    next: true
+                },
+                navigateOnEnter: false,
+                saveOnEnter: false,
+                scrollToTop: false,
+                collapsible: false,
+                key: 'page2',
+                type: 'panel',
+                label: 'Page 2',
+                input: false,
+                tableView: false,
+                components: [
+                    {
+                        label: 'HTML',
+                        attrs: [
+                            {
+                                attr: '',
+                                value: ''
+                            }
+                        ],
+                        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',
+                        collapsible: false,
+                        key: 'connectorFormProductaanvraagStep4ApplicantPanelTitle',
+                        type: 'panel',
+                        label: 'Panel',
+                        input: false,
+                        tableView: false,
+                        components: [
+                            {
+                                label: 'HTML',
+                                attrs: [
+                                    {
+                                        attr: '',
+                                        value: ''
+                                    }
+                                ],
+                                content: 'connectorForm.productaanvraag.step4.applicant.tip',
+                                refreshOnChange: false,
+                                key: 'html5',
+                                type: 'htmlelement',
+                                input: false,
+                                tableView: false
+                            },
+                            {
+                                label: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.label',
+                                tooltip: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.tooltip',
+                                tableView: true,
+                                validate: {
+                                    required: true
+                                },
+                                key: 'applicantRoleTypeUrl',
+                                type: 'textfield',
+                                input: true
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                title: 'connectorForm.productaanvraag.step5.title',
+                breadcrumbClickable: true,
+                buttonSettings: {
+                    previous: true,
+                    cancel: true,
+                    next: true
+                },
+                navigateOnEnter: false,
+                saveOnEnter: false,
+                scrollToTop: false,
+                collapsible: false,
+                key: 'page6',
+                type: 'panel',
+                label: 'Page 5',
+                input: false,
+                tableView: false,
+                components: [
+                    {
+                        label: 'HTML',
+                        attrs: [
+                            {
+                                attr: '',
+                                value: ''
+                            }
+                        ],
+                        content: 'connectorForm.productaanvraag.step5.tip',
+                        refreshOnChange: false,
+                        key: 'html6',
+                        type: 'htmlelement',
+                        input: false,
+                        tableView: false
+                    },
+                    {
+                        label: 'connectorForm.productaanvraag.step5.name',
+                        tableView: true,
+                        validate: {
+                            required: true
+                        },
+                        key: 'connectorName',
+                        type: 'textfield',
+                        input: true
+                    }
+                ]
+            }
+        ]
+    };
+
+    var EditProductAanvragenConnectorComponent = /** @class */ (function () {
+        function EditProductAanvragenConnectorComponent(formTranslationService, formMappingService, documentService, translateService) {
+            var _this = this;
+            this.formTranslationService = formTranslationService;
+            this.formMappingService = formMappingService;
+            this.documentService = documentService;
+            this.translateService = translateService;
+            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.caseDefinitionId$ = new rxjs.BehaviorSubject('');
+            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 component;
+            };
+        }
+        EditProductAanvragenConnectorComponent.prototype.ngOnInit = function () {
+            this.openFormDefinitionSubscription();
+            this.formDefinition$.next(editProductAanvragenConnectorForm);
+            this.loadDocumentDefinitions();
+        };
+        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);
+            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.aanvragerRolTypeUrl = submission.applicantRoleTypeUrl;
+            properties.typeMapping = [
+                {
+                    productAanvraagType: submission.productAanvraagType,
+                    caseDefinitionKey: submission.caseDefinitionKey,
+                    processDefinitionKey: submission.processDefinitionKey
+                }
+            ];
+            this.propertiesSave.emit({ properties: properties, name: submission.connectorName });
+        };
+        EditProductAanvragenConnectorComponent.prototype.onDelete = function () {
+            this.connectorDelete.emit();
+        };
+        EditProductAanvragenConnectorComponent.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 });
+            });
+        };
+        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.applicantRoleTypeUrl = properties.aanvragerRolTypeUrl;
+            submission.productAanvraagType = properties.typeMapping[0].productAanvraagType;
+            submission.caseDefinitionKey = properties.typeMapping[0].caseDefinitionKey;
+            submission.processDefinitionKey = properties.typeMapping[0].processDefinitionKey;
+            submission.connectorName = this.defaultName;
+            this.refreshForm({ submission: { data: submission } });
+        };
+        EditProductAanvragenConnectorComponent.prototype.refreshForm = function (refreshValue) {
+            this.formRefresh$.next(refreshValue);
+        };
+        EditProductAanvragenConnectorComponent.prototype.loadDocumentDefinitions = function () {
+            var _this = this;
+            this.documentService.getAllDefinitions().subscribe(function (definitions) {
+                var _a;
+                _this.documentDefinitions = definitions;
+                var definitionWithCaseDefinitionKeyValues = _this.formMappingService.mapComponents(_this.formDefinition$.getValue(), _this.mapCaseDefinitionKeyComponent);
+                _this.formDefinition$.next(definitionWithCaseDefinitionKeyValues);
+                if ((_a = _this.properties) === null || _a === void 0 ? void 0 : _a.aanvragerRolTypeUrl) {
+                    _this.prefillForm();
+                }
+            });
+        };
+        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}"]
+                },] }
+    ];
+    EditProductAanvragenConnectorComponent.ctorParameters = function () { return [
+        { type: form.FormTranslationService },
+        { type: form.FormMappingService },
+        { type: document.DocumentService },
+        { type: core.TranslateService }
+    ]; };
+    EditProductAanvragenConnectorComponent.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.
+     *
+     * 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.
+     */
+    var EditConnectorFormComponent = /** @class */ (function () {
+        function EditConnectorFormComponent() {
+            this.withDefaults = false;
+            this.showDeleteButton = false;
+            this.propertiesSave = new i0.EventEmitter();
+            this.connectorDelete = new i0.EventEmitter();
+            this.productAanvragenName = 'ProductAanvragen';
+        }
+        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",
+                    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 */"]
+                },] }
+    ];
+    EditConnectorFormComponent.propDecorators = {
+        properties: [{ type: i0.Input }],
+        withDefaults: [{ type: i0.Input }],
+        showDeleteButton: [{ type: i0.Input }],
+        defaultName: [{ type: i0.Input }],
+        connectorName: [{ type: i0.Input }],
+        propertiesSave: [{ type: i0.Output }],
+        connectorDelete: [{ type: i0.Output }]
+    };
+
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ConnectorManagementModule = /** @class */ (function () {
+        function ConnectorManagementModule() {
+        }
+        return ConnectorManagementModule;
+    }());
+    ConnectorManagementModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    providers: [ConnectorManagementStateService],
+                    declarations: [
+                        ConnectorManagementComponent,
+                        AddConnectorComponent,
+                        ConnectorModalComponent,
+                        ModifyConnectorComponent,
+                        EditConnectorPropertiesComponent,
+                        MultiValueConnectorPropertyComponent,
+                        ConnectorLinkExtensionComponent,
+                        ConnectorLinkExtensionModalComponent,
+                        EditProductAanvragenConnectorComponent,
+                        EditConnectorFormComponent
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        ConnectorManagementRoutingModule,
+                        core.TranslateModule,
+                        components.WidgetModule,
+                        components.ListModule,
+                        components.SpinnerModule,
+                        components.ModalModule,
+                        components.FormIoModule
+                    ],
+                    exports: [
+                        ConnectorManagementComponent,
+                        AddConnectorComponent,
+                        ConnectorModalComponent,
+                        ModifyConnectorComponent,
+                        EditConnectorPropertiesComponent,
+                        MultiValueConnectorPropertyComponent,
+                        ConnectorLinkExtensionComponent,
+                        ConnectorLinkExtensionModalComponent,
+                        EditProductAanvragenConnectorComponent
+                    ],
+                    entryComponents: [
+                        ConnectorLinkExtensionComponent,
+                    ]
+                },] }
+    ];
+
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    function connectorLinkExtensionInitializer(injector) {
+        var configService = injector.get(i2.ConfigService);
+        var logger = injector.get(ngxLogger.NGXLogger);
+        return function () {
+            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));
+                    configService.addExtension(extension);
+                    logger.debug('connector link extension initializer after init');
+                    resolve();
+                }
+                catch (error) {
+                    logger.debug('connector link extension initializer error', error);
+                    reject(error);
+                }
+            });
+        };
+    }
+
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.AddConnectorComponent = AddConnectorComponent;
+    exports.ConnectorLinkExtensionComponent = ConnectorLinkExtensionComponent;
+    exports.ConnectorLinkExtensionModalComponent = ConnectorLinkExtensionModalComponent;
+    exports.ConnectorManagementComponent = ConnectorManagementComponent;
+    exports.ConnectorManagementModule = ConnectorManagementModule;
+    exports.ConnectorManagementService = ConnectorManagementService;
+    exports.ConnectorManagementStateService = ConnectorManagementStateService;
+    exports.ConnectorModalComponent = ConnectorModalComponent;
+    exports.EditConnectorPropertiesComponent = EditConnectorPropertiesComponent;
+    exports.ModifyConnectorComponent = ModifyConnectorComponent;
+    exports.MultiValueConnectorPropertyComponent = MultiValueConnectorPropertyComponent;
+    exports.ObjectApiSyncService = ObjectApiSyncService;
+    exports.connectorLinkExtensionInitializer = connectorLinkExtensionInitializer;
+    exports.ɵa = EditProductAanvragenConnectorComponent;
+    exports.ɵb = EditConnectorFormComponent;
+    exports.ɵc = ConnectorManagementRoutingModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=valtimo-connector-management.umd.js.map