@veloceapps/sdk 3.0.4 → 3.0.6

package/bundles/veloce-sdk-cms.umd.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@veloce/core'), require('@angular/cdk/drag-drop'), require('@angular/forms'), require('lodash'), require('@veloce/components'), require('@veloce/sdk/runtime'), require('rxjs/operators'), require('@veloce/api'), require('primeng/api'), require('primeng/dynamicdialog'), require('@babel/standalone')) :
-    typeof define === 'function' && define.amd ? define('@veloce/sdk/cms', ['exports', '@angular/core', 'rxjs', '@angular/common', '@veloce/core', '@angular/cdk/drag-drop', '@angular/forms', 'lodash', '@veloce/components', '@veloce/sdk/runtime', 'rxjs/operators', '@veloce/api', 'primeng/api', 'primeng/dynamicdialog', '@babel/standalone'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.veloce = global.veloce || {}, global.veloce.sdk = global.veloce.sdk || {}, global.veloce.sdk.cms = {}), global.ng.core, global.rxjs, global.ng.common, global["@veloce/core"], global.ng.cdk.dragDrop, global.ng.forms, global.lodash, global["@veloce/components"], global.veloce.sdk.runtime, global.rxjs.operators, global["@veloce/api"], global["primeng/api"], global["primeng/dynamicdialog"], global["@babel/standalone"]));
-})(this, (function (exports, i0, rxjs, i8, core, dragDrop, angularForms, lodash, i6, i2, rxjsOperators, i1, i2$1, i5, standalone) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@veloce/core'), require('@angular/cdk/drag-drop'), require('@angular/forms'), require('lodash'), require('@veloce/components'), require('@veloce/sdk/runtime'), require('rxjs/operators'), require('@veloce/api'), require('primeng/api'), require('primeng/dynamicdialog'), require('@babel/standalone'), require('moment')) :
+    typeof define === 'function' && define.amd ? define('@veloce/sdk/cms', ['exports', '@angular/core', 'rxjs', '@angular/common', '@veloce/core', '@angular/cdk/drag-drop', '@angular/forms', 'lodash', '@veloce/components', '@veloce/sdk/runtime', 'rxjs/operators', '@veloce/api', 'primeng/api', 'primeng/dynamicdialog', '@babel/standalone', 'moment'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.veloce = global.veloce || {}, global.veloce.sdk = global.veloce.sdk || {}, global.veloce.sdk.cms = {}), global.ng.core, global.rxjs, global.ng.common, global["@veloce/core"], global.ng.cdk.dragDrop, global.ng.forms, global.lodash, global["@veloce/components"], global.veloce.sdk.runtime, global.rxjs.operators, global["@veloce/api"], global["primeng/api"], global["primeng/dynamicdialog"], global["@babel/standalone"], global.moment));
+})(this, (function (exports, i0, rxjs, i8, core, dragDrop, angularForms, lodash, i6, i2, rxjsOperators, i1, i3, i5, standalone, moment) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -28,11 +30,12 @@
     var angularForms__namespace = /*#__PURE__*/_interopNamespace(angularForms);
     var lodash__namespace = /*#__PURE__*/_interopNamespace(lodash);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var rxjsOperators__namespace = /*#__PURE__*/_interopNamespace(rxjsOperators);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2$1);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -878,7 +881,18 @@
         return blocks;
     };
     var findLineItem = function (id, lineItems) {
-        return core.EntityUtil.findByFieldHierarchically('id', id, lineItems, 'lineItems');
+        return findLineItemWithComparator(lineItems, function (li) { return li.id === id; });
+    };
+    var findLineItemWithComparator = function (lineItems, comparator) {
+        var currentLevel = lineItems;
+        while (currentLevel.length) {
+            var found = currentLevel.find(comparator);
+            if (found) {
+                return found;
+            }
+            currentLevel = lodash.flatten(currentLevel.map(function (parent) { return parent.lineItems; }));
+        }
+        return;
     };
     var insertLineItem = function (lineItem, parentId, toInsert) {
         var insertData = lineItem.id === parentId ? [toInsert] : [];
@@ -1009,7 +1023,7 @@
     var getDefaultLineItem = function (context, uiDefinitionProperties) {
         var _a, _b, _c;
         var id = core.UUID.UUID();
-        var lineItem = Object.assign({ id: id, type: (_a = uiDefinitionProperties.rootType) !== null && _a !== void 0 ? _a : '', cfgStatus: 'Default', qty: 1, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b.displayName) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '' }, (context.offeringId
+        var lineItem = Object.assign({ id: id, type: (_a = uiDefinitionProperties.rootType) !== null && _a !== void 0 ? _a : '', cfgStatus: 'Default', actionCode: 'ADD', qty: 1, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b.displayName) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '' }, (context.offeringId
             ? { offeringId: context.offeringId, offeringInstanceId: context.offeringInstanceId || id }
             : {}));
         return lineItem;
@@ -1066,11 +1080,11 @@
         };
         return RuntimeContextService;
     }());
