@veloceapps/sdk 2.0.3 → 2.0.5

package/fesm2015/veloce-sdk-cms.js

@@ -2,23 +2,23 @@ import { __decorate, __param, __awaiter, __rest } from 'tslib';
 import * as i0 from '@angular/core';
 import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, Injectable, ViewContainerRef, SkipSelf, ViewChild, Input, Directive, EventEmitter, TemplateRef, Output, NgModule } from '@angular/core';
 import * as rxjs from 'rxjs';
-import { BehaviorSubject, combineLatest, of, shareReplay, throwError, Subject, takeUntil, map as map$1, from, tap as tap$1, forkJoin, catchError as catchError$1 } from 'rxjs';
-import { EntityUtil, UUID, ConfigurationMode, ConfigurationContextMode, RuntimeModel, CoreModule } from '@veloce/core';
-import * as i2 from '@veloce/sdk/runtime';
+import { BehaviorSubject, combineLatest, of, shareReplay, throwError, Subject, takeUntil, map as map$1, from, tap as tap$1, switchMap, forkJoin, catchError as catchError$1 } from 'rxjs';
+import * as i7 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as angularForms from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { EntityUtil, UUID, RuntimeModel, ConfigurationContextMode, SalesforceIdUtils, ConfigurationMode, CoreModule } from '@veloce/core';
+import * as lodash from 'lodash';
+import { compact, sortBy, merge, isArray, pull, flatten, set } from 'lodash';
+import * as i2$1 from '@veloce/sdk/runtime';
 import { RuntimeMode, RuntimeStep, ContextService } from '@veloce/sdk/runtime';
 import * as rxjsOperators from 'rxjs/operators';
-import { first, switchMap, catchError, map, tap } from 'rxjs/operators';
-import * as lodash from 'lodash';
-import { compact, sortBy, isArray, pull, flatten, set } from 'lodash';
+import { map, first, tap, catchError } from 'rxjs/operators';
 import * as i1 from '@veloce/api';
 import { SalesforceApiService, QuoteApiService, ContextApiService, ProductModelApiService, ConfigurationApiService } from '@veloce/api';
-import * as i3 from 'primeng/api';
-import * as i6 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import * as angularForms from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
+import * as i2 from 'primeng/api';
 import { transform } from '@babel/standalone';
-import * as i4 from '@veloce/components';
+import * as i5 from '@veloce/components';
 import { LoaderModule } from '@veloce/components';
 
 const DEFAULT_PLUGINS_TOKEN = new InjectionToken('DEFAULT_PLUGINS_TOKEN');
@@ -79,6 +79,212 @@ ElementComponent = __decorate([
     __param(0, Inject(Injector))
 ], ElementComponent);
 