-    RuntimeContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: i2__namespace.MessageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RuntimeContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: i3__namespace.MessageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     RuntimeContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService, decorators: [{
                 type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }, { type: i2__namespace.MessageService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }, { type: i3__namespace.MessageService }]; } });
 
     var ConfigurationRuntimeService = /** @class */ (function () {
         function ConfigurationRuntimeService(apiService, contextService, runtimeContextService) {
@@ -1086,9 +1100,11 @@
             this._assets = undefined;
             this.uiDefinitionProperties = {};
         };
-        ConfigurationRuntimeService.prototype.initTestMode = function (modelId, uiDefinitionProperties) {
+        ConfigurationRuntimeService.prototype.initTestMode = function (modelId, uiDefinition) {
             var _this = this;
-            this.uiDefinitionProperties = uiDefinitionProperties;
+            var _a, _b;
+            this.uiDefinitionProperties = (_a = uiDefinition.properties) !== null && _a !== void 0 ? _a : {};
+            var uiDefinitionExternals = (_b = uiDefinition.externals) !== null && _b !== void 0 ? _b : {};
             return rxjs.combineLatest([
                 this.apiService.getRuntimeDataByModelId(modelId),
                 this.contextService.create('TestId', core.ConfigurationContextMode.TEST),
@@ -1101,8 +1117,8 @@
                     runtimeMode: i2.RuntimeMode.TEST,
                 };
                 _this.contextService.update({
-                    priceListId: uiDefinitionProperties.priceList,
-                    properties: Object.assign(Object.assign(Object.assign({}, (_a = _this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), configurationContext.properties), { ModelId: modelId, RuntimeMode: core.ConfigurationContextMode.TEST, PricingEnabled: String(uiDefinitionProperties.pricingEnabled), StartDate: new Date().toISOString().substring(0, 10), PriceListId: uiDefinitionProperties.priceList }),
+                    priceListId: _this.uiDefinitionProperties.priceList,
+                    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, (_a = _this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), configurationContext.properties), { ModelId: modelId, RuntimeMode: core.ConfigurationContextMode.TEST, PricingEnabled: String(_this.uiDefinitionProperties.pricingEnabled), StartDate: new Date().toISOString().substring(0, 10), PriceListId: _this.uiDefinitionProperties.priceList }), uiDefinitionExternals),
                 });
                 _this._isInitialized = true;
             }));
@@ -1165,11 +1181,11 @@
         });
         return ConfigurationRuntimeService;
     }());
-    ConfigurationRuntimeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: i2__namespace$1.ContextService }, { token: RuntimeContextService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ConfigurationRuntimeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: i2__namespace.ContextService }, { token: RuntimeContextService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     ConfigurationRuntimeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService, decorators: [{
                 type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }, { type: i2__namespace$1.ContextService }, { type: RuntimeContextService }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }, { type: i2__namespace.ContextService }, { type: RuntimeContextService }]; } });
 
     var ConfigurationService = /** @class */ (function () {
         function ConfigurationService(runtimeService, contextService, configurationApiService, messageService, dialogService) {
@@ -1306,11 +1322,11 @@
         };
         return ConfigurationService;
     }());
-    ConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService, deps: [{ token: ConfigurationRuntimeService }, { token: i2__namespace$1.ContextService }, { token: i1__namespace.ConfigurationApiService }, { token: i2__namespace.MessageService }, { token: i5__namespace.DialogService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService, deps: [{ token: ConfigurationRuntimeService }, { token: i2__namespace.ContextService }, { token: i1__namespace.ConfigurationApiService }, { token: i3__namespace.MessageService }, { token: i5__namespace.DialogService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     ConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService, decorators: [{
                 type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: i2__namespace$1.ContextService }, { type: i1__namespace.ConfigurationApiService }, { type: i2__namespace.MessageService }, { type: i5__namespace.DialogService }]; } });
+            }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: i2__namespace.ContextService }, { type: i1__namespace.ConfigurationApiService }, { type: i3__namespace.MessageService }, { type: i5__namespace.DialogService }]; } });
 
     var ElementRendererComponent = /** @class */ (function () {
         function ElementRendererComponent(parentInjector, dynamicModuleService, elementContext, ioProviderService, configurationService, elementRef, cdr) {
@@ -1762,11 +1778,220 @@
         DEFAULT: [],
     };
 
+    var FlowUpdateService = /** @class */ (function () {
+        function FlowUpdateService() {
+        }
+        FlowUpdateService.prototype.update = function (rootLineItem, params) {
+            switch (params.attributeType) {
+                case 'QTY':
+                    return this.updateQty(rootLineItem, params);
+                case 'START_DATE':
+                    return this.updateStartDate(rootLineItem, params);
+                case 'END_DATE':
+                    return this.updateEndDate(rootLineItem, params);
+                case 'PRICE_ADJUSTMENT':
+                    return this.updatePriceAdjustment(rootLineItem, params);
+                default:
+                    return rootLineItem;
+            }
+        };
+        FlowUpdateService.prototype.delete = function (lineItems, id) {
+            var filtered = lineItems.filter(function (lineItem) { return lineItem.id !== id; });
+            return filtered.map(function (lineItem) { return new LineItemWorker(lineItem).remove(id).li; });
+        };
+        FlowUpdateService.prototype.updateQty = function (rootLineItem, params) {
+            // change quantity allowed only for lineItem
+            if (params.dataType !== 'LINEITEM') {
+                return rootLineItem;
+            }
+            var lineItem = findLineItem(params.id, [rootLineItem]);
+            if (!lineItem) {
+                return rootLineItem;
+            }
+            if (lineItem.id !== rootLineItem.id) {
+                throw new Error('Quantity can be changed only for root product');
+            }
+            var updated = new LineItemWorker(rootLineItem).replace(Object.assign(Object.assign({}, lineItem), { qty: params.newValue }));
+            return updated.li;
+        };
+        FlowUpdateService.prototype.updateStartDate = function (rootLineItem, params) {
+            var lineItem = findLineItem(params.id, [rootLineItem]);
+            if (!lineItem) {
+                return rootLineItem;
+            }
+            var updated = new LineItemWorker(rootLineItem).replace(Object.assign(Object.assign({}, lineItem), { effectiveDate: moment__default["default"](params.newValue).format('YYYY-MM-DD') }));
+            return updated.li;
+        };
+        FlowUpdateService.prototype.updateEndDate = function (rootLineItem, params) {
+            var lineItem = findLineItem(params.id, [rootLineItem]);
+            if (!lineItem) {
+                return rootLineItem;
+            }
+            var updated = new LineItemWorker(rootLineItem).replace(Object.assign(Object.assign({}, lineItem), { endDate: moment__default["default"](params.newValue).format('YYYY-MM-DD') }));
+            return updated.li;
+        };
+        FlowUpdateService.prototype.updatePriceAdjustment = function (rootLineItem, params) {
+            var comparator = params.dataType === 'LINEITEM'
+                ? function (li) { return li.id === params.id; }
+                : params.dataType === 'CHARGE'
+                    ? function (li) { return li.chargeItems.some(function (_a) {
+                        var id = _a.id;
+                        return id === params.id;
+                    }); }
+                    : params.dataType === 'GROUP_CHARGE'
+                        ? function (li) { return li.chargeGroupItems.some(function (_a) {
+                            var id = _a.id;
+                            return id === params.id;
+                        }); }
+                        : undefined;
+            if (!comparator) {
+                return rootLineItem;
+            }
+            var lineItem = findLineItemWithComparator([rootLineItem], comparator);
+            if (!lineItem) {
+                return rootLineItem;
+            }
+            var updated;
+            if (params.dataType === 'LINEITEM') {
+                updated = Object.assign(Object.assign({}, lineItem), { chargeItems: lineItem.chargeItems.map(function (chargeItem, index) {
+                        return index === 0 ? Object.assign(Object.assign({}, chargeItem), { priceAdjustment: params.newValue }) : chargeItem;
+                    }) });
+            }
+            else if (params.dataType === 'CHARGE') {
+                updated = Object.assign(Object.assign({}, lineItem), { chargeItems: lineItem.chargeItems.map(function (chargeItem) {
+                        return chargeItem.id === params.id ? Object.assign(Object.assign({}, chargeItem), { priceAdjustment: params.newValue }) : chargeItem;
+                    }) });
+            }
+            else if (params.dataType === 'GROUP_CHARGE') {
+                updated = Object.assign(Object.assign({}, lineItem), { chargeGroupItems: lineItem.chargeGroupItems.map(function (chargeGroupItem) {
+                        return chargeGroupItem.id === params.id
+                            ? Object.assign(Object.assign({}, chargeGroupItem), { priceAdjustment: params.newValue }) : chargeGroupItem;
+                    }) });
+            }
+            var updatedRootLineItem = updated ? new LineItemWorker(rootLineItem).replace(updated).li : rootLineItem;
+            return updatedRootLineItem;
+        };
+        return FlowUpdateService;
+    }());
+    FlowUpdateService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowUpdateService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    FlowUpdateService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowUpdateService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowUpdateService, decorators: [{
+                type: i0.Injectable
+            }] });
+
+    var FlowConfigurationService = /** @class */ (function () {
+        function FlowConfigurationService(priceApiService, contextService, messageService, updateService) {
+            this.priceApiService = priceApiService;
+            this.contextService = contextService;
+            this.messageService = messageService;
+            this.updateService = updateService;
+            this.lineItems = new rxjs.BehaviorSubject([]);
+            this.charges = new rxjs.BehaviorSubject({});
+        }
+        FlowConfigurationService.prototype.reset = function () {
+            this.lineItems.next([]);
+            this.charges.next({});
+        };
+        FlowConfigurationService.prototype.calculate$ = function (currentState) {
+            var _this = this;
+            var context = this.contextService.resolve();
+            return this.priceApiService.calculate({ context: context, currentState: currentState }).pipe(rxjs.tap(function (result) {
+                _this.lineItems.next(result.lineItems);
+                _this.charges.next(result.charges);
+                if (context) {
+                    _this.contextService.update({ properties: context.properties });
+                }
+            }), rxjs.catchError(function (error) { return _this.handleError(error); }));
+        };
+        FlowConfigurationService.prototype.calculate = function (currentState) {
+            this.calculate$(currentState).subscribe();
+        };
+        FlowConfigurationService.prototype.update$ = function (params) {
+            var _this = this;
+            return rxjs.of([]).pipe(rxjs.map(function () { return _this.lineItems.value.map(function (li) { return _this.updateService.update(li, params); }); }), rxjs.catchError(function (error) { return _this.handleError(error); }), rxjs.switchMap(function (currentState) { return _this.calculate$(currentState); }));
+        };
+        FlowConfigurationService.prototype.update = function (params) {
+            this.update$(params).subscribe();
+        };
+        FlowConfigurationService.prototype.delete$ = function (id) {
+            var _this = this;
+            return rxjs.of([]).pipe(rxjs.map(function () { return _this.updateService.delete(_this.lineItems.value, id); }), rxjs.catchError(function (error) { return _this.handleError(error); }), rxjs.switchMap(function (currentState) { return _this.calculate$(currentState); }));
+        };
+        FlowConfigurationService.prototype.delete = function (id) {
+            this.delete$(id).subscribe();
+        };
+        FlowConfigurationService.prototype.get = function () {
+            return this.lineItems.asObservable().pipe(rxjs.shareReplay());
+        };
+        FlowConfigurationService.prototype.getSnapshot = function () {
+            return this.lineItems.value.slice();
+        };
+        Object.defineProperty(FlowConfigurationService.prototype, "charges$", {
+            get: function () {
+                return this.charges.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(FlowConfigurationService.prototype, "chargesSnapshot", {
+            get: function () {
+                return this.charges.value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(FlowConfigurationService.prototype, "contextSnapshot", {
+            get: function () {
+                return this.contextService.resolve();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(FlowConfigurationService.prototype, "context$", {
+            get: function () {
+                return this.contextService.resolve$();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FlowConfigurationService.prototype.handleError = function (error) {
+            console.error(error);
+            this.messageService.add({ severity: 'error', summary: error });
+            // bounce back if configuration call has failed
+            this.lineItems.next(this.lineItems.value.slice());
+            return rxjs.throwError(function () { return error; });
+        };
+        return FlowConfigurationService;
+    }());
+    FlowConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationService, deps: [{ token: i1__namespace.PriceApiService }, { token: i2__namespace.ContextService }, { token: i3__namespace.MessageService }, { token: FlowUpdateService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    FlowConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () { return [{ type: i1__namespace.PriceApiService }, { type: i2__namespace.ContextService }, { type: i3__namespace.MessageService }, { type: FlowUpdateService }]; } });
+
+    var FlowConfigurationModule = /** @class */ (function () {
+        function FlowConfigurationModule() {
+        }
+        return FlowConfigurationModule;
+    }());
+    FlowConfigurationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    FlowConfigurationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationModule });
+    FlowConfigurationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService, i2.ContextService, i1.PriceApiService] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        providers: [FlowConfigurationService, FlowUpdateService, i2.ContextService, i1.PriceApiService],
+                    }]
+            }] });
+
     var vlCmsModules = /*#__PURE__*/Object.freeze({
         __proto__: null,
         getDefaultLineItem: getDefaultLineItem,
         ConfigurationRuntimeService: ConfigurationRuntimeService,
-        ConfigurationService: ConfigurationService
+        ConfigurationService: ConfigurationService,
+        FlowConfigurationModule: FlowConfigurationModule,
+        FlowConfigurationService: FlowConfigurationService,
+        FlowUpdateService: FlowUpdateService
     });
 
     var InitAction = { type: 'INIT' };
@@ -1829,6 +2054,7 @@
         isValidScript: isValidScript,
         parseBoundPath: parseBoundPath,
         findLineItem: findLineItem,
+        findLineItemWithComparator: findLineItemWithComparator,
         insertLineItem: insertLineItem,
         removeLineItem: removeLineItem,
         replaceLineItem: replaceLineItem,
@@ -2051,7 +2277,6 @@
         };
         PreviewComponent.prototype.initializeConfiguration$ = function () {
             var _this = this;
-            var _a;
             var isAlreadyInitialized = this.runtimeService.isInitialized;
             if (!this.uiDefinition || this.uiDefinition.type !== 'CONFIGURATION' || isAlreadyInitialized) {
                 return rxjs.of({});
@@ -2061,9 +2286,8 @@
                 return rxjs.of({});
             }
             // If still not initialized - init configuration in Test mode
-            var uiDefinitionProps = (_a = this.uiDefinition.properties) !== null && _a !== void 0 ? _a : {};
             return this.runtimeService
-                .initTestMode(this.modelId, uiDefinitionProps)
+                .initTestMode(this.modelId, this.uiDefinition)
                 .pipe(rxjs.switchMap(function () { return _this.configurationService.configure(); }));
         };
         PreviewComponent.prototype.elementToMetadataSafe = function (elements) {
@@ -2101,7 +2325,7 @@
         };
         return PreviewComponent;
     }());