+const parsePath = (path) => {
+    var _a, _b, _c, _d;
+    const segments = path.split('/');
+    let module;
+    let variable;
+    if ((_a = segments[0]) === null || _a === void 0 ? void 0 : _a.startsWith('@')) {
+        module = (_b = segments.shift()) === null || _b === void 0 ? void 0 : _b.substring(1);
+    }
+    if (((_c = segments[segments.length - 1]) === null || _c === void 0 ? void 0 : _c[0]) === ':') {
+        variable = (_d = segments.pop()) === null || _d === void 0 ? void 0 : _d.substring(1);
+    }
+    return {
+        segments,
+        module,
+        variable,
+    };
+};
+const findElementByModule = (elements, module, elementName) => {
+    for (const el of elements) {
+        if (el.module === module && el.name === elementName) {
+            return el;
+        }
+        const child = findElementByModule(el.children, module, elementName);
+        if (child) {
+            return child;
+        }
+    }
+    return;
+};
+const getAbsolutePath = (elements, subject, path) => {
+    var _a, _b, _c, _d;
+    if (path.module) {
+        return (_a = findElementByModule(elements, path.module, path.segments[0])) === null || _a === void 0 ? void 0 : _a.path;
+    }
+    const subjectSegments = (_c = (_b = subject.path) === null || _b === void 0 ? void 0 : _b.split('/')) !== null && _c !== void 0 ? _c : [];
+    const isRelativePath = ((_d = path.segments[0]) === null || _d === void 0 ? void 0 : _d[0]) === '.';
+    if (!isRelativePath) {
+        return path.segments.join('/');
+    }
+    const segments = [...path.segments];
+    while (segments.length) {
+        const segment = segments.shift();
+        if (segment === '..') {
+            subjectSegments.pop();
+        }
+        else if (segment) {
+            subjectSegments.push(segment);
+        }
+    }
+    return subjectSegments.join('/');
+};
+
+class DynamicModuleService {
+    constructor() {
+        this._elementsTree = [];
+        this._componentFactories = [];
+    }
+    set componentFactories(data) {
+        this._componentFactories = data;
+    }
+    get componentFactories() {
+        return this._componentFactories;
+    }
+    getComponentFactory(element) {
+        return this.componentFactories.find(f => f.componentType.path === element.path);
+    }
+    get elementsTree() {
+        return this._elementsTree;
+    }
+    set elementsTree(tree) {
+        this._elementsTree = tree;
+    }
+    clear() {
+        this._elementsTree = [];
+        this.componentFactories = [];
+    }
+}
+DynamicModuleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicModuleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DynamicModuleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicModuleService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicModuleService, decorators: [{
+            type: Injectable
+        }] });
+
+class IOProviderService {
+    constructor(dynamicModuleService) {
+        this.dynamicModuleService = dynamicModuleService;
+        this.inputs = {};
+    }
+    connect(el, name, target) {
+        var _a;
+        return (_a = this.resolveTarget(el, name, target)) === null || _a === void 0 ? void 0 : _a.asObservable();
+    }
+    provide(el, name, target) {
+        return this.resolveTarget(el, name, target);
+    }
+    resolveTarget(el, name, target) {
+        var _a, _b;
+        const isHost = !target;
+        if (isHost) {
+            return this.createSubjectSafe((_a = el.path) !== null && _a !== void 0 ? _a : '', name);
+        }
+        const elPath = parsePath(target);
+        const pathIsValue = elPath.segments.length === 1 && elPath.segments[0].startsWith('"') && elPath.segments[0].endsWith('"');
+        const finalName = (_b = elPath.variable) !== null && _b !== void 0 ? _b : name;
+        const value = pathIsValue ? new BehaviorSubject(elPath.segments[0].slice(1, -1)) : undefined;
+        const absolutePath = !pathIsValue ? getAbsolutePath(this.dynamicModuleService.elementsTree, el, elPath) : el.path;
+        return this.createSubjectSafe(absolutePath !== null && absolutePath !== void 0 ? absolutePath : '', finalName, value);
+    }
+    createSubjectSafe(path, name, subject) {
+        if (!this.inputs[path]) {
+            this.inputs[path] = {};
+        }
+        if (!this.inputs[path][name]) {
+            this.inputs[path][name] = subject !== null && subject !== void 0 ? subject : new BehaviorSubject(undefined);
+        }
+        return this.inputs[path][name];
+    }
+}
+IOProviderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOProviderService, deps: [{ token: DynamicModuleService }], target: i0.ɵɵFactoryTarget.Injectable });
+IOProviderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOProviderService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOProviderService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: DynamicModuleService }]; } });
+
+class TemplatesService {
+    constructor() {
+        this.templates = {};
+    }
+    register(name, templateRef) {
+        this.templates[name] = templateRef;
+    }
+    get(name) {
+        return this.templates[name];
+    }
+}
+TemplatesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplatesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TemplatesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplatesService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplatesService, decorators: [{
+            type: Injectable
+        }] });
+
+const EXPORTED_CLASS_REGEX = /export class (\S+)/;
+const METADATA_DECORATOR_REGEX = /@ElementDefinition\(([\s\S]+)\)(\n|.)*export class/g;
+const elementToMetadata = (el, parentPath) => {
+    var _a;
+    const script = el.script && window.atob(el.script);
+    const template = el.template && window.atob(el.template);
+    const styles = el.styles && window.atob(el.styles);
+    const exportedClassName = script && ((_a = EXPORTED_CLASS_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
+    if (!exportedClassName) {
+        console.error("Script doesn't have exported class");
+    }
+    const elementMetadata = extractElementMetadata(script || '');
+    const path = (parentPath ? parentPath + '/' : '') + elementMetadata.name;
+    return Object.assign(Object.assign({}, elementMetadata), { path, script: script === null || script === void 0 ? void 0 : script.replace(METADATA_DECORATOR_REGEX, 'export class'), template,
+        styles, children: el.children.map(child => elementToMetadata(child, path)) });
+};
+const metadataToElement = (metadata) => {
+    const elMetadata = {
+        name: metadata.name,
+        type: metadata.type,
+        model: metadata.model,
+        module: metadata.module,
+        reference: metadata.reference,
+        inputs: metadata.inputs,
+        outputs: metadata.outputs,
+        children: metadata.children.map(({ name }) => name),
+    };
+    const script = metadata.script &&
+        window.btoa(metadata.script.replace(EXPORTED_CLASS_REGEX, `@ElementDefinition(${JSON.stringify(elMetadata)}) export class Script`));
+    const template = metadata.template && window.btoa(metadata.template);
+    const styles = metadata.styles && window.btoa(metadata.styles);
+    return {
+        script,
+        template,
+        styles,
+        children: metadata.children.map(meta => metadataToElement(meta)),
+    };
+};
+const extractElementMetadata = (script) => {
+    var _a;
+    const metadataString = ((_a = METADATA_DECORATOR_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
+    // need to reset regex last index to prevent null result for next execution
+    METADATA_DECORATOR_REGEX.lastIndex = 0;
+    return eval(`(${metadataString})`);
+};
+const extendElementMetadata = (script, extend) => {
+    var _a;
+    const metadataString = ((_a = METADATA_DECORATOR_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
+    // need to reset regex last index to prevent null result for next execution
+    METADATA_DECORATOR_REGEX.lastIndex = 0;
+    if (!metadataString) {
+        return script;
+    }
+    const updated = Object.assign(Object.assign({}, eval(`(${metadataString})`)), extend);
+    return script.replace(metadataString, JSON.stringify(updated));
+};
+
+class ElementContextService {
+}
+ElementContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ElementContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementContextService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementContextService, decorators: [{
+            type: Injectable
+        }] });
+
 const parseBoundPath = (path) => {
     var _a, _b;
     const regexp = new RegExp(`(?:\\/)(?:\\w+)(?:\\/)(?:ports|attributes)(?:\\/)(?:\\w+)|(?:\\/)(?:\\w+)`, 'g');
@@ -206,38 +412,148 @@ const getDefaultLineItem = (context, uiDefinitionProperties) => {
     return lineItem;
 };
 
-class ConfigurationService {
-    constructor(apiService, contextService, configurationApiService, messageService) {
-        this.apiService = apiService;
-        this.contextService = contextService;
+class RuntimeContextService {
+    constructor(configurationApiService, messageService) {
         this.configurationApiService = configurationApiService;
         this.messageService = messageService;
-        this.mode = ConfigurationMode.SEARCH;
-        this.states = {};
+    }
+    getRuntimeContext(productId, offeringId) {
+        return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(map(runtimeData => {
+            var _a, _b;
+            const uiDefinition = this.getUIDefinition(runtimeData);
+            const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
+            const { productName, properties } = (_a = Array.from(runtimeModel.components.values()).find(c => c.productId === productId)) !== null && _a !== void 0 ? _a : {};
+            return {
+                modelId: runtimeData.modelId,
+                uiDefinition: uiDefinition,
+                runtimeModel: runtimeModel,
+                runtimeMode: RuntimeMode.PROD,
+                productId: productId,
+                productType: (properties === null || properties === void 0 ? void 0 : properties.displayName) || productName,
+                offeringId: offeringId,
+                properties: {
+                    PricingEnabled: (_b = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _b === void 0 ? void 0 : _b.pricingEnabled,
+                },
+            };
+        }));
+    }
+    getUIDefinition(runtimeData) {
+        var _a;
+        let rawUiDefinitions;
+        try {
+            rawUiDefinitions = JSON.parse(runtimeData.uiDefinitionsSource);
+        }
+        catch (e) {
+            return;
+        }
+        const uiDefinitions = rawUiDefinitions.filter(uiDef => uiDef.version);
+        const uiDefinition = (_a = uiDefinitions.find(uiDef => uiDef.primary)) !== null && _a !== void 0 ? _a : uiDefinitions[0];
+        if (!uiDefinition) {
+            const errMsg = `Unable to find Default UI`;
+            this.messageService.add({
+                severity: 'error',
+                summary: 'ERROR',
+            });
+            throw new Error(errMsg);
+        }
+        return uiDefinition;
+    }
+}
+RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }, { token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
+RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RuntimeContextService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RuntimeContextService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: i2.MessageService }]; } });
+
+class ConfigurationRuntimeService {
+    constructor(apiService, contextService, runtimeContextService) {
+        this.apiService = apiService;
+        this.contextService = contextService;
+        this.runtimeContextService = runtimeContextService;
+        this._isInitialized = new BehaviorSubject(false);
         this.uiDefinitionProperties = {};
-        this.lineItem = new BehaviorSubject(undefined);
     }
-    init(modelId, uiDefinitionProperties) {
+    initTestMode(modelId, uiDefinitionProperties) {
         this.uiDefinitionProperties = uiDefinitionProperties;
         return combineLatest([
             this.apiService.getRuntimeDataByModelId(modelId),
             this.contextService.create('TestId', ConfigurationContextMode.TEST),
-        ]).pipe(first(), switchMap(([runtimeData]) => {
-            this.runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
+        ]).pipe(first(), tap(([runtimeData]) => {
+            const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
             const runtimeContext = {
                 modelId: modelId,
-                runtimeModel: this.runtimeModel,
+                runtimeModel,
                 runtimeMode: RuntimeMode.TEST,
             };
-            this.runtimeContext = runtimeContext;
-            return this.configure();
+            this._runtimeContext = runtimeContext;
+            this._isInitialized.next(true);
         }));
     }
+    init(props) {
+        this._assets = props.assets;
+        const configurationContext = this.contextService.resolve();
+        if (!configurationContext) {
+            return of();
+        }
+        return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(tap(runtimeContext => {
+            var _a, _b, _c;
+            this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {};
+            const mergeContext = Object.assign(Object.assign({}, runtimeContext), { properties: Object.assign(Object.assign({}, runtimeContext.properties), configurationContext.properties) });
+            const accountId = (_c = mergeContext.properties) === null || _c === void 0 ? void 0 : _c.AccountId;
+            if (accountId && accountId.length === 15) {
+                this.patchContext(mergeContext, {
+                    properties: { AccountId: SalesforceIdUtils.generateId18FromId15(accountId) },
+                });
+            }
+            this._runtimeContext = mergeContext;
+            this._isInitialized.next(true);
+        }));
+    }
+    patchContext(context, patch) {
+        merge(context, patch);
+    }
+    getAsset(lineItem) {
+        return this._assets && this._assets.find(a => a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId);
+    }
+    get isInitialized$() {
+        return this._isInitialized.asObservable();
+    }
+    get isInitialized() {
+        return this._isInitialized.getValue();
+    }
+    get runtimeModel() {
+        var _a;
+        return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
+    }
+    get runtimeContext() {
+        return this._runtimeContext;
+    }
+}
+ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationRuntimeService, deps: [{ token: i1.ConfigurationApiService }, { token: i2$1.ContextService }, { token: RuntimeContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationRuntimeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationRuntimeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationRuntimeService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: i2$1.ContextService }, { type: RuntimeContextService }]; } });
+
+class ConfigurationService {
+    constructor(runtimeService, contextService, configurationApiService, messageService) {
+        this.runtimeService = runtimeService;
+        this.contextService = contextService;
+        this.configurationApiService = configurationApiService;
+        this.messageService = messageService;
+        this.mode = ConfigurationMode.SEARCH;
+        this.states = {};
+        this.lineItem = new BehaviorSubject(undefined);
+        this.charges = new BehaviorSubject({});
+    }
     patch(lineItem) {
         if (!this.lineItem.value) {
             return;
         }
         this.states.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem).li;
+        this.states.asset = this.states.configurableRamp
+            ? this.runtimeService.getAsset(this.states.configurableRamp)
+            : undefined;
         this.configure()
             .pipe(catchError(error => {
             this.messageService.add({
@@ -250,50 +566,62 @@ class ConfigurationService {
         }))
             .subscribe();
     }
+    updateCurrentStates(update) {
+        this.states = Object.assign(Object.assign({}, this.states), update);
+    }
     get() {
-        var _a;
-        return (_a = this.lineItem) === null || _a === void 0 ? void 0 : _a.asObservable().pipe(shareReplay());
+        return this.lineItem.asObservable().pipe(shareReplay());
     }
     getSnapshot() {
         return this.lineItem.value ? Object.assign({}, this.lineItem.value) : undefined;
     }
     getRuntimeModel() {
-        return this.runtimeModel;
+        return this.runtimeService.runtimeModel;
     }
     getRuntimeContext() {
-        return this.runtimeContext;
+        return this.runtimeService.runtimeContext;
+    }
+    get charges$() {
+        return this.charges.asObservable();
+    }
+    get chargesSnapshot() {
+        return this.charges.value;
     }
     configure() {
-        var _a, _b;
-        if (!this.runtimeContext || !this.runtimeModel) {
+        var _a, _b, _c, _d;
+        const runtimeContext = this.getRuntimeContext();
+        const runtimeModel = this.getRuntimeModel();
+        if (!runtimeContext || !runtimeModel) {
             return of(undefined);
         }
-        const lineItem = (_a = this.states.configurableRamp) !== null && _a !== void 0 ? _a : getDefaultLineItem(this.runtimeContext, this.uiDefinitionProperties);
+        const uiDefinitionProperties = Object.assign(Object.assign({}, ((_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {})), ((_c = this.runtimeService.uiDefinitionProperties) !== null && _c !== void 0 ? _c : {}));
+        const lineItem = (_d = this.states.configurableRamp) !== null && _d !== void 0 ? _d : getDefaultLineItem(runtimeContext, uiDefinitionProperties);
         const configurationRequest = this.createRequest(lineItem);
         configurationRequest.lineItems = this.states.currentState || [];
         configurationRequest.asset = this.states.asset;
-        const runtimeModel = (_b = this.runtimeContext) === null || _b === void 0 ? void 0 : _b.runtimeModel;
         let request$;
-        if (this.uiDefinitionProperties.pricingEnabled) {
-            request$ = this.configurationApiService.configureAndPriceLineItem(configurationRequest, this.runtimeModel).pipe(map(({ lineItem, context }) => {
+        if (uiDefinitionProperties.pricingEnabled) {
+            request$ = this.configurationApiService.configureAndPriceLineItem(configurationRequest, runtimeModel).pipe(map(({ lineItem, context, charges }) => {
                 if (context) {
                     this.contextService.update({ properties: context.properties });
                 }
+                this.charges.next(charges !== null && charges !== void 0 ? charges : {});
                 return lineItem;
             }));
         }
         else {
             request$ = this.configurationApiService.configureLineItem(configurationRequest, runtimeModel);
         }
-        return request$.pipe(tap(lineItem => { var _a; return lineItem && ((_a = this.lineItem) === null || _a === void 0 ? void 0 : _a.next(lineItem)); }), catchError(error => throwError(() => { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || error.message || JSON.stringify(error)); })));
+        return request$.pipe(tap(lineItem => lineItem && this.lineItem.next(lineItem)), catchError(error => throwError(() => { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || error.message || JSON.stringify(error)); })));
     }
     createRequest(lineItem) {
         var _a, _b, _c;
-        const runtimeContext = this.runtimeContext;
+        const runtimeContext = this.getRuntimeContext();
+        const { uiDefinitionProperties } = this.runtimeService;
         if (runtimeContext.runtimeMode === RuntimeMode.TEST) {
-            const properties = Object.assign(Object.assign({}, runtimeContext.properties), { ModelId: runtimeContext.modelId, RuntimeMode: ConfigurationContextMode.TEST, PricingEnabled: String(this.uiDefinitionProperties.pricingEnabled), StartDate: (_b = (_a = runtimeContext.properties) === null || _a === void 0 ? void 0 : _a.StartDate) !== null && _b !== void 0 ? _b : new Date().toISOString().substring(0, 10), PriceListId: this.uiDefinitionProperties.priceList });
+            const properties = Object.assign(Object.assign({}, runtimeContext.properties), { ModelId: runtimeContext.modelId, RuntimeMode: ConfigurationContextMode.TEST, PricingEnabled: String(uiDefinitionProperties.pricingEnabled), StartDate: (_b = (_a = runtimeContext.properties) === null || _a === void 0 ? void 0 : _a.StartDate) !== null && _b !== void 0 ? _b : new Date().toISOString().substring(0, 10), PriceListId: uiDefinitionProperties.priceList });
             const ctx = {
-                priceListId: this.uiDefinitionProperties.priceList,
+                priceListId: uiDefinitionProperties.priceList,
                 properties,
             };
             this.contextService.update(ctx);
@@ -302,7 +630,8 @@ class ConfigurationService {
             const context = this.contextService.resolve();
             if ((context === null || context === void 0 ? void 0 : context.properties) && ((_c = runtimeContext.properties) === null || _c === void 0 ? void 0 : _c.StartDate)) {
                 this.contextService.update({
-                    properties: Object.assign(Object.assign({}, context.properties), runtimeContext.properties),
+                    priceListId: uiDefinitionProperties.priceList,
+                    properties: Object.assign(Object.assign(Object.assign({}, context.properties), runtimeContext.properties), { PricingEnabled: String(uiDefinitionProperties.pricingEnabled), PriceListId: uiDefinitionProperties.priceList }),
                 });
             }
         }
@@ -315,217 +644,11 @@ class ConfigurationService {
         };
     }
 }
-ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService, deps: [{ token: i1.ConfigurationApiService }, { token: i2.ContextService }, { token: i1.ConfigurationApiService }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: i2.ContextService }, { type: i1.ConfigurationApiService }, { type: i3.MessageService }]; } });
-
-const parsePath = (path) => {
-    var _a, _b, _c, _d;
-    const segments = path.split('/');
-    let module;
-    let variable;
-    if ((_a = segments[0]) === null || _a === void 0 ? void 0 : _a.startsWith('@')) {
-        module = (_b = segments.shift()) === null || _b === void 0 ? void 0 : _b.substring(1);
-    }
-    if (((_c = segments[segments.length - 1]) === null || _c === void 0 ? void 0 : _c[0]) === ':') {
-        variable = (_d = segments.pop()) === null || _d === void 0 ? void 0 : _d.substring(1);
-    }
-    return {
-        segments,
-        module,
-        variable,
-    };
-};
-const findElementByModule = (elements, module, elementName) => {
-    for (const el of elements) {
-        if (el.module === module && el.name === elementName) {
-            return el;
-        }
-        const child = findElementByModule(el.children, module, elementName);
-        if (child) {
-            return child;
-        }
-    }
-    return;
-};
-const getAbsolutePath = (elements, subject, path) => {
-    var _a, _b, _c, _d;
-    if (path.module) {
-        return (_a = findElementByModule(elements, path.module, path.segments[0])) === null || _a === void 0 ? void 0 : _a.path;
-    }
-    const subjectSegments = (_c = (_b = subject.path) === null || _b === void 0 ? void 0 : _b.split('/')) !== null && _c !== void 0 ? _c : [];
-    const isRelativePath = ((_d = path.segments[0]) === null || _d === void 0 ? void 0 : _d[0]) === '.';
-    if (!isRelativePath) {
-        return path.segments.join('/');
-    }
-    const segments = [...path.segments];
-    while (segments.length) {
-        const segment = segments.shift();
-        if (segment === '..') {
-            subjectSegments.pop();
-        }
-        else if (segment) {
-            subjectSegments.push(segment);
-        }
-    }
-    return subjectSegments.join('/');
-};
-
-class DynamicModuleService {
-    constructor() {
-        this._elementsTree = [];
-        this._componentFactories = [];
-    }
-    set componentFactories(data) {
-        this._componentFactories = data;
-    }
-    get componentFactories() {
-        return this._componentFactories;
-    }
-    getComponentFactory(element) {
-        return this.componentFactories.find(f => f.componentType.path === element.path);
-    }
-    get elementsTree() {
-        return this._elementsTree;
-    }
-    set elementsTree(tree) {
-        this._elementsTree = tree;
-    }
-    clear() {
-        this._elementsTree = [];
-        this.componentFactories = [];
-    }
-}
-DynamicModuleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: DynamicModuleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DynamicModuleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: DynamicModuleService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: DynamicModuleService, decorators: [{
-            type: Injectable
-        }] });
-
-class IOProviderService {
-    constructor(dynamicModuleService) {
-        this.dynamicModuleService = dynamicModuleService;
-        this.inputs = {};
-    }
-    connect(el, name, target) {
-        var _a;
-        return (_a = this.resolveTarget(el, name, target)) === null || _a === void 0 ? void 0 : _a.asObservable();
-    }
-    provide(el, name, target) {
-        return this.resolveTarget(el, name, target);
-    }
-    resolveTarget(el, name, target) {
-        var _a, _b;
-        const isHost = !target;
-        if (isHost) {
-            return this.createSubjectSafe((_a = el.path) !== null && _a !== void 0 ? _a : '', name);
-        }
-        const elPath = parsePath(target);
-        const pathIsValue = elPath.segments.length === 1 && elPath.segments[0].startsWith('"') && elPath.segments[0].endsWith('"');
-        const finalName = (_b = elPath.variable) !== null && _b !== void 0 ? _b : name;
-        const value = pathIsValue ? new BehaviorSubject(elPath.segments[0].slice(1, -1)) : undefined;
-        const absolutePath = !pathIsValue ? getAbsolutePath(this.dynamicModuleService.elementsTree, el, elPath) : el.path;
-        return this.createSubjectSafe(absolutePath !== null && absolutePath !== void 0 ? absolutePath : '', finalName, value);
-    }
-    createSubjectSafe(path, name, subject) {
-        if (!this.inputs[path]) {
-            this.inputs[path] = {};
-        }
-        if (!this.inputs[path][name]) {
-            this.inputs[path][name] = subject !== null && subject !== void 0 ? subject : new BehaviorSubject(undefined);
-        }
-        return this.inputs[path][name];
-    }
-}
-IOProviderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: IOProviderService, deps: [{ token: DynamicModuleService }], target: i0.ɵɵFactoryTarget.Injectable });
-IOProviderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: IOProviderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: IOProviderService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: DynamicModuleService }]; } });
-
-class TemplatesService {
-    constructor() {
-        this.templates = {};
-    }
-    register(name, templateRef) {
-        this.templates[name] = templateRef;
-    }
-    get(name) {
-        return this.templates[name];
-    }
-}
-TemplatesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TemplatesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TemplatesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TemplatesService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TemplatesService, decorators: [{
-            type: Injectable
-        }] });
-
-const EXPORTED_CLASS_REGEX = /export class (\S+)/;
-const METADATA_DECORATOR_REGEX = /@ElementDefinition\(([\s\S]+)\)(\n|.)*export class/g;
-const elementToMetadata = (el, parentPath) => {
-    var _a;
-    const script = el.script && window.atob(el.script);
-    const template = el.template && window.atob(el.template);
-    const styles = el.styles && window.atob(el.styles);
-    const exportedClassName = script && ((_a = EXPORTED_CLASS_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
-    if (!exportedClassName) {
-        console.error("Script doesn't have exported class");
-    }
-    const elementMetadata = extractElementMetadata(script || '');
-    const path = (parentPath ? parentPath + '/' : '') + elementMetadata.name;
-    return Object.assign(Object.assign({}, elementMetadata), { path, script: script === null || script === void 0 ? void 0 : script.replace(METADATA_DECORATOR_REGEX, 'export class'), template,
-        styles, children: el.children.map(child => elementToMetadata(child, path)) });
-};
-const metadataToElement = (metadata) => {
-    const elMetadata = {
-        name: metadata.name,
-        type: metadata.type,
-        model: metadata.model,
-        module: metadata.module,
-        reference: metadata.reference,
-        inputs: metadata.inputs,
-        outputs: metadata.outputs,
-        children: metadata.children.map(({ name }) => name),
-    };
-    const script = metadata.script &&
-        window.btoa(metadata.script.replace(EXPORTED_CLASS_REGEX, `@ElementDefinition(${JSON.stringify(elMetadata)}) export class Script`));
-    const template = metadata.template && window.btoa(metadata.template);
-    const styles = metadata.styles && window.btoa(metadata.styles);
-    return {
-        script,
-        template,
-        styles,
-        children: metadata.children.map(meta => metadataToElement(meta)),
-    };
-};
-const extractElementMetadata = (script) => {
-    var _a;
-    const metadataString = ((_a = METADATA_DECORATOR_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
-    // need to reset regex last index to prevent null result for next execution
-    METADATA_DECORATOR_REGEX.lastIndex = 0;
-    return eval(`(${metadataString})`);
-};
-const extendElementMetadata = (script, extend) => {
-    var _a;
-    const metadataString = ((_a = METADATA_DECORATOR_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
-    // need to reset regex last index to prevent null result for next execution
-    METADATA_DECORATOR_REGEX.lastIndex = 0;
-    if (!metadataString) {
-        return script;
-    }
-    const updated = Object.assign(Object.assign({}, eval(`(${metadataString})`)), extend);
-    return script.replace(metadataString, JSON.stringify(updated));
-};
-
-class ElementContextService {
-}
-ElementContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ElementContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementContextService, decorators: [{
+ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationService, deps: [{ token: ConfigurationRuntimeService }, { token: i2$1.ContextService }, { token: i1.ConfigurationApiService }, { token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationService, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: i2$1.ContextService }, { type: i1.ConfigurationApiService }, { type: i2.MessageService }]; } });
 
 class ElementRendererComponent {
     constructor(parentInjector, dynamicModuleService, elementContext, ioProviderService, configurationService, elementRef, cdr) {
@@ -639,9 +762,9 @@ class ElementRendererComponent {
         this.refs = {};
     }
 }
-ElementRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementRendererComponent, deps: [{ token: i0.Injector, skipSelf: true }, { token: DynamicModuleService }, { token: ElementContextService }, { token: IOProviderService }, { token: ConfigurationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ElementRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementRendererComponent, decorators: [{
+ElementRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementRendererComponent, deps: [{ token: i0.Injector, skipSelf: true }, { token: DynamicModuleService }, { token: ElementContextService }, { token: IOProviderService }, { token: ConfigurationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ElementRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'vl-cms-element-renderer',
@@ -665,9 +788,9 @@ class ElementChildrenComponent {
         this.metadata = this.elementContext.metadata;
     }
 }
-ElementChildrenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenComponent, deps: [{ token: ElementContextService }], target: i0.ɵɵFactoryTarget.Component });
-ElementChildrenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: ElementChildrenComponent, selector: "element-children", ngImport: i0, template: "<ng-container *ngIf=\"metadata?.children.length\">\n  <ng-container *ngFor=\"let child of metadata.children\">\n    <vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], components: [{ type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenComponent, decorators: [{
+ElementChildrenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementChildrenComponent, deps: [{ token: ElementContextService }], target: i0.ɵɵFactoryTarget.Component });
+ElementChildrenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ElementChildrenComponent, selector: "element-children", ngImport: i0, template: "<ng-container *ngIf=\"metadata?.children.length\">\n  <ng-container *ngFor=\"let child of metadata.children\">\n    <vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], components: [{ type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementChildrenComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -691,9 +814,9 @@ class CustomTemplateDirective {
         this.templatesService.register(this.customTemplate, this.templateRef);
     }
 }
-CustomTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: CustomTemplateDirective, deps: [{ token: i0.TemplateRef }, { token: TemplatesService }], target: i0.ɵɵFactoryTarget.Directive });
-CustomTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: CustomTemplateDirective, selector: "[customTemplate]", inputs: { customTemplate: "customTemplate" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: CustomTemplateDirective, decorators: [{
+CustomTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomTemplateDirective, deps: [{ token: i0.TemplateRef }, { token: TemplatesService }], target: i0.ɵɵFactoryTarget.Directive });
+CustomTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CustomTemplateDirective, selector: "[customTemplate]", inputs: { customTemplate: "customTemplate" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomTemplateDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[customTemplate]' }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: TemplatesService }]; }, propDecorators: { customTemplate: [{
@@ -784,15 +907,16 @@ class ConfigurationPlugin {
         return this.host;
     }
 }
-ConfigurationPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationPlugin, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-ConfigurationPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: ConfigurationPlugin, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationPlugin, decorators: [{
+ConfigurationPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationPlugin, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+ConfigurationPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ConfigurationPlugin, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationPlugin, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: undefined }]; } });
 
 var vlCmsModules = /*#__PURE__*/Object.freeze({
     __proto__: null,
     getDefaultLineItem: getDefaultLineItem,
+    ConfigurationRuntimeService: ConfigurationRuntimeService,
     ConfigurationService: ConfigurationService
 });
 
@@ -868,9 +992,9 @@ class ScriptPlugin {
         this.document.body.removeChild(script);
     }
 }
-ScriptPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ScriptPlugin, deps: [{ token: ElementComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ScriptPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: ScriptPlugin, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ScriptPlugin, decorators: [{
+ScriptPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScriptPlugin, deps: [{ token: ElementComponent }], target: i0.ɵɵFactoryTarget.Directive });
+ScriptPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ScriptPlugin, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScriptPlugin, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: ElementComponent }]; } });
 
@@ -905,9 +1029,9 @@ class IOPlugin {
         });
     }
 }
-IOPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: IOPlugin, deps: [{ token: ElementComponent }], target: i0.ɵɵFactoryTarget.Directive });
-IOPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: IOPlugin, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: IOPlugin, decorators: [{
+IOPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOPlugin, deps: [{ token: ElementComponent }], target: i0.ɵɵFactoryTarget.Directive });
+IOPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: IOPlugin, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOPlugin, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: ElementComponent }]; } });
 
@@ -1093,9 +1217,9 @@ class FederatedComponent {
         this.instance.ngOnChanges(changes);
     }
 }
-FederatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FederatedComponent, deps: [{ token: i0.Injector }, { token: i0.Compiler }, { token: i0.ApplicationRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FederatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: FederatedComponent, selector: "veloce-host-federated", inputs: { remoteEntry: "remoteEntry", remoteName: "remoteName", exposedModule: "exposedModule", data: "data", eventData: "eventData" }, outputs: { integrationEvent: "integrationEvent" }, viewQueries: [{ propertyName: "federatedComponent", first: true, predicate: ["federatedComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "foo", first: true, predicate: ["foo"], descendants: true, read: TemplateRef }, { propertyName: "moduleHostRef", first: true, predicate: ["moduleHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #moduleHost></div>\n", styles: [":host{display:block}div{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FederatedComponent, decorators: [{
+FederatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FederatedComponent, deps: [{ token: i0.Injector }, { token: i0.Compiler }, { token: i0.ApplicationRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+FederatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FederatedComponent, selector: "veloce-host-federated", inputs: { remoteEntry: "remoteEntry", remoteName: "remoteName", exposedModule: "exposedModule", data: "data", eventData: "eventData" }, outputs: { integrationEvent: "integrationEvent" }, viewQueries: [{ propertyName: "federatedComponent", first: true, predicate: ["federatedComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "foo", first: true, predicate: ["foo"], descendants: true, read: TemplateRef }, { propertyName: "moduleHostRef", first: true, predicate: ["moduleHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #moduleHost></div>\n", styles: [":host{display:block}div{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FederatedComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -1129,10 +1253,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
 
 class FederatedModule {
 }
-FederatedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FederatedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FederatedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FederatedModule, declarations: [FederatedComponent], exports: [FederatedComponent] });
-FederatedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FederatedModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FederatedModule, decorators: [{
+FederatedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FederatedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FederatedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FederatedModule, declarations: [FederatedComponent], exports: [FederatedComponent] });
+FederatedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FederatedModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FederatedModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FederatedComponent],
@@ -1178,17 +1302,18 @@ class LauncherService {
         return DynamicModule;
     }
 }
-LauncherService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherService, deps: [{ token: i0.Compiler }, { token: DynamicModuleService }], target: i0.ɵɵFactoryTarget.Injectable });
-LauncherService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherService, decorators: [{
+LauncherService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LauncherService, deps: [{ token: i0.Compiler }, { token: DynamicModuleService }], target: i0.ɵɵFactoryTarget.Injectable });
+LauncherService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LauncherService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LauncherService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Compiler }, { type: DynamicModuleService }]; } });
 
 class PreviewComponent {
-    constructor(launcherService, configurationService, messageService) {
+    constructor(launcherService, configurationService, messageService, runtimeService) {
         this.launcherService = launcherService;
         this.configurationService = configurationService;
         this.messageService = messageService;
+        this.runtimeService = runtimeService;
         this.state$ = new BehaviorSubject({ loading: true, failure: false });
         this.elements = [];
         this.destroy$ = new Subject();
@@ -1200,23 +1325,30 @@ class PreviewComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    startPreview() {
+    initializeConfiguration$() {
         var _a;
+        const isAlreadyInitialized = this.runtimeService.isInitialized;
+        if (!this.uiDefinition || this.uiDefinition.type !== 'CONFIGURATION' || isAlreadyInitialized) {
+            return of({});
+        }
+        if (!this.modelId) {
+            console.warn(`No modelId is given for uiDefinition with '${this.uiDefinition.type}' type`);
+            return of({});
+        }
+        // If still not initialized - init configuration in Test mode
+        const uiDefinitionProps = (_a = this.uiDefinition.properties) !== null && _a !== void 0 ? _a : {};
+        return this.runtimeService
+            .initTestMode(this.modelId, uiDefinitionProps)
+            .pipe(switchMap(() => this.configurationService.configure()));
+    }
+    startPreview() {
         if (!this.uiDefinition) {
             return;
         }
-        const _b = this.uiDefinition, { children } = _b, uiDefinitionMeta = __rest(_b, ["children"]);
+        const _a = this.uiDefinition, { children } = _a, uiDefinitionMeta = __rest(_a, ["children"]);
         this.elements = children.map(child => elementToMetadata(child));
-        const initializers = [this.launcherService.compileModule(this.elements, uiDefinitionMeta)];
-        if (this.uiDefinition.type === 'CONFIGURATION') {
-            if (!this.modelId) {
-                console.warn(`No modelId is given for uiDefinition with '${this.uiDefinition.type}' type`);
-                return;
-            }
-            const uiDefinitionProps = (_a = this.uiDefinition.properties) !== null && _a !== void 0 ? _a : {};
-            initializers.push(this.configurationService.init(this.modelId, uiDefinitionProps));
-        }
-        forkJoin(initializers)
+        const compilation$ = this.launcherService.compileModule(this.elements, uiDefinitionMeta);
+        forkJoin([compilation$, this.initializeConfiguration$()])
             .pipe(tap$1(() => this.state$.next({ loading: false, failure: false })), catchError$1(error => {
             this.messageService.add({
                 severity: 'error',
@@ -1228,18 +1360,18 @@ class PreviewComponent {
             .subscribe();
     }
 }
-PreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: PreviewComponent, selector: "vl-cms-preview", inputs: { modelId: "modelId", uiDefinition: "uiDefinition" }, providers: [IOProviderService, ConfigurationService, TemplatesService], ngImport: i0, 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: i4.LoaderComponent, selector: "vl-loader", inputs: ["label"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewComponent, decorators: [{
+PreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i2.MessageService }, { token: ConfigurationRuntimeService }], target: i0.ɵɵFactoryTarget.Component });
+PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PreviewComponent, selector: "vl-cms-preview", inputs: { modelId: "modelId", uiDefinition: "uiDefinition" }, providers: [IOProviderService, TemplatesService], ngImport: i0, 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: i5.LoaderComponent, selector: "vl-loader", inputs: ["label"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i7.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PreviewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'vl-cms-preview',
                     templateUrl: './preview.component.html',
                     styleUrls: ['./preview.component.scss'],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [IOProviderService, ConfigurationService, TemplatesService],
+                    providers: [IOProviderService, TemplatesService],
                 }]
-        }], ctorParameters: function () { return [{ type: LauncherService }, { type: ConfigurationService }, { type: i3.MessageService }]; }, propDecorators: { modelId: [{
+        }], ctorParameters: function () { return [{ type: LauncherService }, { type: ConfigurationService }, { type: i2.MessageService }, { type: ConfigurationRuntimeService }]; }, propDecorators: { modelId: [{
                 type: Input
             }], uiDefinition: [{
                 type: Input
@@ -1247,10 +1379,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
 
 class ElementRendererModule {
 }
-ElementRendererModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElementRendererModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementRendererModule, declarations: [ElementRendererComponent], exports: [ElementRendererComponent] });
-ElementRendererModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementRendererModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementRendererModule, decorators: [{
+ElementRendererModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementRendererModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementRendererModule, declarations: [ElementRendererComponent], exports: [ElementRendererComponent] });
+ElementRendererModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementRendererModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementRendererModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ElementRendererComponent],
@@ -1260,10 +1392,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
 
 class ElementChildrenModule {
 }
-ElementChildrenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElementChildrenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [ElementRendererModule], exports: [ElementChildrenComponent] });
-ElementChildrenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenModule, imports: [[ElementRendererModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ElementChildrenModule, decorators: [{
+ElementChildrenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementChildrenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementChildrenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [ElementRendererModule], exports: [ElementChildrenComponent] });
+ElementChildrenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementChildrenModule, imports: [[ElementRendererModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ElementChildrenModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ElementChildrenComponent],
@@ -1274,10 +1406,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
 
 class PreviewModule {
 }
-PreviewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PreviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, declarations: [PreviewComponent], imports: [CommonModule, LoaderModule, ElementRendererModule, ElementChildrenModule], exports: [PreviewComponent] });
-PreviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, imports: [[CommonModule, LoaderModule, ElementRendererModule, ElementChildrenModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, decorators: [{
+PreviewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PreviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PreviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PreviewModule, declarations: [PreviewComponent], imports: [CommonModule, LoaderModule, ElementRendererModule, ElementChildrenModule], exports: [PreviewComponent] });
+PreviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PreviewModule, imports: [[CommonModule, LoaderModule, ElementRendererModule, ElementChildrenModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PreviewModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PreviewComponent],
@@ -1294,22 +1426,38 @@ function ElementDefinition(definition) {
 
 class ConfigurationModule {
 }
-ConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationModule });
-ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationModule, providers: [ContextService, ContextApiService, ProductModelApiService, ConfigurationApiService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationModule, decorators: [{
+ConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationModule });
+ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationModule, providers: [
+        ContextService,
+        ContextApiService,
+        ProductModelApiService,
+        ConfigurationApiService,
+        ConfigurationRuntimeService,
+        RuntimeContextService,
+        ConfigurationService,
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ConfigurationModule, decorators: [{
             type: NgModule,
             args: [{
-                    providers: [ContextService, ContextApiService, ProductModelApiService, ConfigurationApiService],
+                    providers: [
+                        ContextService,
+                        ContextApiService,
+                        ProductModelApiService,
+                        ConfigurationApiService,
+                        ConfigurationRuntimeService,
+                        RuntimeContextService,
+                        ConfigurationService,
+                    ],
                 }]
         }] });
 
 class LauncherModule {
 }
-LauncherModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LauncherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, imports: [CommonModule, CoreModule, ConfigurationModule] });
-LauncherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, providers: [LauncherService, DynamicModuleService, SalesforceApiService, QuoteApiService], imports: [[CommonModule, CoreModule, ConfigurationModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, decorators: [{
+LauncherModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LauncherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LauncherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LauncherModule, imports: [CommonModule, CoreModule, ConfigurationModule] });
+LauncherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LauncherModule, providers: [LauncherService, DynamicModuleService, SalesforceApiService, QuoteApiService], imports: [[CommonModule, CoreModule, ConfigurationModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LauncherModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, CoreModule, ConfigurationModule],
@@ -1321,5 +1469,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConfigurationService, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, LauncherModule, LauncherService, LineItemWorker, PreviewComponent, PreviewModule, SHARED_ELEMENT_METADATA, TemplatesService, UI_DEFINITION_METADATA, elementToMetadata, extendElementMetadata, extractElementMetadata, findLineItem, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getRecommendedPrices, insertLineItem, mapAttributes, metadataToElement, parseBoundPath, patchAttributes, removeLineItem, replaceLineItem, upsertAttributes };
+export { ConfigurationRuntimeService, ConfigurationService, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, LauncherModule, LauncherService, LineItemWorker, PreviewComponent, PreviewModule, SHARED_ELEMENT_METADATA, TemplatesService, UI_DEFINITION_METADATA, elementToMetadata, extendElementMetadata, extractElementMetadata, findLineItem, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getRecommendedPrices, insertLineItem, mapAttributes, metadataToElement, parseBoundPath, patchAttributes, removeLineItem, replaceLineItem, upsertAttributes };
 //# sourceMappingURL=veloce-sdk-cms.js.map