-    PreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i2__namespace.MessageService }, { token: ConfigurationRuntimeService }, { token: IntegrationState }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i3__namespace.MessageService }, { token: ConfigurationRuntimeService }, { token: IntegrationState }], target: i0__namespace.ɵɵFactoryTarget.Component });
     PreviewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: PreviewComponent, selector: "vl-cms-preview", inputs: { modelId: "modelId", uiDefinition: "uiDefinition", clearState: "clearState" }, providers: [IOProviderService, TemplatesService], ngImport: i0__namespace, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-element-renderer *ngFor=\"let el of elements\" [meta]=\"el\"></vl-cms-element-renderer>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: i6__namespace.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i8__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.ShadowDom });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewComponent, decorators: [{
                 type: i0.Component,
@@ -2114,7 +2338,7 @@
                         // use shadow DOM to prevent UI from being affected by global styles
                         encapsulation: i0.ViewEncapsulation.ShadowDom,
                     }]
-            }], ctorParameters: function () { return [{ type: LauncherService }, { type: ConfigurationService }, { type: i2__namespace.MessageService }, { type: ConfigurationRuntimeService }, { type: IntegrationState }]; }, propDecorators: { modelId: [{
+            }], ctorParameters: function () { return [{ type: LauncherService }, { type: ConfigurationService }, { type: i3__namespace.MessageService }, { type: ConfigurationRuntimeService }, { type: IntegrationState }]; }, propDecorators: { modelId: [{
                     type: i0.Input
                 }], uiDefinition: [{
                     type: i0.Input
@@ -2217,12 +2441,12 @@
         return LauncherModule;
     }());
     LauncherModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    LauncherModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, imports: [i8.CommonModule, core.CoreModule, i1.ApiModule, ConfigurationModule] });
-    LauncherModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, providers: [LauncherService, IntegrationState, DynamicModuleService, i5.DialogService], imports: [[i8.CommonModule, core.CoreModule, i1.ApiModule, ConfigurationModule]] });
+    LauncherModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, imports: [i8.CommonModule, core.CoreModule, i1.ApiModule, ConfigurationModule, FlowConfigurationModule] });
+    LauncherModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, providers: [LauncherService, IntegrationState, DynamicModuleService, i5.DialogService], imports: [[i8.CommonModule, core.CoreModule, i1.ApiModule, ConfigurationModule, FlowConfigurationModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [i8.CommonModule, core.CoreModule, i1.ApiModule, ConfigurationModule],
+                        imports: [i8.CommonModule, core.CoreModule, i1.ApiModule, ConfigurationModule, FlowConfigurationModule],
                         providers: [LauncherService, IntegrationState, DynamicModuleService, i5.DialogService],
                     }]
             }] });
@@ -2237,6 +2461,9 @@
     exports.ELEMENT_CONFIG = ELEMENT_CONFIG;
     exports.ELEMENT_METADATA = ELEMENT_METADATA;
     exports.ElementDefinition = ElementDefinition;
+    exports.FlowConfigurationModule = FlowConfigurationModule;
+    exports.FlowConfigurationService = FlowConfigurationService;
+    exports.FlowUpdateService = FlowUpdateService;
     exports.IntegrationState = IntegrationState;
     exports.LauncherModule = LauncherModule;
     exports.LauncherService = LauncherService;
@@ -2253,6 +2480,7 @@
     exports.extendElementMetadata = extendElementMetadata;
     exports.extractElementMetadata = extractElementMetadata;
     exports.findLineItem = findLineItem;
+    exports.findLineItemWithComparator = findLineItemWithComparator;
     exports.generateLineItem = generateLineItem;
     exports.getAttributeValue = getAttributeValue;
     exports.getAttributes = getAttributes;