@veloceapps/sdk 11.0.0-11 → 11.0.0-13

package/fesm2015/veloceapps-sdk-core.mjs

@@ -1,17 +1,18 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Optional, Inject, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
-import { UUID, ConfigurationContextMode, ConfigurationContext, UITemplateType, QuoteDraft, isDefined, ConfigurationProcessorTypes, EntityUtil, ChargeGroupUtils, DEFAULT_CURRENCY_ISO_CODE, DEFAULT_CURRENCY_SYMBOL, validateDateFormat, DEFAULT_DATE_FORMAT, DEFAULT_DECIMALS_COUNT, getSupportedDateFormats, DEFAULT_DECIMAL_SEPARATOR, DEFAULT_THOUSANDS_SEPARATOR, DEFAULT_ACTION_CODE_LABELS, parseJsonSafely, ConfigurationMode, extractErrorDetails, ConfigurationTranslatorUtils, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
-import { BehaviorSubject, switchMap, map as map$1, tap as tap$1, noop, catchError, throwError, forkJoin, of, zip, combineLatest, Subject, filter as filter$1, shareReplay as shareReplay$1, finalize, takeUntil, buffer, debounceTime, share, take as take$1, distinctUntilChanged } from 'rxjs';
-import { map, filter, tap, switchMap as switchMap$1, skip, take, shareReplay, catchError as catchError$1, finalize as finalize$1, first } from 'rxjs/operators';
+import { UUID, ConfigurationContextMode, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, DEFAULT_CURRENCY_ISO_CODE, DEFAULT_CURRENCY_SYMBOL, validateDateFormat, DEFAULT_DATE_FORMAT, DEFAULT_DECIMALS_COUNT, getSupportedDateFormats, DEFAULT_DECIMAL_SEPARATOR, DEFAULT_THOUSANDS_SEPARATOR, DEFAULT_ACTION_CODE_LABELS, parseJsonSafely, UITemplateType, QuoteDraft, ChargeGroupUtils, isDefined, ConfigurationProcessorTypes, EntityUtil, ConfigurationMode, extractErrorDetails, ConfigurationTranslatorUtils, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
+import { map, first, tap, filter, switchMap as switchMap$1, skip, take, shareReplay, catchError as catchError$1, finalize as finalize$1 } from 'rxjs/operators';
 import * as i1 from '@veloceapps/api';
 import { ApiModule } from '@veloceapps/api';
-import { merge, isEqual, cloneDeep, assign, flatten, entries, sortBy, map as map$2, omit, uniqBy, transform } from 'lodash';
+import { HttpErrorResponse } from '@angular/common/http';
 import * as i6 from '@veloceapps/components';
 import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
+import { flatten, entries, sortBy, map as map$1, omit, uniqBy, isEqual, cloneDeep, assign, transform } from 'lodash';
+import { BehaviorSubject, map as map$2, tap as tap$1, switchMap, of, forkJoin, zip, noop, Subject, catchError, throwError, filter as filter$1, shareReplay as shareReplay$1, combineLatest, finalize, buffer, debounceTime, share, take as take$1, distinctUntilChanged, takeUntil } from 'rxjs';
+import * as i2 from '@veloceapps/api/v2';
+import * as i4 from 'primeng/api';
+import * as i5 from 'primeng/dynamicdialog';
 import moment from 'moment';
-import { HttpErrorResponse } from '@angular/common/http';
-import * as i5 from 'primeng/api';
-import * as i6$1 from 'primeng/dynamicdialog';
 import { NgControl } from '@angular/forms';
 import { DATE_PIPE_DEFAULT_OPTIONS, formatDate } from '@angular/common';
 
@@ -24,16 +25,20 @@ const getDefaultLineItem = (context, uiDefinitionProperties, qty = 1) => {
         attributes,
         lineItems, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b['displayName']) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '' }, (uiDefinitionProperties.offeringId ? { offeringId: uiDefinitionProperties.offeringId } : {}));
 };
-const getGuidedSellingConfigurationRequest = (data, context) => {
-    const _context = Object.assign({}, context);
-    delete _context.configurationToken;
-    const properties = Object.assign({}, context.properties);
-    delete properties['ConfigurationToken'];
+const generateEmptyContext = () => {
+    return {
+        headerId: '',
+        mode: ConfigurationContextMode.TEST,
+        properties: {},
+        configurationToken: '',
+    };
+};
+const getGuidedSellingConfigurationRequest = (data) => {
     return {
         mode: 'SEARCH',
         step: 'START',
         attributeDomainMode: 'ALL',
-        context: Object.assign(Object.assign({}, _context), { mode: ConfigurationContextMode.TEST, properties: Object.assign(Object.assign({}, properties), { ModelId: data.modelId, Name: 'Veloce Guided Selling', PricingEnabled: 'false', RuntimeMode: 'TEST' }) }),
+        context: generateEmptyContext(),
         lineItem: {
             actionCode: 'ADD',
             cfgStatus: 'Default',
@@ -92,873 +97,564 @@ var RuntimeStep;
 
 const UI_DEFINITION_VERSION = 3;
 
-class ContextService {
-    constructor(contextApiService) {
-        this.contextApiService = contextApiService;
-        this.context = new BehaviorSubject(null);
-    }
-    get isInitialized() {
-        return Boolean(this.context.value);
-    }
-    get isInitialized$() {
-        return this.context.pipe(map(Boolean));
-    }
-    get mode() {
-        return this.resolve().properties['#mode'];
-    }
-    get isEditMode$() {
-        return this.resolve$().pipe(map(() => this.isEditMode));
-    }
-    get isEditMode() {
-        const context = this.resolve();
-        if (context.properties['#mode'] === ConfigurationContextMode.ACCOUNT) {
-            return true;
-        }
-        if (context.properties['#mode'] === ConfigurationContextMode.QUOTE) {
-            return context.properties.Status === 'Draft';
-        }
-        return false;
-    }
-    resolve() {
-        if (!this.context.value) {
-            throw new Error('Context is not initialized yet!');
-        }
-        return Object.assign({}, this.context.value);
-    }
-    resolve$() {
-        return this.context.pipe(filter((ctx) => Boolean(ctx)));
-    }
-    create(headerId, mode) {
-        return this.contextApiService.getContext(headerId, mode).pipe(tap(context => this.context.next(merge(new ConfigurationContext(headerId, mode), context))), map(() => this.resolve()));
+class RuntimeContextService {
+    constructor(configurationApiService) {
+        this.configurationApiService = configurationApiService;
     }
-    initTestMode() {
-        return this.create('TestId', ConfigurationContextMode.TEST).pipe(map(context => {
-            return this.update({
-                properties: Object.assign(Object.assign({}, context.properties), { RuntimeMode: ConfigurationContextMode.TEST, StartDate: new Date().toISOString().substring(0, 10), standalone: 'true' }),
-            });
+    getRuntimeContext(productId, offeringId, defaultUIDefinitionId, requiredUIDefinitionId) {
+        return this.configurationApiService
+            .getRuntimeDataByProductId(productId, offeringId, defaultUIDefinitionId, requiredUIDefinitionId)
+            .pipe(map(runtimeData => {
+            var _a;
+            const uiDefinitionContainer = this.getUIDefinitionContainer(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 : {};
+            const uiDefinitionProperties = uiDefinitionContainer === null || uiDefinitionContainer === void 0 ? void 0 : uiDefinitionContainer.source.properties;
+            return {
+                modelId: runtimeData.modelId,
+                uiDefinitionContainer: uiDefinitionContainer,
+                runtimeModel: runtimeModel,
+                runtimeMode: RuntimeMode.PROD,
+                productId: productId,
+                productType: (properties === null || properties === void 0 ? void 0 : properties['displayName']) || productName,
+                offeringId: offeringId,
+                properties: {
+                    PricingEnabled: (uiDefinitionProperties === null || uiDefinitionProperties === void 0 ? void 0 : uiDefinitionProperties.pricingEnabled) ? 'true' : 'false',
+                    PriceListId: uiDefinitionProperties === null || uiDefinitionProperties === void 0 ? void 0 : uiDefinitionProperties.priceList,
+                },
+            };
         }));
     }
-    update(partialContext) {
-        const originalContext = this.resolve();
-        const updatedContext = Object.assign(Object.assign(Object.assign({}, originalContext), partialContext), { properties: Object.assign(Object.assign({}, originalContext.properties), partialContext.properties) });
-        this.context.next(updatedContext);
-        return updatedContext;
-    }
-    set(context) {
-        const originalContext = this.resolve();
-        const updatedContext = Object.assign(Object.assign({}, originalContext), context);
-        this.context.next(updatedContext);
-        return updatedContext;
-    }
-    delete() {
-        this.context.next(null);
+    getUIDefinitionContainer(runtimeData) {
+        var _a;
+        const containers = runtimeData.uiDefinitions.filter(container => isNotLegacyUIDefinition(container.source));
+        return (_a = containers.find(container => container.source.primary)) !== null && _a !== void 0 ? _a : containers[0];
     }
 }
-ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService, deps: [{ token: i1.ContextApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService, decorators: [{
+RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }]; } });
 
-class FlowInfoService {
-    get flow() {
-        return this.flowSubj$.value;
+class ConfigurationRuntimeService {
+    constructor(apiService, runtimeContextService) {
+        this.apiService = apiService;
+        this.runtimeContextService = runtimeContextService;
+        this._isInitialized = false;
+        this.uiDefinitionProperties = {};
     }
-    set flow(value) {
-        this.flowSubj$.next(value);
+    reset() {
+        this._isInitialized = false;
+        this._runtimeContext = undefined;
+        this.initializationProps = undefined;
+        this.uiDefinitionProperties = {};
     }
-    get isLegacy() {
+    initTestMode(uiDefinitionContainer) {
         var _a;
-        return !!this.flow && ((_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful) == null;
+        this.uiDefinitionProperties = (_a = uiDefinitionContainer.source.properties) !== null && _a !== void 0 ? _a : {};
+        return this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId).pipe(first(), map(runtimeData => {
+            this._runtimeContext = {
+                modelId: uiDefinitionContainer.modelId,
+                runtimeModel: RuntimeModel.create(runtimeData.types, runtimeData.products),
+                runtimeMode: RuntimeMode.TEST,
+                uiDefinitionContainer,
+            };
+            return this._runtimeContext;
+        }), tap(() => (this._isInitialized = true)));
     }
-    get isStateful() {
-        var _a;
-        return !!((_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful);
+    init(props) {
+        this.initializationProps = props;
+        return this.runtimeContextService
+            .getRuntimeContext(props.productId, props.offeringId, props.defaultUIDefinitionId, props.requiredUIDefinitionId)
+            .pipe(tap(runtimeContext => {
+            var _a, _b;
+            this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.source.properties) !== null && _b !== void 0 ? _b : {};
+            this.id15to18('AccountId', runtimeContext.properties);
+            this._runtimeContext = runtimeContext;
+            return this._runtimeContext;
+        }), tap(() => (this._isInitialized = true)));
     }
-    constructor(flowsApiService, templatesApiService, customizationService) {
-        this.flowsApiService = flowsApiService;
-        this.templatesApiService = templatesApiService;
-        this.customizationService = customizationService;
-        this.templates = {};
-        this.defaultTemplates = {
-            flowEngine: 'Flow Engine',
-        };
-        this.flowSubj$ = new BehaviorSubject(null);
-        this.flow$ = this.flowSubj$.asObservable();
+    overrideUIDefinition(uiDefinitionContainer) {
+        var _a;
+        if (!this._runtimeContext) {
+            return;
+        }
+        this._runtimeContext.uiDefinitionContainer = uiDefinitionContainer;
+        this.uiDefinitionProperties = (_a = uiDefinitionContainer.source.properties) !== null && _a !== void 0 ? _a : {};
     }
-    init$(flowId, routeQueryParams) {
-        return this.flowsApiService.getFlow(flowId).pipe(switchMap(flow => this.initFlowTemplates$(flow).pipe(map$1(() => flow))), tap$1(flow => {
-            this.params = Object.assign(Object.assign({}, routeQueryParams), flow.properties.queryParams);
-            this.flowSubj$.next(flow);
-        }), map$1(noop), catchError(e => {
-            this.flowSubj$.next(null);
-            return throwError(() => e);
-        }));
+    id15to18(propertyName, source) {
+        if (!source) {
+            return;
+        }
+        const value = source[propertyName];
+        if (typeof value === 'string' && value.length === 15) {
+            source[propertyName] = SalesforceIdUtils.generateId18FromId15(value);
+        }
     }
-    cleanup() {
-        this.flowSubj$.next(null);
-        this.params = undefined;
-        this.templates = {};
+    get isInitialized() {
+        return this._isInitialized;
     }
-    initFlowTemplates$(flow) {
-        var _a, _b, _c;
-        return forkJoin([
-            this.templatesApiService.fetchTemplates$(),
-            (_c = (_b = (_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplates) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : of([]),
-        ]).pipe(map$1(([templates, localTemplates]) => {
-            Object.entries(Object.assign(Object.assign({}, this.defaultTemplates), flow.properties.templates)).forEach(([key, name]) => {
-                var _a;
-                const type = this.remapTemplateName(key);
-                if (type) {
-                    this.templates[type] =
-                        (_a = localTemplates.find(template => template.name === name && template.type === type)) !== null && _a !== void 0 ? _a : templates.find(template => template.name === name && template.type === type);
-                }
-            });
-        }));
+    get runtimeModel() {
+        var _a;
+        return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
     }
-    remapTemplateName(templateType) {
-        switch (templateType) {
-            case 'flowEngine':
-                return UITemplateType.FLOW_ENGINE;
-            default:
-                break;
-        }
-        switch (templateType) {
-            case 'assets':
-            case 'shoppingCart':
-                // No separate Assets template at the moment
-                return UITemplateType.SHOPPING_CART;
-            case 'catalog':
-                return UITemplateType.CATALOG;
-            case 'guidedSelling':
-                return UITemplateType.GUIDED_SELLING;
-            case 'flowHeader':
-                return UITemplateType.FLOW_HEADER;
-            default:
-                break;
-        }
-        return undefined;
+    get runtimeContext() {
+        return this._runtimeContext;
     }
 }
-FlowInfoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, deps: [{ token: i1.FlowsApiService }, { token: i1.UITemplatesApiService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowInfoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, decorators: [{
+ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, deps: [{ token: i1.ConfigurationApiService }, { token: RuntimeContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationRuntimeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: i1.FlowsApiService }, { type: i1.UITemplatesApiService }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [FLOW_CUSTOMIZATION]
-                    }] }];
-    } });
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: RuntimeContextService }]; } });
 
-class QuoteDraftService {
-    get isInitialized$() {
-        return this.isInitializedSubj$.asObservable();
-    }
-    get isInitialized() {
-        return this.isInitializedSubj$.getValue();
-    }
-    set isInitialized(value) {
-        if (this.isInitialized !== value) {
-            this.isInitializedSubj$.next(value);
+const findLineItem = (id, lineItems) => {
+    return findLineItemWithComparator(lineItems, (li) => li.id === id);
+};
+const findLineItemWithComparator = (lineItems, comparator) => {
+    let currentLevel = lineItems;
+    while (currentLevel.length) {
+        const found = currentLevel.find(comparator);
+        if (found) {
+            return found;
         }
+        currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
     }
-    get hasUnsavedChanges() {
-        return this._hasUnsavedChanges;
-    }
-    set hasUnsavedChanges(value) {
-        var _a, _b;
-        this._hasUnsavedChanges = value;
-        if (!this._hasUnsavedChanges) {
-            this.initialCurrentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
+    return;
+};
+const insertLineItem = (lineItem, parentId, toInsert) => {
+    const insertData = lineItem.id === parentId ? [toInsert] : [];
+    return Object.assign(Object.assign({}, lineItem), { lineItems: [
+            ...insertData,
+            ...lineItem.lineItems.map(li => {
+                return insertLineItem(li, parentId, toInsert);
+            }),
+        ] });
+};
+const removeLineItem = (lineItem, idToRemove) => {
+    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems
+            .map(li => {
+            if (li.id === idToRemove) {
+                return;
+            }
+            else if (li.lineItems.length) {
+                return removeLineItem(li, idToRemove);
+            }
+            return li;
+        })
+            .filter(r => !!r) });
+};
+const replaceLineItem = (lineItem, replaceTo, skipCardinalityCalculation = false) => {
+    if (lineItem.id === replaceTo.id) {
+        if (!skipCardinalityCalculation) {
+            return Object.assign({}, recalculateCardinalityVariables(lineItem, replaceTo));
+        }
+        else {
+            return Object.assign({}, replaceTo);
         }
     }
-    get hasProducts$() {
-        return this.quoteSubj$.pipe(map(() => this.hasProducts));
-    }
-    get hasProducts() {
-        var _a;
-        return Boolean((_a = this.quoteSubj$.value) === null || _a === void 0 ? void 0 : _a.currentState.length);
-    }
-    get hasAssets$() {
-        return this.assetsSubj$.pipe(map(() => this.hasAssets));
-    }
-    get hasAssets() {
+    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo, skipCardinalityCalculation)) });
+};
+const collectCardinalityComputations = (portDomains) => {
+    const cardinalityComputations = new Map();
+    entries(portDomains).forEach(([key, portDomain]) => {
+        cardinalityComputations.set(key, portDomain.properties['cardinalityComputation'] === 'true');
+    });
+    return cardinalityComputations;
+};
+const calculateCardinalityVariables = (lineItems, cardinalityComputations) => {
+    const cardVars = new Map();
+    lineItems
+        .filter(({ port, type }) => !!port && !!type)
+        .forEach(li => {
         var _a;
-        return Boolean((_a = this.assetsSubj$.value) === null || _a === void 0 ? void 0 : _a.currentState.length);
-    }
-    get assetsState() {
-        return this.assetsSubj$.value;
-    }
-    constructor(context, flowInfoService, accountApiService, quoteApiService) {
-        this.context = context;
-        this.flowInfoService = flowInfoService;
-        this.accountApiService = accountApiService;
-        this.quoteApiService = quoteApiService;
-        this.quoteSubj$ = new BehaviorSubject(null);
-        this.assetsSubj$ = new BehaviorSubject(null);
-        this.resetSubj$ = new BehaviorSubject(true);
-        this.isInitializedSubj$ = new BehaviorSubject(false);
-        this.initialCurrentState = [];
-        this._hasUnsavedChanges = false;
-        this.reset$ = this.resetSubj$.asObservable();
-        this.isInitializedSubj$
-            .pipe(filter(isInitialized => isInitialized), switchMap$1(() => this.quoteSubj$.asObservable()), skip(1), tap(quote => this.markAsUpdated(quote)))
-            .subscribe();
-    }
-    reset() {
-        this.resetSubj$.next(true);
-        this.quoteSubj$.next(null);
-        this.assetsSubj$.next(null);
-        this.isInitialized = false;
-        this.hasUnsavedChanges = false;
-    }
-    init(headerId, params) {
-        const ctx = this.context.resolve();
-        const isAccountMode = this.context.mode === ConfigurationContextMode.ACCOUNT;
-        const accountId = isAccountMode ? headerId : ctx.properties.AccountId;
-        return zip(accountId ? this.accountApiService.getAssetsState(accountId, params) : of(null), isAccountMode
-            ? of(QuoteDraft.emptyQuote(ConfigurationContextMode.ACCOUNT))
-            : this.quoteApiService.getQuoteState(headerId, params)).pipe(tap(([assets, quote]) => {
-            if (assets) {
-                this.assetsSubj$.next(assets);
-            }
-            this.quoteSubj$.next(quote);
-            if (assets && isAccountMode) {
-                this.context.update(assets.context);
+        if (cardinalityComputations.get(`${li.port}`)) {
+            const cardinalityVariableName = `#CV-${li.type}@${li.port}`;
+            cardVars.set(cardinalityVariableName, ((_a = cardVars.get(cardinalityVariableName)) !== null && _a !== void 0 ? _a : 0) + li.qty);
+        }
+    });
+    return cardVars;
+};
+const cardinalityRegexp = new RegExp('#CV-[a-zA-Z0-9_]+@(?<portName>[a-zA-Z0-9_]+)');
+const recalculateCardinalityVariables = (original, updated) => {
+    var _a, _b;
+    const cardinalityComputations = collectCardinalityComputations((_b = (_a = updated.portDomains) !== null && _a !== void 0 ? _a : original.portDomains) !== null && _b !== void 0 ? _b : {});
+    const cardinalityVariables = calculateCardinalityVariables(updated.lineItems, cardinalityComputations);
+    const originalCardinalityVariables = calculateCardinalityVariables(original.lineItems, cardinalityComputations);
+    originalCardinalityVariables.forEach((value, key) => {
+        var _a;
+        const execArray = cardinalityRegexp.exec(key);
+        const portName = (_a = execArray === null || execArray === void 0 ? void 0 : execArray.groups) === null || _a === void 0 ? void 0 : _a['portName'];
+        if (!portName || cardinalityComputations.get(portName)) {
+            if (cardinalityVariables.get(key) === value) {
+                // no need to update cardinality if no changes
+                cardinalityVariables.delete(key);
             }
-            else {
-                this.context.update(quote.context);
+            else if (!cardinalityVariables.has(key)) {
+                // remove last item from port
+                cardinalityVariables.set(key, 0);
             }
-        }), map(() => noop()), take(1));
-    }
-    finalizeInit() {
-        this.isInitialized = true;
-        this.hasUnsavedChanges = false;
-    }
-    setCurrentLineItemState(lineItems) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
         }
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: lineItems }));
-    }
-    updateQuoteDraft(update) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
-        }
-        if (update.context) {
-            this.context.set(update.context);
-        }
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), update));
-    }
-    updateByPriceSummary(priceSummary) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
-        }
-        const updatedCurrentState = this.currentState.map(lineItem => {
-            const updated = priceSummary.lineItems.find(li => li.id === lineItem.id);
-            return updated !== null && updated !== void 0 ? updated : lineItem;
-        });
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedCurrentState, totalPrices: priceSummary.totalPrices, approvalItems: priceSummary.approvalItems }));
-    }
-    setAssetsState(assetsState) {
-        this.assetsSubj$.next(assetsState);
-    }
-    get quoteDraft$() {
-        return combineLatest([this.quoteSubj$, this.context.resolve$()]).pipe(map(() => this.quoteDraft), filter((quote) => Boolean(quote)), shareReplay());
+    });
+    return Object.assign(Object.assign({}, updated), { attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value, cfgStatus: 'Changed' }))) });
+};
+const mapAttributes = (attributes) => {
+    return attributes.reduce((acc, { name, value }) => (Object.assign(Object.assign({}, acc), { [name]: value })), {});
+};
+const getAttributes = (attributes, names = []) => {
+    const filtered = attributes.filter(({ name }) => names.includes(name));
+    return sortBy(filtered, [({ name }) => names.indexOf(name)]);
+};
+const upsertAttributes = (originalAttributes, attributesToUpsert) => {
+    return attributesToUpsert.reduce((acc, { name, value }) => {
+        const [origAttr] = getAttributes(acc, [name]);
+        return [
+            ...acc.filter(attr => attr.name !== name),
+            Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? origAttr : { name, type: '' })), { cfgStatus: origAttr ? 'Changed' : 'User', value }),
+        ];
+    }, originalAttributes);
+};
+const patchAttributes = (rootLineItem, id, attrs, skipCardinalityCalculation = false) => {
+    const lineItem = findLineItem(id, [rootLineItem]);
+    if (!lineItem) {
+        return rootLineItem;
     }
-    get quoteDraft() {
-        const quote = this.quoteSubj$.value;
-        if (!quote) {
-            return null;
-        }
-        return Object.assign(Object.assign({}, quote), { context: this.context.resolve() });
+    const attributes = upsertAttributes(lineItem.attributes, attrs);
+    return replaceLineItem(rootLineItem, Object.assign(Object.assign({}, lineItem), { attributes }), skipCardinalityCalculation);
+};
+const getAttributeValue = (attributes, name) => { var _a; return (_a = attributes.find(attr => attr.name === name)) === null || _a === void 0 ? void 0 : _a.value; };
+const generateLineItem = (port, type, parentId, attributes = [], lineItems = []) => {
+    return {
+        id: UUID.UUID(),
+        port,
+        type,
+        actionCode: 'ADD',
+        cfgStatus: 'New',
+        attributes: attributes.map(({ name, value }) => ({ cfgStatus: 'User', name, value })),
+        lineItems,
+        parentId,
+        qty: 1,
+    };
+};
+const getRecommendedPrices = (portDomain, type) => {
+    var _a, _b;
+    const domainType = portDomain.domainTypes.find(({ name }) => name === type);
+    const [net, list] = (_b = (_a = domainType === null || domainType === void 0 ? void 0 : domainType.recommendedPrices) === null || _a === void 0 ? void 0 : _a.filter(({ chargeMethod }) => chargeMethod === 'ONE_TIME').reduce((acc, rp) => {
+        const [netPrice, listPrice] = acc;
+        return [netPrice + rp.netPrice, listPrice + rp.listPrice];
+    }, [0, 0])) !== null && _b !== void 0 ? _b : [0, 0];
+    return { net, list };
+};
+const getOriginParent = (lineItems, currentLineItem) => {
+    let target = currentLineItem;
+    while (target && target.rampInstanceId) {
+        target = lineItems.find(sub => sub.id === currentLineItem.rampInstanceId);
     }
-    get currentState$() {
-        return this.quoteDraft$.pipe(map(quote => quote.currentState));
+    return target;
+};
+const assetPredicateFn = (lineItem, assetId) => {
+    if (!assetId) {
+        return false;
     }
-    get currentState() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
+    return lineItem.assetId === assetId || lineItem.openOrderLineItemId === assetId;
+};
+const multiplyLineItems = (lineItem, qty, split) => {
+    if (split) {
+        const unifyIds = (lineItem) => (Object.assign(Object.assign({}, lineItem), { id: UUID.UUID(), lineItems: lineItem.lineItems.map(unifyIds) }));
+        return map$1(new Array(qty), () => unifyIds(lineItem));
     }
-    get isStandalone() {
-        var _a, _b;
-        return (_b = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.standalone) !== null && _b !== void 0 ? _b : false;
+    else {
+        return [
+            Object.assign(Object.assign({}, lineItem), { qty: qty }),
+        ];
     }
-    get isStandalone$() {
-        return this.flowInfoService.flow$.pipe(map(() => this.isStandalone));
+};
+const isTechnicalAttribute = (name) => {
+    return name.startsWith('#') || name.startsWith('$');
+};
+const filterOutTechnicalAttributes = (attributes) => {
+    return attributes.filter(({ name }) => !isTechnicalAttribute(name));
+};
+
+var lineItem_utils = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    assetPredicateFn: assetPredicateFn,
+    filterOutTechnicalAttributes: filterOutTechnicalAttributes,
+    findLineItem: findLineItem,
+    findLineItemWithComparator: findLineItemWithComparator,
+    generateLineItem: generateLineItem,
+    getAttributeValue: getAttributeValue,
+    getAttributes: getAttributes,
+    getOriginParent: getOriginParent,
+    getRecommendedPrices: getRecommendedPrices,
+    insertLineItem: insertLineItem,
+    isTechnicalAttribute: isTechnicalAttribute,
+    mapAttributes: mapAttributes,
+    multiplyLineItems: multiplyLineItems,
+    patchAttributes: patchAttributes,
+    recalculateCardinalityVariables: recalculateCardinalityVariables,
+    removeLineItem: removeLineItem,
+    replaceLineItem: replaceLineItem,
+    upsertAttributes: upsertAttributes
+});
+
+class LineItemWorker {
+    constructor(src) {
+        this.li = Object.assign({}, src);
     }
-    getInitialCurrentState() {
-        return this.initialCurrentState;
+    insert(parentId, toInsert) {
+        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
     }
-    isEditMode$() {
-        return this.context.resolve$().pipe(map(() => this.isEditMode()));
+    remove(id) {
+        return new LineItemWorker(removeLineItem(this.li, id));
     }
-    isEditMode() {
-        const context = this.context.resolve();
-        if (context.mode === ConfigurationContextMode.ACCOUNT) {
-            return true;
-        }
-        if (context.mode === ConfigurationContextMode.QUOTE) {
-            return context.properties.Status === 'Draft';
-        }
-        return false;
+    replace(toReplace, skipCardinalityCalculation = false) {
+        return new LineItemWorker(replaceLineItem(this.li, toReplace, skipCardinalityCalculation));
     }
-    markAsUpdated(quote) {
-        if ((quote === null || quote === void 0 ? void 0 : quote.context.properties['#mode']) === ConfigurationContextMode.ACCOUNT) {
-            this.hasUnsavedChanges = !!quote && !quote.currentState.every(li => li.actionCode === 'EXIST');
-        }
-        else {
-            this.hasUnsavedChanges = !isEqual(this.initialCurrentState, quote === null || quote === void 0 ? void 0 : quote.currentState);
-        }
+    patchAttribute(attrs, id, skipCardinalityCalculation = false) {
+        return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs, skipCardinalityCalculation));
     }
 }
-QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: ContextService }, { token: FlowInfoService }, { token: i1.AccountApiService }, { token: i1.QuoteApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-QuoteDraftService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: ContextService }, { type: FlowInfoService }, { type: i1.AccountApiService }, { type: i1.QuoteApiService }]; } });
 
-class FlowStateService {
-    constructor(contextService, quoteDraftService, flowInfoService, flowConfiguration, processorsApiService, flowStateApiService, quoteApiService, toastService, customizationService) {
-        this.contextService = contextService;
-        this.quoteDraftService = quoteDraftService;
-        this.flowInfoService = flowInfoService;
-        this.flowConfiguration = flowConfiguration;
-        this.processorsApiService = processorsApiService;
-        this.flowStateApiService = flowStateApiService;
-        this.quoteApiService = quoteApiService;
-        this.toastService = toastService;
-        this.customizationService = customizationService;
-        this.NOT_INITIALIZED = Symbol();
-        this.EXECUTION_BUFFER_TIME = 100;
-        this.executedFunctions = {};
-        this.stateId$ = new BehaviorSubject(null);
-        this.initialStatefulData = {};
-        this.trackedStatefulChangesMap = new Map();
-        this.processors = {};
-        this.subscriptions = {};
-        this.flowStore = {};
-        this.executionInProgress$ = new BehaviorSubject(false);
-        this.statefulRequestStream$ = new Subject();
-        this.cleanup$ = new Subject();
-        this.statefulExecutionRequest$ = this.initBufferedRequest$();
-        /*
-          In stateless mode watch QuoteDraft changes and call executeRequest so that
-          all subscriptions get their updates according to updated QuoteDraft
-        */
-        this.isInitialized$()
-            .pipe(filter$1(Boolean), filter$1(() => !this.getFlowSafe().properties.stateful), switchMap(() => this.flowConfiguration.updated$), switchMap(() => this.executeRequest$({}, true)))
-            .subscribe();
-        this.charges$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
-            if (this.flowInfoService.isLegacy) {
-                return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.charges));
-            }
-            else {
-                return this.subscribe$(UITemplateType.FLOW_ENGINE, 'CHARGES', null, {
-                    cold: true,
-                }).pipe(map$1(response => (response.success ? response.result : {})));
-            }
-        }), shareReplay$1(1));
-        this.charges$.subscribe();
-        this.pricePlans$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
-            if (this.flowInfoService.isLegacy) {
-                return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.pricePlans));
-            }
-            else {
-                return this.subscribe$(UITemplateType.FLOW_ENGINE, 'PRICE_PLANS', null, {
-                    cold: true,
-                }).pipe(map$1(response => (response.success ? response.result : {})));
-            }
-        }), shareReplay$1(1));
-        this.pricePlans$.subscribe();
-        this.activeMetrics$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
-            if (this.flowInfoService.isLegacy) {
-                return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.activeMetrics));
-            }
-            else {
-                return this.subscribe$(UITemplateType.FLOW_ENGINE, 'ACTIVE_METRICS', null, {
-                    cold: true,
-                }).pipe(map$1(response => (response.success ? response.result : [])));
-            }
-        }), shareReplay$1(1));
-        this.activeMetrics$.subscribe();
-        this.isPriceListLocked$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
-            if (this.flowInfoService.isLegacy) {
-                return of(false);
-            }
-            else {
-                return this.subscribe$(UITemplateType.FLOW_ENGINE, 'IS_PRICE_LIST_LOCKED', null, {
-                    cold: true,
-                }).pipe(map$1(response => (response.success ? response.result : false)));
-            }
-        }), shareReplay$1(1));
-        this.isPriceListLocked$.subscribe();
-    }
-    init$() {
-        return this.initProcessors$().pipe(switchMap(() => {
-            if (this.getFlowSafe().properties.stateful) {
-                return this.initStateful$();
-            }
-            else {
-                return this.initStateless$();
-            }
-        }));
-    }
-    cleanup() {
-        Object.values(this.subscriptions).forEach(({ data$ }) => data$.complete());
-        this.subscriptions = {};
-        if (this.stateId$.value) {
-            this.flowStateApiService.cancel(this.stateId$.value).subscribe();
-            this.stateId$.next(null);
-        }
-        this.processors = {};
-        this.flowStore = {};
-        this.cleanup$.next();
-    }
-    get hasUnsavedChanges() {
-        return this.getFlowSafe().properties.stateful
-            ? Array.from(this.trackedStatefulChangesMap.values()).some(Boolean)
-            : this.quoteDraftService.hasUnsavedChanges;
-    }
-    get stateId() {
-        return this.stateId$.value;
-    }
-    get isExecutionInProgress$() {
-        return this.executionInProgress$.asObservable();
-    }
-    isInitialized$() {
-        return combineLatest([this.stateId$, this.quoteDraftService.isInitialized$]).pipe(map$1(values => values.some(Boolean)));
-    }
-    isInitialized() {
-        return Boolean(this.stateId$.value) || this.quoteDraftService.isInitialized;
-    }
-    execute$(scope, exec) {
-        const request = this.execToRequest(scope, exec);
-        return this.executeRequest$(request).pipe(map$1(result => {
-            // Keep only requested results
-            const actualSelectors = Object.entries(result.selectors).reduce((trunk, [requestId, result]) => {
-                var _a;
-                if ((_a = exec.selectors) === null || _a === void 0 ? void 0 : _a[requestId]) {
-                    trunk[requestId] = result;
-                }
-                return trunk;
-            }, {});
-            return actualSelectors;
-        }));
-    }
-    dispatch$(scope, action, inputData) {
-        const exec = {
-            actions: [{ name: action, inputData }],
-        };
-        const request = this.execToRequest(scope, exec);
-        return this.executeRequest$(request).pipe(map$1(noop));
-    }
-    select$(scope, selectorName, inputData) {
-        const requestId = this.generateRequestId(scope, selectorName, inputData);
-        const request = this.execToRequest(scope, {
-            selectors: {
-                [requestId]: {
-                    name: selectorName,
-                    inputData,
-                },
-            },
+function extractMetadata(uiDefinition) {
+    return omit(uiDefinition, [
+        'children',
+        'pages',
+        'components',
+    ]);
+}
+
+class RuntimeSettingsService {
+    constructor(configurationSettingsApiService) {
+        this.configurationSettingsApiService = configurationSettingsApiService;
+        this.configurationSettings$ = new BehaviorSubject({});
+        this.currencySettings$ = new BehaviorSubject({
+            iso: DEFAULT_CURRENCY_ISO_CODE,
+            symbol: DEFAULT_CURRENCY_SYMBOL,
         });
-        return this.executeRequest$(request).pipe(map$1(response => response.selectors[requestId]));
+        this.shoppingCartSettings$ = new BehaviorSubject([]);
+        this.getCurrencySymbol = (locale, currency) => {
+            return (0)
+                .toLocaleString(locale, { style: 'currency', currency, minimumFractionDigits: 0, maximumFractionDigits: 0 })
+                .replace(/\d/g, '')
+                .trim();
+        };
     }
-    subscribe$(scope, selectorName, inputData, options) {
-        const requestId = this.generateRequestId(scope, selectorName, inputData);
-        let subscription = this.subscriptions[requestId];
-        if (!subscription) {
-            const request = this.execToRequest(scope, {
-                selectors: {
-                    [requestId]: {
-                        name: selectorName,
-                        inputData,
-                    },
-                },
-            });
-            subscription = {
-                request,
-                data$: new BehaviorSubject(this.NOT_INITIALIZED),
-            };
-            this.subscriptions[requestId] = subscription;
-            if (options === null || options === void 0 ? void 0 : options.trackedChanges) {
-                this.trackedStatefulChangesMap.set(requestId, false);
-            }
-            if (!(options === null || options === void 0 ? void 0 : options.cold)) {
-                this.executeRequest$(request).subscribe();
-            }
-        }
-        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$1(data => data), finalize(() => {
+    create() {
+        return this.configurationSettingsApiService.fetchSettings().pipe(map$2(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => {
             var _a;
-            if (!((_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$.observed)) {
-                delete this.subscriptions[requestId];
-            }
-        }));
-    }
-    save$() {
-        if (this.getFlowSafe().properties.stateful) {
-            if (this.stateId$.value) {
-                return this.flowStateApiService.save(this.stateId$.value).pipe(tap$1(() => {
-                    Array.from(this.trackedStatefulChangesMap.keys()).forEach(key => {
-                        this.trackedStatefulChangesMap.set(key, false);
-                    });
-                }));
-            }
-        }
-        else {
-            const quoteDraft = this.quoteDraftService.quoteDraft;
-            if (quoteDraft) {
-                return this.quoteApiService.upsertQuote(quoteDraft).pipe(tap$1(({ versionId }) => {
-                    this.contextService.update({ properties: { VELOCE_PRISM__VersionId__c: versionId } });
-                }));
-            }
-        }
-        return of({ quoteId: '' });
-    }
-    submit$() {
-        if (this.getFlowSafe().properties.stateful) {
-            if (this.stateId$.value) {
-                return this.flowStateApiService.submit(this.stateId$.value);
-            }
-        }
-        else {
-            const quoteDraft = this.quoteDraftService.quoteDraft;
-            if (quoteDraft) {
-                return this.quoteApiService.submitQuote(quoteDraft).pipe(tap$1(({ versionId }) => {
-                    this.contextService.update({ properties: { VELOCE_PRISM__VersionId__c: versionId } });
-                }));
-            }
-        }
-        return of({ quoteId: '' });
-    }
-    getFlowStore() {
-        return this.flowStore;
-    }
-    getOwnerIdByScope(scope) {
-        var _a;
-        const ownerId = (_a = this.flowInfoService.templates[scope]) === null || _a === void 0 ? void 0 : _a.id;
-        if (!ownerId) {
-            throw `OwnerId is not found for scope ${scope}`;
-        }
-        return ownerId;
+            this.configurationSettings$.next(configurationSettings);
+            this.addShoppingCartSettings((_a = configurationSettings['shopping-cart']) !== null && _a !== void 0 ? _a : []);
+            this.formattingSettings = this.getFormattingSettings();
+        }), map$2(() => undefined));
     }
-    getScopeByOwnerId(id) {
-        for (const template of Object.values(this.flowInfoService.templates)) {
-            if (template.id === id) {
-                return template.type;
+    initCurrency(iso) {
+        if (iso) {
+            const symbol = this.getCurrencySymbol('en-US', iso);
+            this.currencySettings$.next({ iso, symbol });
+            if (this.formattingSettings) {
+                this.formattingSettings.currencySymbol = symbol;
             }
         }
-        return;
     }
-    execToRequest(scope, exec) {
-        var _a;
-        const ownerId = this.getOwnerIdByScope(scope);
+    getFormattingSettings() {
+        var _a, _b;
+        if (this.formattingSettings) {
+            return this.formattingSettings;
+        }
+        const shoppingCartSettings = (_a = this.getConfigurationSettings()['shopping-cart']) === null || _a === void 0 ? void 0 : _a.reduce((acc, setting) => {
+            return Object.assign(Object.assign({}, acc), { [setting.id]: setting.properties });
+        }, {});
+        const currencySettings = this.getCurrencySettings();
+        const dateFormat = (validateDateFormat((_b = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT) !== null && _b !== void 0 ? _b : '') && (shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT)) ||
+            DEFAULT_DATE_FORMAT;
+        const decimalSeparator = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DECIMAL_SEPARATOR;
+        const thousandsSeparator = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.THOUSANDS_SEPARATOR;
+        // the number of decimal places can be 0
+        const priceScale = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.PRICE_SCALE;
+        const decimalsCount = priceScale !== null && priceScale !== '' && !isNaN(Number(priceScale)) && Number(priceScale) >= 0
+            ? Number(priceScale)
+            : DEFAULT_DECIMALS_COUNT;
+        const actionCodeSettings = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.STATUS_LABEL;
         return {
-            actions: (_a = exec.actions) === null || _a === void 0 ? void 0 : _a.map(action => { var _a; return ({ apiName: action.name, ownerId, inputData: (_a = action.inputData) !== null && _a !== void 0 ? _a : {} }); }),
-            selectors: exec.selectors &&
-                Object.entries(exec.selectors).reduce((trunk, [key, selector]) => {
-                    var _a;
-                    return (Object.assign(Object.assign({}, trunk), { [key]: { apiName: selector.name, ownerId, inputData: (_a = selector.inputData) !== null && _a !== void 0 ? _a : {} } }));
-                }, {}),
+            currencySymbol: currencySettings.symbol,
+            dateFormats: getSupportedDateFormats(dateFormat),
+            decimalsCount,
+            decimalSeparator: decimalSeparator !== undefined && ['.', ','].includes(decimalSeparator)
+                ? decimalSeparator
+                : DEFAULT_DECIMAL_SEPARATOR,
+            // thousands separator can be a blank value, so it can also be null
+            thousandsSeparator: thousandsSeparator !== undefined && ['.', ',', '', null].includes(thousandsSeparator)
+                ? thousandsSeparator || ''
+                : DEFAULT_THOUSANDS_SEPARATOR,
+            actionCodeLabels: (actionCodeSettings === null || actionCodeSettings === void 0 ? void 0 : actionCodeSettings.length)
+                ? actionCodeSettings.reduce((result, setting) => (Object.assign(Object.assign({}, result), { [setting.status_label]: setting.custom_label })), {})
+                : DEFAULT_ACTION_CODE_LABELS,
         };
     }
-    executeRequest$(request, forceSubscriptions = false) {
-        var _a;
-        const fullRequest = cloneDeep(request);
-        if (((_a = fullRequest.actions) === null || _a === void 0 ? void 0 : _a.length) || forceSubscriptions) {
-            for (const subscription of Object.values(this.subscriptions)) {
-                fullRequest.selectors = assign(fullRequest.selectors, subscription.request.selectors);
-            }
-        }
-        const execution$ = this.getFlowSafe().properties.stateful
-            ? this.executeStateful$(fullRequest)
-            : this.executeStateless$(fullRequest);
-        return execution$.pipe(tap$1(result => this.handleSelectorsResponse(result.selectors)));
+    getConfigurationSettings() {
+        return this.configurationSettings$.value;
     }
-    handleSelectorsResponse(selectors) {
-        Object.entries(selectors).forEach(([requestId, selectorResult]) => {
-            var _a;
-            if (!selectorResult.success) {
-                this.toastService.add({ severity: ToastType.error, summary: selectorResult.errorMessage });
-            }
-            const subscription$ = (_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$;
-            if (subscription$ && subscription$.value !== selectorResult) {
-                this.checkStatefulChanges(requestId, selectorResult);
-                subscription$.next(selectorResult);
-            }
-        });
+    getShoppingCartSettings() {
+        return this.shoppingCartSettings$.value;
     }
-    initStateful$() {
-        var _a;
-        // Subscriptions
-        this.subscribe$(UITemplateType.FLOW_ENGINE, 'CONTEXT', null, { cold: true })
-            .pipe(tap$1(response => {
-            if (response.success) {
-                this.contextService.update(response.result);
-            }
-        }), takeUntil(this.cleanup$))
-            .subscribe();
-        const processorsList = flatten(Object.values(this.processors).map(ownerMap => Object.values(ownerMap !== null && ownerMap !== void 0 ? ownerMap : {})));
-        const processors = processorsList.length ? processorsList : undefined;
-        const selectors = Object.values(this.subscriptions)
-            .map(({ request }) => request.selectors)
-            .filter(isDefined)
-            .reduce((trunk, selectors) => (Object.assign(Object.assign({}, trunk), selectors)), {});
-        const request = this.getDefaultExecutionRequestDTO();
-        return this.flowStateApiService
-            .init({
-            quoteId: this.contextService.resolve().headerId,
-            params: (_a = this.flowInfoService.params) !== null && _a !== void 0 ? _a : {},
-            actionsOverride: processors === null || processors === void 0 ? void 0 : processors.filter(processor => processor.type === ConfigurationProcessorTypes.ACTION),
-            selectorsOverride: processors === null || processors === void 0 ? void 0 : processors.filter(processor => processor.type === ConfigurationProcessorTypes.SELECTOR),
-            selectors: Object.assign(Object.assign({}, selectors), request.selectors),
-            actions: request.actions,
-        })
-            .pipe(map$1(({ stateId, selectors }) => {
-            this.handleSelectorsResponse(selectors);
-            this.stateId$.next(stateId);
-        }));
+    getCurrencySettings() {
+        return this.currencySettings$.value;
     }
-    initBufferedRequest$() {
-        return this.statefulRequestStream$.pipe(buffer(this.statefulRequestStream$.pipe(debounceTime(this.EXECUTION_BUFFER_TIME))), switchMap(requests => {
-            if (!this.stateId$.value) {
-                throw 'Stateful session is not initialized';
+    parseConfigurationSettings(settings) {
+        return settings.reduce((acc, setting) => {
+            switch (setting.key) {
+                case 'shopping-cart':
+                    acc['shopping-cart'] = parseJsonSafely(setting.value, []);
+                    break;
+                case 'navigation':
+                    acc.navigation = parseJsonSafely(setting.value, {});
+                    break;
+                case 'flows':
+                    acc.flows = parseJsonSafely(setting.value, []);
+                    break;
+                default:
+                    acc[setting.key] = setting.value;
             }
-            // merge buffered requests
-            const request = {
-                actions: requests.flatMap(({ actions }) => actions).filter(isDefined),
-                selectors: requests
-                    .map(({ selectors }) => selectors)
-                    .filter(isDefined)
-                    .reduce((acc, selectorsMap) => Object.assign(acc, selectorsMap), {}),
-            };
-            this.executionInProgress$.next(true);
-            return this.flowStateApiService.execute(this.stateId$.value, request);
-        }), tap$1(({ stateId }) => this.stateId$.next(stateId)), share(), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
-            this.executionInProgress$.next(false);
-            return throwError(() => e);
-        }));
-    }
-    executeStateful$(request) {
-        return this.executionInProgress$.pipe(filter$1(inProgress => !inProgress), take$1(1), switchMap(() => 
-        // make sure stream switches to statefulExecutionRequest$ before pushing an execution request
-        combineLatest([
-            this.statefulExecutionRequest$,
-            of(undefined).pipe(tap$1(() => this.statefulRequestStream$.next(request))),
-        ])), map$1(([response]) => response), take$1(1));
+            return acc;
+        }, {});
     }
-    initStateless$() {
-        var _a;
-        const { headerId } = this.contextService.resolve();
-        return this.quoteDraftService.init(headerId, (_a = this.flowInfoService.params) !== null && _a !== void 0 ? _a : {}).pipe(tap$1(() => {
-            const assets = this.quoteDraftService.assetsState;
-            if (assets) {
-                this.flowStore = Object.assign(Object.assign({}, this.flowStore), { assets });
-            }
-        }), switchMap(() => {
-            if (this.flowInfoService.isLegacy) {
-                return of(null);
-            }
-            return this.executeRequest$(this.getDefaultExecutionRequestDTO());
-        }), switchMap(() => this.calculate$()), tap$1(() => this.quoteDraftService.finalizeInit()), map$1(noop));
+    addShoppingCartSettings(settings) {
+        // uniqBy removes items with the biggest index
+        const newSettings = uniqBy([...settings, ...this.shoppingCartSettings$.value], 'id');
+        this.shoppingCartSettings$.next(newSettings);
     }
-    calculate$() {
-        var _a;
-        const flowState = this.quoteDraftService.quoteDraft;
-        if (!flowState) {
-            return of(undefined);
-        }
-        /*
-          Don't execute procedures when:
-            * Initializing a standalone product configuration UI, as procedure is execute in /price call
-            * Initializing an empty account (account with no assets)
-        */
-        const isEmptyAccountMode = this.contextService.mode === ConfigurationContextMode.ACCOUNT &&
-            !this.quoteDraftService.hasProducts &&
-            !this.quoteDraftService.hasAssets &&
-            !((_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState.length);
-        if (this.quoteDraftService.isStandalone || isEmptyAccountMode) {
-            return of(undefined);
+}
+RuntimeSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, deps: [{ token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+RuntimeSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
+
+class FlowInfoService {
+    get flow() {
+        if (!this.flowSubj$.value) {
+            throw new Error(`Flow not initialized yet`);
         }
-        return this.flowConfiguration.calculate$(flowState);
+        return this.flowSubj$.value;
     }
-    executeStateless$(request) {
-        this.executionInProgress$.next(true);
-        return of(undefined).pipe(tap$1(() => this.executeStatelessActions(request)), switchMap(() => {
-            var _a;
-            /*
-              Skip price calculation in case
-              1. No actions in the request
-              2. Initialization process execution (state not initialized yet)
-            */
-            if (!((_a = request.actions) === null || _a === void 0 ? void 0 : _a.length) || !this.isInitialized()) {
-                return of(undefined);
-            }
-            else {
-                return this.calculate$();
-            }
-        }), map$1(() => this.executeStatelessSelectors(request)), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
-            this.executionInProgress$.next(false);
-            return throwError(() => e);
-        }));
+    get isFlowInitialized() {
+        return Boolean(this.flowSubj$.value);
     }
-    executeStatelessActions(request) {
-        var _a;
-        if (!this.quoteDraftService.quoteDraft || !((_a = request.actions) === null || _a === void 0 ? void 0 : _a.length)) {
-            return;
+    get context() {
+        if (!this.contextSubj$.value) {
+            throw new Error('Context is not initialized yet!');
         }
-        let flowState = this.quoteDraftService.quoteDraft;
-        request.actions.forEach(action => {
-            var _a;
-            try {
-                flowState = (_a = this.executeActionScript(flowState, action)) !== null && _a !== void 0 ? _a : flowState;
-            }
-            catch (e) {
-                console.error(e);
-                this.toastService.add({ severity: ToastType.error, summary: String(e) });
-                throw e;
-            }
-        });
-        this.quoteDraftService.updateQuoteDraft(flowState);
+        return Object.assign({}, this.contextSubj$.value);
     }
-    executeStatelessSelectors(request) {
-        var _a;
-        if (!this.quoteDraftService.quoteDraft) {
-            throw 'QuoteDraft is not initialized';
-        }
-        const flowState = this.quoteDraftService.quoteDraft;
-        return EntityUtil.entries((_a = request.selectors) !== null && _a !== void 0 ? _a : {}).reduce((result, [key, selector]) => {
-            try {
-                result.selectors[key] = {
-                    success: true,
-                    result: this.executeSelectorScript(flowState, selector),
-                };
-            }
-            catch (e) {
-                console.error(e);
-                result.selectors[key] = {
-                    success: false,
-                    errorMessage: String(e),
-                };
-            }
-            return result;
-        }, { stateId: '', selectors: {} });
+    get templates() {
+        return this.templatesSubj$.value;
     }
-    getFlowSafe() {
-        if (!this.flowInfoService.flow) {
-            throw 'Flow is not defined';
-        }
-        return this.flowInfoService.flow;
+    get isFlowEngineInitialized$() {
+        return this.templates$.pipe(map$2(v => Boolean(v.FLOW_ENGINE)));
     }
-    initProcessors$() {
+    get isStateful() {
         var _a;
-        const hasOverrides = Boolean((_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateConfigurationProcessors);
-        const flow = this.getFlowSafe();
-        if (flow.properties.stateful && !hasOverrides) {
-            // Skip initialization as backend will take processors from SF
-            return of(undefined);
-        }
-        const owners$ = Object.values(this.flowInfoService.templates)
-            .map(template => {
-            var _a, _b, _c;
-            if (!template) {
-                return;
-            }
-            const localProcessors$ = (_c = (_b = (_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateConfigurationProcessors) === null || _b === void 0 ? void 0 : _b.call(_a, template.name)) !== null && _c !== void 0 ? _c : of(null);
-            return localProcessors$.pipe(switchMap(processors => processors ? of(processors) : this.processorsApiService.fetchConfigurationProcessors$(template.id)), tap$1(processors => {
-                const processorsMap = processors.reduce((acc, p) => {
-                    acc[p.apiName] = p;
-                    return acc;
-                }, {});
-                this.processors[template.id] = processorsMap;
-            }));
-        })
-            .filter(isDefined);
-        if (!owners$.length) {
-            return of(undefined);
-        }
-        return forkJoin(owners$).pipe(map$1(noop));
+        return !!((_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful);
+    }
+    constructor(runtimeSettingsService, templatesApiService, customizationService) {
+        this.runtimeSettingsService = runtimeSettingsService;
+        this.templatesApiService = templatesApiService;
+        this.customizationService = customizationService;
+        this.defaultTemplates = {
+            flowEngine: 'Flow Engine',
+        };
+        this.flowSubj$ = new BehaviorSubject(null);
+        this.templatesSubj$ = new BehaviorSubject({});
+        this.contextSubj$ = new BehaviorSubject(null);
+        this.flow$ = this.flowSubj$.asObservable();
+        this.templates$ = this.templatesSubj$.asObservable();
+    }
+    cleanup() {
+        this.flowSubj$.next(null);
+        this.templatesSubj$.next({});
+        this.contextSubj$.next(null);
     }
-    executeActionScript(request, executable) {
-        var _a;
-        const configurationProcessor = (_a = this.processors[executable.ownerId]) === null || _a === void 0 ? void 0 : _a[executable.apiName];
-        if (!(configurationProcessor === null || configurationProcessor === void 0 ? void 0 : configurationProcessor.script)) {
-            const scope = this.getScopeByOwnerId(executable.ownerId);
-            const scopeText = scope ? ` in ${scope}` : '';
-            throw `ConfigurationProcessor ${executable.apiName}${scopeText} not found`;
-        }
-        return this.executeProcessorScript(request, configurationProcessor, executable.inputData);
+    init$(flowId, routeQueryParams) {
+        return this.initFlow$(flowId, routeQueryParams).pipe(switchMap(() => this.initFlowTemplates$()));
     }
-    executeSelectorScript(request, executable) {
+    initFlow$(flowId, routeQueryParams) {
         var _a;
-        const configurationProcessor = (_a = this.processors[executable.ownerId]) === null || _a === void 0 ? void 0 : _a[executable.apiName];
-        if (!(configurationProcessor === null || configurationProcessor === void 0 ? void 0 : configurationProcessor.script)) {
-            const scope = this.getScopeByOwnerId(executable.ownerId);
-            const scopeText = scope ? ` in ${scope}` : '';
-            throw `ConfigurationProcessor ${executable.apiName}${scopeText} not found`;
+        const flow = (_a = this.runtimeSettingsService.getConfigurationSettings()['flows']) === null || _a === void 0 ? void 0 : _a.find(({ id }) => flowId === id);
+        if (!flow) {
+            this.flowSubj$.next(null);
+            throw new Error(`Flow with flowId=${flowId} is not defined`);
         }
-        return this.executeProcessorScript(request, configurationProcessor, executable.inputData);
-    }
-    executeProcessorScript(request, configurationProcessor, inputData) {
-        var _a;
-        const scope = this.getScopeByOwnerId((_a = configurationProcessor.ownerId) !== null && _a !== void 0 ? _a : '');
-        let functionToExecute = this.executedFunctions[scope + configurationProcessor.apiName];
-        if (!functionToExecute) {
-            const script = `${configurationProcessor.script}\nreturn transform;`;
-            const sourceMap = `\n//# sourceURL=${scope ? scope + '/' : ''}${configurationProcessor.apiName}.js`;
-            functionToExecute = new Function(script + sourceMap)();
-            this.executedFunctions[scope + configurationProcessor.apiName] = functionToExecute;
+        const headerId = routeQueryParams['headerId'];
+        if (typeof headerId !== 'string') {
+            throw new Error(`Please provide 'headerId'`);
         }
-        return functionToExecute({
-            request,
-            inputData,
-            flowStore: this.flowStore,
-        });
+        const mode = this.getFlowContextMode(headerId);
+        // Restrict if mode is not defined
+        if (mode == null) {
+            throw new Error('Mode is undefined');
+        }
+        this.contextSubj$.next(Object.assign(Object.assign(Object.assign({}, flow.properties.queryParams), routeQueryParams), { mode }));
+        this.flowSubj$.next(flow);
+        return of(undefined);
     }
-    generateRequestId(scope, selectorName, inputData) {
-        const inputDataHash = UUID.hex(JSON.stringify(inputData) || '').slice(0, 8);
-        return `${scope}/${selectorName}/${inputDataHash}`;
+    initFlowTemplates$() {
+        var _a, _b, _c;
+        return forkJoin([
+            this.templatesApiService.fetchTemplates$(),
+            (_c = (_b = (_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplates) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : of([]),
+        ]).pipe(map$2(([templates, localTemplates]) => {
+            var _a, _b;
+            const newValue = {};
+            Object.entries(Object.assign(Object.assign({}, this.defaultTemplates), ((_b = (_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.templates) !== null && _b !== void 0 ? _b : {}))).forEach(([key, name]) => {
+                var _a;
+                const type = this.remapTemplateName(key);
+                if (type) {
+                    newValue[type] =
+                        (_a = localTemplates.find(template => template.name === name && template.type === type)) !== null && _a !== void 0 ? _a : templates.find(template => template.name === name && template.type === type);
+                }
+            });
+            this.templatesSubj$.next(newValue);
+        }));
     }
-    getDefaultExecutionRequestDTO() {
-        var _a;
-        const request = {
-            actions: [],
-            selectors: {},
-        };
-        if (this.getFlowSafe().properties.standalone) {
-            return request;
-        }
-        const flowEngineTemplateId = this.getOwnerIdByScope(UITemplateType.FLOW_ENGINE);
-        (_a = request.actions) === null || _a === void 0 ? void 0 : _a.push({
-            apiName: 'UPDATE_CONTEXT_PROPERTIES',
-            ownerId: flowEngineTemplateId,
-            inputData: this.contextService.resolve().properties,
-        });
-        return request;
+    remapTemplateName(templateType) {
+        switch (templateType) {
+            case 'flowEngine':
+                return UITemplateType.FLOW_ENGINE;
+            default:
+                break;
+        }
+        switch (templateType) {
+            case 'assets':
+            case 'shoppingCart':
+                // No separate Assets template at the moment
+                return UITemplateType.SHOPPING_CART;
+            case 'catalog':
+                return UITemplateType.CATALOG;
+            case 'guidedSelling':
+                return UITemplateType.GUIDED_SELLING;
+            case 'flowHeader':
+                return UITemplateType.FLOW_HEADER;
+            default:
+                break;
+        }
+        return undefined;
     }
-    checkStatefulChanges(requestId, selectorResult) {
-        if (this.trackedStatefulChangesMap.has(requestId)) {
-            if (!this.initialStatefulData[requestId]) {
-                this.initialStatefulData[requestId] = selectorResult;
-            }
-            const hasChanges = !isEqual(this.initialStatefulData[requestId], selectorResult);
-            this.trackedStatefulChangesMap.set(requestId, hasChanges);
+    getFlowContextMode(headerId) {
+        const objectName = SalesforceIdUtils.getSfObjectNameById(headerId);
+        if (!objectName) {
+            return;
         }
+        return objectName.toUpperCase();
     }
 }
-FlowStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, deps: [{ token: ContextService }, { token: QuoteDraftService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.ConfigurationProcessorsApiService }, { token: i1.FlowStateApiService }, { token: i1.QuoteApiService }, { token: i6.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, decorators: [{
+FlowInfoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, deps: [{ token: RuntimeSettingsService }, { token: i2.UITemplatesApiService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowInfoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
-        return [{ type: ContextService }, { type: QuoteDraftService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.ConfigurationProcessorsApiService }, { type: i1.FlowStateApiService }, { type: i1.QuoteApiService }, { type: i6.ToastService }, { type: undefined, decorators: [{
+        return [{ type: RuntimeSettingsService }, { type: i2.UITemplatesApiService }, { type: undefined, decorators: [{
                         type: Optional
                     }, {
                         type: Inject,
@@ -966,221 +662,164 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     }] }];
     } });
 
-const findLineItem = (id, lineItems) => {
-    return findLineItemWithComparator(lineItems, (li) => li.id === id);
-};
-const findLineItemWithComparator = (lineItems, comparator) => {
-    let currentLevel = lineItems;
-    while (currentLevel.length) {
-        const found = currentLevel.find(comparator);
-        if (found) {
-            return found;
-        }
-        currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
+/**
+ * @deprecated
+ */
+class QuoteDraftService {
+    get isInitialized$() {
+        return this.isInitializedSubj$.asObservable();
     }
-    return;
-};
-const insertLineItem = (lineItem, parentId, toInsert) => {
-    const insertData = lineItem.id === parentId ? [toInsert] : [];
-    return Object.assign(Object.assign({}, lineItem), { lineItems: [
-            ...insertData,
-            ...lineItem.lineItems.map(li => {
-                return insertLineItem(li, parentId, toInsert);
-            }),
-        ] });
-};
-const removeLineItem = (lineItem, idToRemove) => {
-    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems
-            .map(li => {
-            if (li.id === idToRemove) {
-                return;
-            }
-            else if (li.lineItems.length) {
-                return removeLineItem(li, idToRemove);
-            }
-            return li;
-        })
-            .filter(r => !!r) });
-};
-const replaceLineItem = (lineItem, replaceTo, skipCardinalityCalculation = false) => {
-    if (lineItem.id === replaceTo.id) {
-        if (!skipCardinalityCalculation) {
-            return Object.assign({}, recalculateCardinalityVariables(lineItem, replaceTo));
+    get isInitialized() {
+        return this.isInitializedSubj$.getValue();
+    }
+    set isInitialized(value) {
+        if (this.isInitialized !== value) {
+            this.isInitializedSubj$.next(value);
         }
-        else {
-            return Object.assign({}, replaceTo);
+    }
+    get hasUnsavedChanges() {
+        return this._hasUnsavedChanges;
+    }
+    set hasUnsavedChanges(value) {
+        var _a, _b;
+        this._hasUnsavedChanges = value;
+        if (!this._hasUnsavedChanges) {
+            this.initialCurrentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
         }
     }
-    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo, skipCardinalityCalculation)) });
-};
-const collectCardinalityComputations = (portDomains) => {
-    const cardinalityComputations = new Map();
-    entries(portDomains).forEach(([key, portDomain]) => {
-        cardinalityComputations.set(key, portDomain.properties['cardinalityComputation'] === 'true');
-    });
-    return cardinalityComputations;
-};
-const calculateCardinalityVariables = (lineItems, cardinalityComputations) => {
-    const cardVars = new Map();
-    lineItems
-        .filter(({ port, type }) => !!port && !!type)
-        .forEach(li => {
+    get hasProducts$() {
+        return this.quoteSubj$.pipe(map(() => this.hasProducts));
+    }
+    get hasProducts() {
         var _a;
-        if (cardinalityComputations.get(`${li.port}`)) {
-            const cardinalityVariableName = `#CV-${li.type}@${li.port}`;
-            cardVars.set(cardinalityVariableName, ((_a = cardVars.get(cardinalityVariableName)) !== null && _a !== void 0 ? _a : 0) + li.qty);
-        }
-    });
-    return cardVars;
-};
-const cardinalityRegexp = new RegExp('#CV-[a-zA-Z0-9_]+@(?<portName>[a-zA-Z0-9_]+)');
-const recalculateCardinalityVariables = (original, updated) => {
-    var _a, _b;
-    const cardinalityComputations = collectCardinalityComputations((_b = (_a = updated.portDomains) !== null && _a !== void 0 ? _a : original.portDomains) !== null && _b !== void 0 ? _b : {});
-    const cardinalityVariables = calculateCardinalityVariables(updated.lineItems, cardinalityComputations);
-    const originalCardinalityVariables = calculateCardinalityVariables(original.lineItems, cardinalityComputations);
-    originalCardinalityVariables.forEach((value, key) => {
+        return Boolean((_a = this.quoteSubj$.value) === null || _a === void 0 ? void 0 : _a.currentState.length);
+    }
+    get hasAssets$() {
+        return this.assetsSubj$.pipe(map(() => this.hasAssets));
+    }
+    get hasAssets() {
         var _a;
-        const execArray = cardinalityRegexp.exec(key);
-        const portName = (_a = execArray === null || execArray === void 0 ? void 0 : execArray.groups) === null || _a === void 0 ? void 0 : _a['portName'];
-        if (!portName || cardinalityComputations.get(portName)) {
-            if (cardinalityVariables.get(key) === value) {
-                // no need to update cardinality if no changes
-                cardinalityVariables.delete(key);
-            }
-            else if (!cardinalityVariables.has(key)) {
-                // remove last item from port
-                cardinalityVariables.set(key, 0);
+        return Boolean((_a = this.assetsSubj$.value) === null || _a === void 0 ? void 0 : _a.currentState.length);
+    }
+    get assetsState() {
+        return this.assetsSubj$.value;
+    }
+    constructor(flowInfoService, accountApiService) {
+        this.flowInfoService = flowInfoService;
+        this.accountApiService = accountApiService;
+        this.quoteSubj$ = new BehaviorSubject(null);
+        this.assetsSubj$ = new BehaviorSubject(null);
+        this.resetSubj$ = new BehaviorSubject(true);
+        this.isInitializedSubj$ = new BehaviorSubject(false);
+        this.initialCurrentState = [];
+        this._hasUnsavedChanges = false;
+        this.reset$ = this.resetSubj$.asObservable();
+        this.isInitializedSubj$
+            .pipe(filter(isInitialized => isInitialized), switchMap$1(() => this.quoteSubj$.asObservable()), skip(1), tap(quote => this.markAsUpdated(quote)))
+            .subscribe();
+    }
+    reset() {
+        this.resetSubj$.next(true);
+        this.quoteSubj$.next(null);
+        this.assetsSubj$.next(null);
+        this.isInitialized = false;
+        this.hasUnsavedChanges = false;
+    }
+    init(headerId, params) {
+        const isAccountMode = this.flowInfoService.context.mode === ConfigurationContextMode.ACCOUNT;
+        const accountId = isAccountMode ? headerId : this.flowInfoService.context['accountId'];
+        return zip(accountId ? this.accountApiService.getAssetsState(accountId, params) : of(null), isAccountMode
+            ? of(QuoteDraft.emptyQuote(ConfigurationContextMode.ACCOUNT))
+            : of(QuoteDraft.emptyQuote(ConfigurationContextMode.QUOTE))).pipe(tap(([assets, quote]) => {
+            if (assets) {
+                this.assetsSubj$.next(assets);
             }
-        }
-    });
-    return Object.assign(Object.assign({}, updated), { attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value, cfgStatus: 'Changed' }))) });
-};
-const mapAttributes = (attributes) => {
-    return attributes.reduce((acc, { name, value }) => (Object.assign(Object.assign({}, acc), { [name]: value })), {});
-};
-const getAttributes = (attributes, names = []) => {
-    const filtered = attributes.filter(({ name }) => names.includes(name));
-    return sortBy(filtered, [({ name }) => names.indexOf(name)]);
-};
-const upsertAttributes = (originalAttributes, attributesToUpsert) => {
-    return attributesToUpsert.reduce((acc, { name, value }) => {
-        const [origAttr] = getAttributes(acc, [name]);
-        return [
-            ...acc.filter(attr => attr.name !== name),
-            Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? origAttr : { name, type: '' })), { cfgStatus: origAttr ? 'Changed' : 'User', value }),
-        ];
-    }, originalAttributes);
-};
-const patchAttributes = (rootLineItem, id, attrs, skipCardinalityCalculation = false) => {
-    const lineItem = findLineItem(id, [rootLineItem]);
-    if (!lineItem) {
-        return rootLineItem;
+            this.quoteSubj$.next(quote);
+        }), map(() => noop()), take(1));
+    }
+    finalizeInit() {
+        this.isInitialized = true;
+        this.hasUnsavedChanges = false;
     }
-    const attributes = upsertAttributes(lineItem.attributes, attrs);
-    return replaceLineItem(rootLineItem, Object.assign(Object.assign({}, lineItem), { attributes }), skipCardinalityCalculation);
-};
-const getAttributeValue = (attributes, name) => { var _a; return (_a = attributes.find(attr => attr.name === name)) === null || _a === void 0 ? void 0 : _a.value; };
-const generateLineItem = (port, type, parentId, attributes = [], lineItems = []) => {
-    return {
-        id: UUID.UUID(),
-        port,
-        type,
-        actionCode: 'ADD',
-        cfgStatus: 'New',
-        attributes: attributes.map(({ name, value }) => ({ cfgStatus: 'User', name, value })),
-        lineItems,
-        parentId,
-        qty: 1,
-    };
-};
-const getRecommendedPrices = (portDomain, type) => {
-    var _a, _b;
-    const domainType = portDomain.domainTypes.find(({ name }) => name === type);
-    const [net, list] = (_b = (_a = domainType === null || domainType === void 0 ? void 0 : domainType.recommendedPrices) === null || _a === void 0 ? void 0 : _a.filter(({ chargeMethod }) => chargeMethod === 'ONE_TIME').reduce((acc, rp) => {
-        const [netPrice, listPrice] = acc;
-        return [netPrice + rp.netPrice, listPrice + rp.listPrice];
-    }, [0, 0])) !== null && _b !== void 0 ? _b : [0, 0];
-    return { net, list };
-};
-const getOriginParent = (lineItems, currentLineItem) => {
-    let target = currentLineItem;
-    while (target && target.rampInstanceId) {
-        target = lineItems.find(sub => sub.id === currentLineItem.rampInstanceId);
+    setCurrentLineItemState(lineItems) {
+        const quoteDraft = this.quoteSubj$.value;
+        if (!quoteDraft) {
+            return;
+        }
+        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: lineItems }));
     }
-    return target;
-};
-const assetPredicateFn = (lineItem, assetId) => {
-    if (!assetId) {
-        return false;
+    updateQuoteDraft(update) {
+        const quoteDraft = this.quoteSubj$.value;
+        if (!quoteDraft) {
+            return;
+        }
+        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), update));
     }
-    return lineItem.assetId === assetId || lineItem.openOrderLineItemId === assetId;
-};
-const multiplyLineItems = (lineItem, qty, split) => {
-    if (split) {
-        const unifyIds = (lineItem) => (Object.assign(Object.assign({}, lineItem), { id: UUID.UUID(), lineItems: lineItem.lineItems.map(unifyIds) }));
-        return map$2(new Array(qty), () => unifyIds(lineItem));
+    updateByPriceSummary(priceSummary) {
+        const quoteDraft = this.quoteSubj$.value;
+        if (!quoteDraft) {
+            return;
+        }
+        const updatedCurrentState = this.currentState.map(lineItem => {
+            const updated = priceSummary.lineItems.find(li => li.id === lineItem.id);
+            return updated !== null && updated !== void 0 ? updated : lineItem;
+        });
+        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedCurrentState, totalPrices: priceSummary.totalPrices, approvalItems: priceSummary.approvalItems }));
     }
-    else {
-        return [
-            Object.assign(Object.assign({}, lineItem), { qty: qty }),
-        ];
+    setAssetsState(assetsState) {
+        this.assetsSubj$.next(assetsState);
     }
-};
-const isTechnicalAttribute = (name) => {
-    return name.startsWith('#') || name.startsWith('$');
-};
-const filterOutTechnicalAttributes = (attributes) => {
-    return attributes.filter(({ name }) => !isTechnicalAttribute(name));
-};
-
-var lineItem_utils = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    assetPredicateFn: assetPredicateFn,
-    filterOutTechnicalAttributes: filterOutTechnicalAttributes,
-    findLineItem: findLineItem,
-    findLineItemWithComparator: findLineItemWithComparator,
-    generateLineItem: generateLineItem,
-    getAttributeValue: getAttributeValue,
-    getAttributes: getAttributes,
-    getOriginParent: getOriginParent,
-    getRecommendedPrices: getRecommendedPrices,
-    insertLineItem: insertLineItem,
-    isTechnicalAttribute: isTechnicalAttribute,
-    mapAttributes: mapAttributes,
-    multiplyLineItems: multiplyLineItems,
-    patchAttributes: patchAttributes,
-    recalculateCardinalityVariables: recalculateCardinalityVariables,
-    removeLineItem: removeLineItem,
-    replaceLineItem: replaceLineItem,
-    upsertAttributes: upsertAttributes
-});
-
-class LineItemWorker {
-    constructor(src) {
-        this.li = Object.assign({}, src);
+    get quoteDraft$() {
+        return this.quoteSubj$.pipe(map(() => this.quoteDraft), filter((quote) => Boolean(quote)), shareReplay());
     }
-    insert(parentId, toInsert) {
-        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+    get quoteDraft() {
+        return this.quoteSubj$.value;
     }
-    remove(id) {
-        return new LineItemWorker(removeLineItem(this.li, id));
+    get currentState$() {
+        return this.quoteDraft$.pipe(map(quote => quote.currentState));
     }
-    replace(toReplace, skipCardinalityCalculation = false) {
-        return new LineItemWorker(replaceLineItem(this.li, toReplace, skipCardinalityCalculation));
+    get currentState() {
+        var _a, _b;
+        return (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
     }
-    patchAttribute(attrs, id, skipCardinalityCalculation = false) {
-        return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs, skipCardinalityCalculation));
+    get isStandalone() {
+        var _a, _b;
+        return (_b = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.standalone) !== null && _b !== void 0 ? _b : false;
+    }
+    get isStandalone$() {
+        return this.flowInfoService.flow$.pipe(map(() => this.isStandalone));
+    }
+    getInitialCurrentState() {
+        return this.initialCurrentState;
+    }
+    isEditMode$() {
+        return this.quoteDraft$.pipe(map(() => this.isEditMode()));
+    }
+    isEditMode() {
+        var _a;
+        const context = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.context;
+        if ((context === null || context === void 0 ? void 0 : context.mode) === ConfigurationContextMode.ACCOUNT) {
+            return true;
+        }
+        if ((context === null || context === void 0 ? void 0 : context.mode) === ConfigurationContextMode.QUOTE) {
+            return context.properties.Status === 'Draft';
+        }
+        return false;
+    }
+    markAsUpdated(quote) {
+        if ((quote === null || quote === void 0 ? void 0 : quote.context.properties['#mode']) === ConfigurationContextMode.ACCOUNT) {
+            this.hasUnsavedChanges = !!quote && !quote.currentState.every(li => li.actionCode === 'EXIST');
+        }
+        else {
+            this.hasUnsavedChanges = !isEqual(this.initialCurrentState, quote === null || quote === void 0 ? void 0 : quote.currentState);
+        }
     }
 }
-
-function extractMetadata(uiDefinition) {
-    return omit(uiDefinition, [
-        'children',
-        'pages',
-        'components',
-    ]);
-}
+QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: FlowInfoService }, { token: i1.AccountApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+QuoteDraftService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: i1.AccountApiService }]; } });
 
 class FlowUpdateService {
     update(rootLineItems, updates, charges) {
@@ -1314,538 +953,615 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }] });
 
-class RuntimeSettingsService {
-    constructor(configurationSettingsApiService) {
-        this.configurationSettingsApiService = configurationSettingsApiService;
-        this.configurationSettings$ = new BehaviorSubject({});
-        this.currencySettings$ = new BehaviorSubject({
-            iso: DEFAULT_CURRENCY_ISO_CODE,
-            symbol: DEFAULT_CURRENCY_SYMBOL,
-        });
-        this.shoppingCartSettings$ = new BehaviorSubject([]);
-        this.getCurrencySymbol = (locale, currency) => {
-            return (0)
-                .toLocaleString(locale, { style: 'currency', currency, minimumFractionDigits: 0, maximumFractionDigits: 0 })
-                .replace(/\d/g, '')
-                .trim();
-        };
+class FlowConfigurationService {
+    constructor(proceduresApiService, 
+    // private quoteDraftService: QuoteDraftService,
+    salesTransactionService, updateService, configurationService, flowInfoService) {
+        this.proceduresApiService = proceduresApiService;
+        this.salesTransactionService = salesTransactionService;
+        this.updateService = updateService;
+        this.configurationService = configurationService;
+        this.flowInfoService = flowInfoService;
+        this.updatedSubj$ = new Subject();
+        this.updated$ = this.updatedSubj$.asObservable();
     }
-    create() {
-        return this.configurationSettingsApiService.fetchSettings().pipe(map$1(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => {
-            var _a;
-            this.configurationSettings$.next(configurationSettings);
-            this.addShoppingCartSettings((_a = configurationSettings['shopping-cart']) !== null && _a !== void 0 ? _a : []);
-            this.formattingSettings = this.getFormattingSettings();
-        }), map$1(() => undefined));
+    calculate$(state) {
+        return this.proceduresApiService.apply$({ salesTransaction: state }).pipe(tap$1(result => this.salesTransactionService.setState(result.salesTransaction)), map$2(noop));
     }
-    initCurrency(iso) {
-        if (iso) {
-            const symbol = this.getCurrencySymbol('en-US', iso);
-            this.currencySettings$.next({ iso, symbol });
-            if (this.formattingSettings) {
-                this.formattingSettings.currencySymbol = symbol;
-            }
+    calculate(state) {
+        this.calculate$(state).subscribe();
+    }
+    revert$(lineItemId) {
+        var _a;
+        const state = this.salesTransactionService.state;
+        const initialCurrentState = this.salesTransactionService.getInitialCurrentState();
+        const currentState = (_a = state === null || state === void 0 ? void 0 : state.salesTransactionItems) !== null && _a !== void 0 ? _a : [];
+        const currentLineItemIndex = currentState.findIndex(({ id }) => id === lineItemId);
+        const currentLineItem = currentState[currentLineItemIndex];
+        const initialLineItem = initialCurrentState.find(({ integrationId }) => integrationId === (currentLineItem === null || currentLineItem === void 0 ? void 0 : currentLineItem.integrationId));
+        if (!state || !currentLineItem || !initialLineItem) {
+            return of(null);
         }
+        const updatedState = cloneDeep(currentState);
+        updatedState.splice(currentLineItemIndex, 1, initialLineItem);
+        return of([]).pipe(tap$1(() => {
+            this.salesTransactionService.setState(Object.assign(Object.assign({}, state), { salesTransactionItems: updatedState }));
+        }), switchMap(() => this.calculate$(Object.assign(Object.assign({}, state), { salesTransactionItems: updatedState }))), map$2(() => this.salesTransactionService.state), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
     }
-    getFormattingSettings() {
-        var _a, _b;
-        if (this.formattingSettings) {
-            return this.formattingSettings;
+    revert(lineItemId) {
+        this.revert$(lineItemId).subscribe();
+    }
+    delete$(ids) {
+        const state = this.salesTransactionService.state;
+        if (!state) {
+            return of(null);
         }
-        const shoppingCartSettings = (_a = this.getConfigurationSettings()['shopping-cart']) === null || _a === void 0 ? void 0 : _a.reduce((acc, setting) => {
-            return Object.assign(Object.assign({}, acc), { [setting.id]: setting.properties });
-        }, {});
-        const currencySettings = this.getCurrencySettings();
-        const dateFormat = (validateDateFormat((_b = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT) !== null && _b !== void 0 ? _b : '') && (shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT)) ||
-            DEFAULT_DATE_FORMAT;
-        const decimalSeparator = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DECIMAL_SEPARATOR;
-        const thousandsSeparator = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.THOUSANDS_SEPARATOR;
-        // the number of decimal places can be 0
-        const priceScale = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.PRICE_SCALE;
-        const decimalsCount = priceScale !== null && priceScale !== '' && !isNaN(Number(priceScale)) && Number(priceScale) >= 0
-            ? Number(priceScale)
-            : DEFAULT_DECIMALS_COUNT;
-        const actionCodeSettings = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.STATUS_LABEL;
-        return {
-            currencySymbol: currencySettings.symbol,
-            dateFormats: getSupportedDateFormats(dateFormat),
-            decimalsCount,
-            decimalSeparator: decimalSeparator !== undefined && ['.', ','].includes(decimalSeparator)
-                ? decimalSeparator
-                : DEFAULT_DECIMAL_SEPARATOR,
-            // thousands separator can be a blank value, so it can also be null
-            thousandsSeparator: thousandsSeparator !== undefined && ['.', ',', '', null].includes(thousandsSeparator)
-                ? thousandsSeparator || ''
-                : DEFAULT_THOUSANDS_SEPARATOR,
-            actionCodeLabels: (actionCodeSettings === null || actionCodeSettings === void 0 ? void 0 : actionCodeSettings.length)
-                ? actionCodeSettings.reduce((result, setting) => (Object.assign(Object.assign({}, result), { [setting.status_label]: setting.custom_label })), {})
-                : DEFAULT_ACTION_CODE_LABELS,
+        return of([]).pipe(map$2(() => state.salesTransactionItems.filter(({ id }) => !ids.includes(id))), switchMap(updatedState => this.calculate$(Object.assign(Object.assign({}, state), { salesTransactionItems: updatedState }))), map$2(() => this.salesTransactionService.state), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+    }
+    delete(ids) {
+        this.delete$(ids).subscribe();
+    }
+    addTerm$(term) {
+        // TODO: implement
+        return of(this.salesTransactionService.state);
+    }
+    addToCart$(props) {
+        // TODO: implement
+        return of(this.salesTransactionService.state);
+    }
+    handleErrorAndBounceBack() {
+        return (source$) => {
+            return source$.pipe(catchError(error => {
+                console.error(error);
+                // bounce back if configuration call has failed
+                const state = this.salesTransactionService.state;
+                if (state) {
+                    this.salesTransactionService.setState(state);
+                    this.updatedSubj$.next();
+                }
+                return throwError(() => error);
+            }));
         };
     }
-    getConfigurationSettings() {
-        return this.configurationSettings$.value;
+}
+FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, deps: [{ token: i2.ProceduresApiService }, { token: SalesTransactionService }, { token: FlowUpdateService }, { token: ConfigurationService }, { token: FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i2.ProceduresApiService }, { type: SalesTransactionService }, { type: FlowUpdateService }, { type: ConfigurationService }, { type: FlowInfoService }]; } });
+
+class FlowConfigurationModule {
+}
+FlowConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, imports: [ApiModule] });
+FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService], imports: [ApiModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ApiModule],
+                    providers: [FlowConfigurationService, FlowUpdateService],
+                }]
+        }] });
+
+class SalesTransactionService {
+    get isInitialized$() {
+        return this.isInitializedSubj$.asObservable();
+    }
+    get isInitialized() {
+        return this.isInitializedSubj$.getValue();
     }
-    getShoppingCartSettings() {
-        return this.shoppingCartSettings$.value;
+    set hasUnsavedChanges(value) {
+        var _a, _b;
+        this.hasUnsavedChangesSubj$.next(value);
+        if (!this.hasUnsavedChanges) {
+            this.initialCurrentState = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.salesTransactionItems) !== null && _b !== void 0 ? _b : [];
+        }
     }
-    getCurrencySettings() {
-        return this.currencySettings$.value;
+    get hasUnsavedChanges() {
+        return this.hasUnsavedChangesSubj$.getValue();
     }
-    parseConfigurationSettings(settings) {
-        return settings.reduce((acc, setting) => {
-            switch (setting.key) {
-                case 'shopping-cart':
-                    acc['shopping-cart'] = parseJsonSafely(setting.value, []);
-                    break;
-                case 'navigation':
-                    acc.navigation = parseJsonSafely(setting.value, {});
-                    break;
-                case 'flows':
-                    acc.flows = parseJsonSafely(setting.value, []);
-                    break;
-                default:
-                    acc[setting.key] = setting.value;
-            }
-            return acc;
-        }, {});
+    get state() {
+        return this.stateSubj$.getValue();
     }
-    addShoppingCartSettings(settings) {
-        // uniqBy removes items with the biggest index
-        const newSettings = uniqBy([...settings, ...this.shoppingCartSettings$.value], 'id');
-        this.shoppingCartSettings$.next(newSettings);
+    constructor(flowInfoService, salesTransactionApiService) {
+        this.flowInfoService = flowInfoService;
+        this.salesTransactionApiService = salesTransactionApiService;
+        this.stateSubj$ = new BehaviorSubject(null);
+        this.isInitializedSubj$ = new BehaviorSubject(false);
+        this.hasUnsavedChangesSubj$ = new BehaviorSubject(false);
+        this.initialCurrentState = [];
+        this.hasUnsavedChanges$ = this.hasUnsavedChangesSubj$.asObservable();
+        this.state$ = this.stateSubj$.asObservable().pipe(filter$1(isDefined));
+    }
+    init(headerId, params) {
+        return this.salesTransactionApiService.getState(headerId, params).pipe(tap$1(res => this.stateSubj$.next(res)));
+    }
+    finalizeInit() {
+        this.isInitializedSubj$.next(true);
+        this.hasUnsavedChanges = false;
+    }
+    reset() {
+        this.stateSubj$.next(null);
+        this.isInitializedSubj$.next(false);
+        this.hasUnsavedChangesSubj$.next(false);
+    }
+    getInitialCurrentState() {
+        return this.initialCurrentState;
+    }
+    setState(state) {
+        this.stateSubj$.next(state);
     }
 }
-RuntimeSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, deps: [{ token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-RuntimeSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, decorators: [{
+SalesTransactionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionService, deps: [{ token: FlowInfoService }, { token: i2.SalesTransactionApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+SalesTransactionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
+        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: i2.SalesTransactionApiService }]; } });
 
-class ConfigurationService {
-    constructor(quoteDraftService, runtimeService, contextService, configurationApiService, messageService, dialogService, runtimeSettings, flowInfoService) {
-        this.quoteDraftService = quoteDraftService;
-        this.runtimeService = runtimeService;
-        this.contextService = contextService;
-        this.configurationApiService = configurationApiService;
-        this.messageService = messageService;
-        this.dialogService = dialogService;
-        this.runtimeSettings = runtimeSettings;
+class FlowStateService {
+    constructor(salesTransactionService, flowInfoService, flowConfiguration, processorsApiService, flowStateApiService, salesTransactionApiService, toastService, customizationService) {
+        this.salesTransactionService = salesTransactionService;
         this.flowInfoService = flowInfoService;
-        this.mode = ConfigurationMode.SEARCH;
-        this.configurationState = new BehaviorSubject(null);
-        this.previousConfigurationState = new BehaviorSubject(null);
-        this.isLoadingSubj$ = new BehaviorSubject(false);
-        this.isLoading$ = this.isLoadingSubj$.asObservable();
-        this.hasUnsavedChanges = false;
-    }
-    reset() {
-        this.hasUnsavedChanges = false;
-        this.runtimeService.reset();
-        this.configurableRamp = undefined;
-        this.configurationState.next(null);
-        this.previousConfigurationState.next(null);
+        this.flowConfiguration = flowConfiguration;
+        this.processorsApiService = processorsApiService;
+        this.flowStateApiService = flowStateApiService;
+        this.salesTransactionApiService = salesTransactionApiService;
+        this.toastService = toastService;
+        this.customizationService = customizationService;
+        this.NOT_INITIALIZED = Symbol();
+        this.EXECUTION_BUFFER_TIME = 100;
+        this.executedFunctions = {};
+        this.stateId$ = new BehaviorSubject(null);
+        this.initialStatefulData = {};
+        this.trackedStatefulChangesMap = new Map();
+        this.processors = {};
+        this.subscriptions = {};
+        this.flowStore = {};
+        this.executionInProgress$ = new BehaviorSubject(false);
+        this.statefulRequestStream$ = new Subject();
+        this.cleanup$ = new Subject();
+        this.statefulExecutionRequest$ = this.initBufferedRequest$();
+        /*
+          In stateless mode watch QuoteDraft changes and call executeRequest so that
+          all subscriptions get their updates according to updated QuoteDraft
+        */
+        this.isInitialized$()
+            .pipe(filter$1(Boolean), filter$1(() => !this.getFlowSafe().properties.stateful), switchMap(() => this.flowConfiguration.updated$), switchMap(() => this.executeRequest$({}, true)))
+            .subscribe();
+        this.charges$ = this.flowInfoService.isFlowEngineInitialized$.pipe(filter$1(Boolean), switchMap(() => {
+            return this.subscribe$(UITemplateType.FLOW_ENGINE, 'CHARGES', null, {
+                cold: true,
+            }).pipe(map$2(response => (response.success ? response.result : {})));
+        }), shareReplay$1(1));
+        this.charges$.subscribe();
+        this.pricePlans$ = this.flowInfoService.isFlowEngineInitialized$.pipe(filter$1(Boolean), switchMap(() => {
+            return this.subscribe$(UITemplateType.FLOW_ENGINE, 'PRICE_PLANS', null, {
+                cold: true,
+            }).pipe(map$2(response => (response.success ? response.result : {})));
+        }), shareReplay$1(1));
+        this.pricePlans$.subscribe();
+        this.activeMetrics$ = this.flowInfoService.isFlowEngineInitialized$.pipe(filter$1(Boolean), switchMap(() => {
+            return this.subscribe$(UITemplateType.FLOW_ENGINE, 'ACTIVE_METRICS', null, {
+                cold: true,
+            }).pipe(map$2(response => (response.success ? response.result : [])));
+        }), shareReplay$1(1));
+        this.activeMetrics$.subscribe();
+        this.isPriceListLocked$ = this.flowInfoService.isFlowEngineInitialized$.pipe(filter$1(Boolean), switchMap(() => {
+            return this.subscribe$(UITemplateType.FLOW_ENGINE, 'IS_PRICE_LIST_LOCKED', null, {
+                cold: true,
+            }).pipe(map$2(response => (response.success ? response.result : false)));
+        }), shareReplay$1(1));
+        this.isPriceListLocked$.subscribe();
     }
-    patch$(lineItem, options) {
-        const source = this.getSnapshot();
-        if (!source) {
-            return throwError(() => new Error(`Source LineItem not found`));
-        }
-        const skipCardinalityCalculation = (options === null || options === void 0 ? void 0 : options.skipCardinalityCalculation) || this.contextSnapshot.properties['#skipCardinalityCalculation'] === 'true';
-        this.configurableRamp = new LineItemWorker(source).replace(lineItem, skipCardinalityCalculation).li;
-        return this.configure().pipe(catchError$1(error => {
-            console.error(error);
-            if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
-                this.messageService.add({ severity: 'error', summary: error });
+    init$() {
+        return this.initProcessors$().pipe(switchMap(() => {
+            if (this.getFlowSafe().properties.stateful) {
+                return this.initStateful$();
             }
-            // bounce back if configuration call has failed
-            const prevState = this.configurationState.value;
-            this.configurationState.next(prevState ? Object.assign({}, prevState) : null);
-            return throwError(() => error);
-        }), tap(() => {
-            if (!this.hasUnsavedChanges) {
-                this.hasUnsavedChanges = true;
+            else {
+                return this.initStateless$();
             }
         }));
     }
-    patch(lineItem, options) {
-        this.patch$(lineItem, options).subscribe();
-    }
-    setConfigurableRamp(lineItem) {
-        this.configurableRamp = lineItem;
-    }
-    get() {
-        return this.configurationState.pipe(map(state => state === null || state === void 0 ? void 0 : state.lineItem), shareReplay$1());
+    cleanup() {
+        Object.values(this.subscriptions).forEach(({ data$ }) => data$.complete());
+        this.subscriptions = {};
+        if (this.stateId$.value) {
+            this.flowStateApiService.cancel(this.stateId$.value).subscribe();
+            this.stateId$.next(null);
+        }
+        this.processors = {};
+        this.flowStore = {};
+        this.cleanup$.next();
     }
-    getSnapshot() {
-        var _a, _b;
-        return ((_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.lineItem) ? Object.assign({}, (_b = this.configurationState.value) === null || _b === void 0 ? void 0 : _b.lineItem) : undefined;
+    get hasUnsavedChanges() {
+        return this.getFlowSafe().properties.stateful
+            ? Array.from(this.trackedStatefulChangesMap.values()).some(Boolean)
+            : this.salesTransactionService.hasUnsavedChanges;
     }
-    getRuntimeModel() {
-        const runtimeModel = this.runtimeService.runtimeModel;
-        if (!runtimeModel) {
-            throw new Error('Runtime model not initialized');
-        }
-        return runtimeModel;
+    get stateId() {
+        return this.stateId$.value;
     }
-    getRuntimeContext() {
-        const runtimeContext = this.runtimeService.runtimeContext;
-        if (!runtimeContext) {
-            throw new Error('Runtime context not initialized');
-        }
-        return runtimeContext;
+    get isExecutionInProgress$() {
+        return this.executionInProgress$.asObservable();
     }
-    get state$() {
-        return this.configurationState.asObservable();
+    isInitialized$() {
+        return combineLatest([this.stateId$, this.salesTransactionService.isInitialized$]).pipe(map$2(values => values.some(Boolean)));
     }
-    get stateSnapshot() {
-        return this.configurationState.value;
+    isInitialized() {
+        return Boolean(this.stateId$.value) || this.salesTransactionService.isInitialized;
     }
-    get previousStateSnapshot() {
-        return this.previousConfigurationState.value;
+    execute$(scope, exec) {
+        const request = this.execToRequest(scope, exec);
+        return this.executeRequest$(request).pipe(map$2(result => {
+            // Keep only requested results
+            const actualSelectors = Object.entries(result.selectors).reduce((trunk, [requestId, result]) => {
+                var _a;
+                if ((_a = exec.selectors) === null || _a === void 0 ? void 0 : _a[requestId]) {
+                    trunk[requestId] = result;
+                }
+                return trunk;
+            }, {});
+            return actualSelectors;
+        }));
     }
-    get contextSnapshot() {
-        return this.contextService.resolve();
+    dispatch$(scope, action, inputData) {
+        const exec = {
+            actions: [{ name: action, inputData }],
+        };
+        const request = this.execToRequest(scope, exec);
+        return this.executeRequest$(request).pipe(map$2(noop));
     }
-    get context$() {
-        return this.contextService.resolve$();
+    select$(scope, selectorName, inputData) {
+        const requestId = this.generateRequestId(scope, selectorName, inputData);
+        const request = this.execToRequest(scope, {
+            selectors: {
+                [requestId]: {
+                    name: selectorName,
+                    inputData,
+                },
+            },
+        });
+        return this.executeRequest$(request).pipe(map$2(response => response.selectors[requestId]));
     }
-    get charges$() {
-        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.charges) !== null && _a !== void 0 ? _a : {}; }));
+    subscribe$(scope, selectorName, inputData, options) {
+        const requestId = this.generateRequestId(scope, selectorName, inputData);
+        let subscription = this.subscriptions[requestId];
+        if (!subscription) {
+            const request = this.execToRequest(scope, {
+                selectors: {
+                    [requestId]: {
+                        name: selectorName,
+                        inputData,
+                    },
+                },
+            });
+            subscription = {
+                request,
+                data$: new BehaviorSubject(this.NOT_INITIALIZED),
+            };
+            this.subscriptions[requestId] = subscription;
+            if (options === null || options === void 0 ? void 0 : options.trackedChanges) {
+                this.trackedStatefulChangesMap.set(requestId, false);
+            }
+            if (!(options === null || options === void 0 ? void 0 : options.cold)) {
+                this.executeRequest$(request).subscribe();
+            }
+        }
+        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$2(data => data), finalize(() => {
+            var _a;
+            if (!((_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$.observed)) {
+                delete this.subscriptions[requestId];
+            }
+        }));
     }
-    get chargesSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.charges) !== null && _b !== void 0 ? _b : {};
+    save$() {
+        if (this.getFlowSafe().properties.stateful) {
+            if (this.stateId$.value) {
+                return this.flowStateApiService.save(this.stateId$.value).pipe(map$2(({ quoteId }) => ({ id: quoteId })), tap$1(() => {
+                    Array.from(this.trackedStatefulChangesMap.keys()).forEach(key => {
+                        this.trackedStatefulChangesMap.set(key, false);
+                    });
+                }));
+            }
+        }
+        else {
+            const state = this.salesTransactionService.state;
+            if (state) {
+                return this.salesTransactionApiService.upsert(state);
+            }
+        }
+        return of({ id: '' });
     }
-    get pricePlans$() {
-        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.pricePlans) !== null && _a !== void 0 ? _a : {}; }));
+    submit$() {
+        if (this.getFlowSafe().properties.stateful) {
+            if (this.stateId$.value) {
+                return this.flowStateApiService.submit(this.stateId$.value).pipe(map$2(({ quoteId }) => ({ id: quoteId })));
+            }
+        }
+        else {
+            const state = this.salesTransactionService.state;
+            if (state) {
+                return this.salesTransactionApiService.submit(state);
+            }
+        }
+        return of({ id: '' });
     }
-    get pricePlansSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.pricePlans) !== null && _b !== void 0 ? _b : {};
+    getFlowStore() {
+        return this.flowStore;
     }
-    get procedureContext$() {
-        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.procedureContext) !== null && _a !== void 0 ? _a : {}; }));
+    getOwnerIdByScope(scope) {
+        var _a;
+        const ownerId = (_a = this.flowInfoService.templates[scope]) === null || _a === void 0 ? void 0 : _a.id;
+        if (!ownerId) {
+            throw `OwnerId is not found for scope ${scope}`;
+        }
+        return ownerId;
     }
-    get procedureContextSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.procedureContext) !== null && _b !== void 0 ? _b : {};
+    getScopeByOwnerId(id) {
+        for (const template of Object.values(this.flowInfoService.templates)) {
+            if (template.id === id) {
+                return template.type;
+            }
+        }
+        return;
     }
-    configure() {
-        return this.configureRequest$(this.generateRequest());
+    execToRequest(scope, exec) {
+        var _a;
+        const ownerId = this.getOwnerIdByScope(scope);
+        return {
+            actions: (_a = exec.actions) === null || _a === void 0 ? void 0 : _a.map(action => { var _a; return ({ apiName: action.name, ownerId, inputData: (_a = action.inputData) !== null && _a !== void 0 ? _a : {} }); }),
+            selectors: exec.selectors &&
+                Object.entries(exec.selectors).reduce((trunk, [key, selector]) => {
+                    var _a;
+                    return (Object.assign(Object.assign({}, trunk), { [key]: { apiName: selector.name, ownerId, inputData: (_a = selector.inputData) !== null && _a !== void 0 ? _a : {} } }));
+                }, {}),
+        };
     }
-    configureRequest$(configurationRequest) {
+    executeRequest$(request, forceSubscriptions = false) {
         var _a;
-        const runtimeContext = this.getRuntimeContext();
-        const runtimeModel = this.getRuntimeModel();
-        const uiDefinitionProperties = this.getUIDefinitionProperties();
-        const mainPricingEnabled = (_a = runtimeContext.properties) === null || _a === void 0 ? void 0 : _a.PricingEnabled;
-        const pricingEnabled = mainPricingEnabled ? mainPricingEnabled === 'true' : uiDefinitionProperties.pricingEnabled;
-        const customPriceApi = this.runtimeSettings.getConfigurationSettings()['CUSTOM_PRICE_API'];
-        this.isLoadingSubj$.next(true);
-        const configure$ = pricingEnabled && customPriceApi
-            ? this.configurationApiService.customConfigurePrice({
-                url: customPriceApi,
-                configurationRequest: this.extendConfigurationRequest(configurationRequest),
-                runtimeModel,
-            })
-            : this.extendedConfigureLineItem$({
-                configurationRequest,
-                runtimeModel,
-                pricingEnabled,
-            });
-        return configure$.pipe(tap(result => {
-            var _a;
-            this.contextService.update(result.context);
-            this.configurationState.next(result);
-            this.previousConfigurationState.next(cloneDeep(result));
-            if ((_a = result.deletedLineItems) === null || _a === void 0 ? void 0 : _a.length) {
-                this.showInactiveProductsConfirmation();
+        const fullRequest = cloneDeep(request);
+        if (((_a = fullRequest.actions) === null || _a === void 0 ? void 0 : _a.length) || forceSubscriptions) {
+            for (const subscription of Object.values(this.subscriptions)) {
+                fullRequest.selectors = assign(fullRequest.selectors, subscription.request.selectors);
             }
-            this.configurableRamp = result.lineItem;
-        }), map(({ lineItem }) => lineItem), catchError$1(error => throwError(() => {
-            const resetState = this.previousConfigurationState.value;
-            if (resetState) {
-                this.previousConfigurationState.next(cloneDeep(resetState));
-                this.configurationState.next(resetState);
+        }
+        const execution$ = this.getFlowSafe().properties.stateful
+            ? this.executeStateful$(fullRequest)
+            : this.executeStateless$(fullRequest);
+        return execution$.pipe(tap$1(result => this.handleSelectorsResponse(result.selectors)));
+    }
+    handleSelectorsResponse(selectors) {
+        Object.entries(selectors).forEach(([requestId, selectorResult]) => {
+            var _a;
+            if (!selectorResult.success) {
+                this.toastService.add({ severity: ToastType.error, summary: selectorResult.errorMessage });
             }
-            if (error.error) {
-                return extractErrorDetails(error.error).join('. ');
+            const subscription$ = (_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$;
+            if (subscription$ && subscription$.value !== selectorResult) {
+                this.checkStatefulChanges(requestId, selectorResult);
+                subscription$.next(selectorResult);
             }
-            return error.message || JSON.stringify(error);
-        })), finalize$1(() => this.isLoadingSubj$.next(false)));
+        });
     }
-    configureExternal$(props) {
-        return this.runtimeService
-            .init({ productId: props.productId, defaultQty: props.qty, attributesMap: props.attributesMap })
-            .pipe(switchMap$1(() => this.configure()), first(), catchError$1(error => {
-            this.messageService.add({ severity: ToastType.error, summary: error });
-            throw error;
-        }), finalize$1(() => this.reset()));
+    initStateful$() {
+        const processorsList = flatten(Object.values(this.processors).map(ownerMap => Object.values(ownerMap !== null && ownerMap !== void 0 ? ownerMap : {})));
+        const processors = processorsList.length ? processorsList : undefined;
+        const selectors = Object.values(this.subscriptions)
+            .map(({ request }) => request.selectors)
+            .filter(isDefined)
+            .reduce((trunk, selectors) => (Object.assign(Object.assign({}, trunk), selectors)), {});
+        return this.flowStateApiService
+            .init({
+            quoteId: this.flowInfoService.context.headerId,
+            params: this.flowInfoService.context,
+            actionsOverride: processors === null || processors === void 0 ? void 0 : processors.filter(processor => processor.type === ConfigurationProcessorTypes.ACTION),
+            selectorsOverride: processors === null || processors === void 0 ? void 0 : processors.filter(processor => processor.type === ConfigurationProcessorTypes.SELECTOR),
+            selectors: selectors,
+        })
+            .pipe(map$2(({ stateId, selectors }) => {
+            this.handleSelectorsResponse(selectors);
+            this.stateId$.next(stateId);
+        }));
     }
-    configureGuidedSelling$(data) {
-        return this.extendedConfigureLineItem$({
-            configurationRequest: getGuidedSellingConfigurationRequest(data, this.contextService.resolve()),
-        }).pipe(catchError$1(error => {
-            if (error instanceof HttpErrorResponse) {
-                this.messageService.add({ severity: ToastType.error, summary: error.error.message || error.error });
+    initBufferedRequest$() {
+        return this.statefulRequestStream$.pipe(buffer(this.statefulRequestStream$.pipe(debounceTime(this.EXECUTION_BUFFER_TIME))), switchMap(requests => {
+            if (!this.stateId$.value) {
+                throw 'Stateful session is not initialized';
             }
-            throw error;
+            // merge buffered requests
+            const request = {
+                actions: requests.flatMap(({ actions }) => actions).filter(isDefined),
+                selectors: requests
+                    .map(({ selectors }) => selectors)
+                    .filter(isDefined)
+                    .reduce((acc, selectorsMap) => Object.assign(acc, selectorsMap), {}),
+            };
+            this.executionInProgress$.next(true);
+            return this.flowStateApiService.execute(this.stateId$.value, request);
+        }), tap$1(({ stateId }) => this.stateId$.next(stateId)), share(), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
+            this.executionInProgress$.next(false);
+            return throwError(() => e);
         }));
     }
-    generateRequest(lightMode = true) {
-        var _a, _b;
-        const lineItem = this.generateLineItem();
-        let request = {
-            lineItem,
-            mode: this.mode,
-            step: !((_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.lineItem) ? RuntimeStep.START : RuntimeStep.UPDATE,
-            attributeDomainMode: 'ALL',
-            context: this.contextService.resolve(),
-            lineItems: ((_b = this.quoteDraftService.quoteDraft) === null || _b === void 0 ? void 0 : _b.currentState) || [],
-            asset: this.getAsset(),
-        };
-        if (lightMode) {
-            request = ConfigurationTranslatorUtils.lightenConfigurationRequest(request);
-        }
-        return request;
+    executeStateful$(request) {
+        return this.executionInProgress$.pipe(filter$1(inProgress => !inProgress), take$1(1), switchMap(() => 
+        // make sure stream switches to statefulExecutionRequest$ before pushing an execution request
+        combineLatest([
+            this.statefulExecutionRequest$,
+            of(undefined).pipe(tap$1(() => this.statefulRequestStream$.next(request))),
+        ])), map$2(([response]) => response), take$1(1));
     }
-    generateLineItem() {
-        var _a;
-        const runtimeContext = this.getRuntimeContext();
-        const uiDefinitionProperties = this.getUIDefinitionProperties();
-        let lineItem = this.configurableRamp;
-        if (!lineItem) {
-            const { initializationProps } = (_a = this.runtimeService) !== null && _a !== void 0 ? _a : {};
-            lineItem = getDefaultLineItem(runtimeContext, uiDefinitionProperties, initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.defaultQty);
-            // Set default attributes
-            if (initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.attributesMap) {
-                const attributes = transform(initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.attributesMap, (acc, value, name) => acc.push({ name, value }), []);
-                lineItem = new LineItemWorker(lineItem).patchAttribute(attributes).li;
+    initStateless$() {
+        return this.salesTransactionService.init(this.flowInfoService.context.headerId, this.flowInfoService.context).pipe(tap$1(() => {
+            var _a;
+            const assets = (_a = this.salesTransactionService.state) === null || _a === void 0 ? void 0 : _a.assets;
+            if (assets) {
+                this.flowStore = Object.assign(Object.assign({}, this.flowStore), { assets });
             }
-        }
-        return lineItem;
+        }), switchMap(state => this.flowConfiguration.calculate$(state)), tap$1(() => this.salesTransactionService.finalizeInit()), map$2(noop));
     }
-    getAsset() {
-        var _a, _b;
-        const lineItem = this.configurableRamp;
-        if (!lineItem) {
+    executeStateless$(request) {
+        this.executionInProgress$.next(true);
+        return of(undefined).pipe(tap$1(() => this.executeStatelessActions(request)), switchMap(() => {
+            var _a;
+            /*
+              Skip price calculation in case
+              1. No actions in the request
+              2. Initialization process execution (state not initialized yet)
+            */
+            const { state } = this.salesTransactionService;
+            if (!state || !((_a = request.actions) === null || _a === void 0 ? void 0 : _a.length) || !this.isInitialized()) {
+                return of(undefined);
+            }
+            else {
+                return this.flowConfiguration.calculate$(state);
+            }
+        }), map$2(() => this.executeStatelessSelectors(request)), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
+            this.executionInProgress$.next(false);
+            return throwError(() => e);
+        }));
+    }
+    executeStatelessActions(request) {
+        var _a;
+        const state = this.salesTransactionService.state;
+        if (!state || !((_a = request.actions) === null || _a === void 0 ? void 0 : _a.length)) {
             return;
         }
-        const assetId = (_a = lineItem.assetId) !== null && _a !== void 0 ? _a : lineItem.openOrderLineItemId;
-        return (_b = this.quoteDraftService.assetsState) === null || _b === void 0 ? void 0 : _b.initialState.find(li => assetPredicateFn(li, assetId));
-    }
-    getUIDefinitionProperties() {
-        var _a, _b, _c;
-        return Object.assign(Object.assign({}, ((_b = (_a = this.getRuntimeContext().uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.source.properties) !== null && _b !== void 0 ? _b : {})), ((_c = this.runtimeService.uiDefinitionProperties) !== null && _c !== void 0 ? _c : {}));
-    }
-    showInactiveProductsConfirmation() {
-        const confirmationConfig = {
-            title: ' ',
-            description: 'This quote contains inactive products. Do you want to remove them?',
-            primaryButtonLabel: 'Remove products',
-            secondaryButtonLabel: 'Back to Quote',
-        };
-        this.dialogService
-            .open(ConfirmationComponent, {
-            dismissableMask: false,
-            closeOnEscape: false,
-            closable: false,
-            showHeader: true,
-            header: `Inactive Products in Quote`,
-            width: '440px',
-            data: { confirmationConfig },
-        })
-            .onClose.subscribe(result => {
-            if (!result) {
-                const context = this.contextService.resolve();
-                window['VELO_BACK_FN'].apply(null, [context.headerId]);
+        let flowState = state;
+        request.actions.forEach(action => {
+            var _a;
+            try {
+                flowState = (_a = this.executeActionScript(flowState, action)) !== null && _a !== void 0 ? _a : flowState;
+            }
+            catch (e) {
+                console.error(e);
+                this.toastService.add({ severity: ToastType.error, summary: String(e) });
+                throw e;
             }
         });
+        this.salesTransactionService.setState(flowState);
     }
-    extendedConfigureLineItem$({ configurationRequest, runtimeModel, pricingEnabled, }) {
-        return this.configurationApiService.configureLineItem({
-            configurationRequest: this.extendConfigurationRequest(configurationRequest),
-            runtimeModel,
-            pricingEnabled,
-        });
-    }
-    extendConfigurationRequest(configurationRequest) {
+    executeStatelessSelectors(request) {
         var _a;
-        const procedureName = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.procedureName;
-        return Object.assign(Object.assign({}, configurationRequest), (procedureName ? { procedureName } : {}));
-    }
-}
-ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: ContextService }, { token: i1.ConfigurationApiService }, { token: i5.MessageService }, { token: i6$1.DialogService }, { token: RuntimeSettingsService }, { token: FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: ContextService }, { type: i1.ConfigurationApiService }, { type: i5.MessageService }, { type: i6$1.DialogService }, { type: RuntimeSettingsService }, { type: FlowInfoService }]; } });
-
-class FlowConfigurationService {
-    constructor(proceduresApiService, contextService, quoteDraftService, updateService, configurationService, flowInfoService) {
-        this.proceduresApiService = proceduresApiService;
-        this.contextService = contextService;
-        this.quoteDraftService = quoteDraftService;
-        this.updateService = updateService;
-        this.configurationService = configurationService;
-        this.flowInfoService = flowInfoService;
-        this.updatedSubj$ = new Subject();
-        this.updated$ = this.updatedSubj$.asObservable();
-    }
-    calculate$(quoteDraft) {
-        return this.extendedApply$(quoteDraft).pipe(tap$1(result => {
-            // sort the result current state based on the quote draft initial state
-            const initialStateIds = quoteDraft.initialState.map(lineItem => lineItem.integrationId);
-            result.currentState = result.currentState
-                .slice()
-                .sort((a, b) => initialStateIds.indexOf(a.integrationId) - initialStateIds.indexOf(b.integrationId));
-            this.quoteDraftService.updateQuoteDraft(result);
-        }), map$1(noop));
-    }
-    calculate(quoteDraft) {
-        this.calculate$(quoteDraft).subscribe();
-    }
-    update$(updates) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        if (!quoteDraft) {
-            return of(null);
+        if (!this.salesTransactionService.state) {
+            throw 'QuoteDraft is not initialized';
         }
-        return of([]).pipe(map$1(() => {
-            const updatedState = cloneDeep(quoteDraft.currentState);
-            this.updateService.update(updatedState, updates, quoteDraft.charges);
-            return updatedState;
-        }), switchMap(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
-    }
-    update(updates) {
-        this.update$(updates).subscribe();
+        const flowState = this.salesTransactionService.state;
+        return EntityUtil.entries((_a = request.selectors) !== null && _a !== void 0 ? _a : {}).reduce((result, [key, selector]) => {
+            try {
+                result.selectors[key] = {
+                    success: true,
+                    result: this.executeSelectorScript(flowState, selector),
+                };
+            }
+            catch (e) {
+                console.error(e);
+                result.selectors[key] = {
+                    success: false,
+                    errorMessage: String(e),
+                };
+            }
+            return result;
+        }, { stateId: '', selectors: {} });
     }
-    revert$(lineItemId) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        const initialCurrentState = this.quoteDraftService.getInitialCurrentState();
-        const currentState = this.quoteDraftService.currentState;
-        const currentLineItemIndex = currentState.findIndex(({ id }) => id === lineItemId);
-        const currentLineItem = currentState[currentLineItemIndex];
-        const initialLineItem = initialCurrentState.find(({ integrationId }) => integrationId === (currentLineItem === null || currentLineItem === void 0 ? void 0 : currentLineItem.integrationId));
-        if (!quoteDraft || !currentLineItem || !initialLineItem) {
-            return of(null);
+    getFlowSafe() {
+        if (!this.flowInfoService.flow) {
+            throw 'Flow is not defined';
         }
-        const updatedState = cloneDeep(currentState);
-        updatedState.splice(currentLineItemIndex, 1, initialLineItem);
-        return of([]).pipe(tap$1(() => {
-            this.quoteDraftService.setCurrentLineItemState(updatedState);
-        }), switchMap(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
-    }
-    revert(lineItemId) {
-        this.revert$(lineItemId).subscribe();
+        return this.flowInfoService.flow;
     }
-    delete$(ids) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        const currentState = this.quoteDraftService.currentState;
-        if (!quoteDraft) {
-            return of(null);
+    initProcessors$() {
+        var _a;
+        const hasOverrides = Boolean((_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateConfigurationProcessors);
+        const flow = this.getFlowSafe();
+        if (flow.properties.stateful && !hasOverrides) {
+            // Skip initialization as backend will take processors from SF
+            return of(undefined);
         }
-        return of([]).pipe(map$1(() => ids.reduce((result, id) => this.updateService.delete(result, id), currentState)), switchMap(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
-    }
-    delete(ids) {
-        this.delete$(ids).subscribe();
-    }
-    addTerm$(term) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        if (!quoteDraft) {
-            return of(null);
+        const owners$ = Object.values(this.flowInfoService.templates)
+            .map(template => {
+            var _a, _b, _c;
+            if (!template) {
+                return;
+            }
+            const localProcessors$ = (_c = (_b = (_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateConfigurationProcessors) === null || _b === void 0 ? void 0 : _b.call(_a, template.name)) !== null && _c !== void 0 ? _c : of(null);
+            return localProcessors$.pipe(switchMap(processors => processors ? of(processors) : this.processorsApiService.fetchConfigurationProcessors$(template.id)), tap$1(processors => {
+                const processorsMap = processors.reduce((acc, p) => {
+                    acc[p.apiName] = p;
+                    return acc;
+                }, {});
+                this.processors[template.id] = processorsMap;
+            }));
+        })
+            .filter(isDefined);
+        if (!owners$.length) {
+            return of(undefined);
         }
-        const updatedState = [...quoteDraft.currentState, term];
-        return of([]).pipe(switchMap(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+        return forkJoin(owners$).pipe(map$2(noop));
     }
-    addToCart$(props) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        if (!quoteDraft) {
-            return of(null);
+    executeActionScript(request, executable) {
+        var _a;
+        const configurationProcessor = (_a = this.processors[executable.ownerId]) === null || _a === void 0 ? void 0 : _a[executable.apiName];
+        if (!(configurationProcessor === null || configurationProcessor === void 0 ? void 0 : configurationProcessor.script)) {
+            const scope = this.getScopeByOwnerId(executable.ownerId);
+            const scopeText = scope ? ` in ${scope}` : '';
+            throw `ConfigurationProcessor ${executable.apiName}${scopeText} not found`;
         }
-        return this.configurationService.configureExternal$(props).pipe(map$1(lineItem => {
-            var _a, _b, _c;
-            const model = this.configurationService.getRuntimeModel();
-            const split = (_b = (_a = model === null || model === void 0 ? void 0 : model.types.find(type => type.name === lineItem.type)) === null || _a === void 0 ? void 0 : _a.split) !== null && _b !== void 0 ? _b : false;
-            const lineItems = multiplyLineItems(lineItem, (_c = props.qty) !== null && _c !== void 0 ? _c : 1, split);
-            return [...quoteDraft.currentState, ...lineItems];
-        }), switchMap(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
-    }
-    get() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(() => this.quoteDraftService.currentState), shareReplay$1());
-    }
-    getSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraftService) === null || _a === void 0 ? void 0 : _a.currentState.slice()) !== null && _b !== void 0 ? _b : [];
-    }
-    get charges$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ charges }) => charges));
-    }
-    get pricePlans$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ pricePlans }) => pricePlans));
-    }
-    get activeMetrics$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ activeMetrics }) => activeMetrics));
-    }
-    get chargesSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.charges) !== null && _b !== void 0 ? _b : {};
-    }
-    get pricePlansSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.pricePlans) !== null && _b !== void 0 ? _b : {};
-    }
-    get activeMetricsSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.activeMetrics) !== null && _b !== void 0 ? _b : [];
+        return this.executeProcessorScript(request, configurationProcessor, executable.inputData);
     }
-    get contextSnapshot() {
-        return this.contextService.resolve();
+    executeSelectorScript(request, executable) {
+        var _a;
+        const configurationProcessor = (_a = this.processors[executable.ownerId]) === null || _a === void 0 ? void 0 : _a[executable.apiName];
+        if (!(configurationProcessor === null || configurationProcessor === void 0 ? void 0 : configurationProcessor.script)) {
+            const scope = this.getScopeByOwnerId(executable.ownerId);
+            const scopeText = scope ? ` in ${scope}` : '';
+            throw `ConfigurationProcessor ${executable.apiName}${scopeText} not found`;
+        }
+        return this.executeProcessorScript(request, configurationProcessor, executable.inputData);
     }
-    get context$() {
-        return this.contextService.resolve$();
+    executeProcessorScript(request, configurationProcessor, inputData) {
+        var _a;
+        const scope = this.getScopeByOwnerId((_a = configurationProcessor.ownerId) !== null && _a !== void 0 ? _a : '');
+        let functionToExecute = this.executedFunctions[scope + configurationProcessor.apiName];
+        if (!functionToExecute) {
+            const script = `${configurationProcessor.script}\nreturn transform;`;
+            const sourceMap = `\n//# sourceURL=${scope ? scope + '/' : ''}${configurationProcessor.apiName}.js`;
+            functionToExecute = new Function(script + sourceMap)();
+            this.executedFunctions[scope + configurationProcessor.apiName] = functionToExecute;
+        }
+        return functionToExecute({
+            request,
+            inputData,
+            flowStore: this.flowStore,
+        });
     }
-    handleErrorAndBounceBack() {
-        return (source$) => {
-            return source$.pipe(catchError(error => {
-                console.error(error);
-                // bounce back if configuration call has failed
-                const quoteDraft = this.quoteDraftService.quoteDraft;
-                if (quoteDraft) {
-                    this.quoteDraftService.updateQuoteDraft(quoteDraft);
-                    this.updatedSubj$.next();
-                }
-                return throwError(() => error);
-            }));
-        };
+    generateRequestId(scope, selectorName, inputData) {
+        const inputDataHash = UUID.hex(JSON.stringify(inputData) || '').slice(0, 8);
+        return `${scope}/${selectorName}/${inputDataHash}`;
     }
-    extendedApply$(quoteDraft) {
-        var _a;
-        const request = Object.assign({}, quoteDraft);
-        const procedureName = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.procedureName;
-        if (procedureName) {
-            request.procedureName = procedureName;
+    checkStatefulChanges(requestId, selectorResult) {
+        if (this.trackedStatefulChangesMap.has(requestId)) {
+            if (!this.initialStatefulData[requestId]) {
+                this.initialStatefulData[requestId] = selectorResult;
+            }
+            const hasChanges = !isEqual(this.initialStatefulData[requestId], selectorResult);
+            this.trackedStatefulChangesMap.set(requestId, hasChanges);
         }
-        return this.proceduresApiService.apply$(request);
     }
 }
-FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, deps: [{ token: i1.ProceduresApiService }, { token: ContextService }, { token: QuoteDraftService }, { token: FlowUpdateService }, { token: ConfigurationService }, { token: FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, decorators: [{
+FlowStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, deps: [{ token: SalesTransactionService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i2.ConfigurationProcessorsApiService }, { token: i1.FlowStateApiService }, { token: i2.SalesTransactionApiService }, { token: i6.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }, { type: FlowInfoService }]; } });
-
-class FlowConfigurationModule {
-}
-FlowConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, imports: [ApiModule] });
-FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService], imports: [ApiModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ApiModule],
-                    providers: [FlowConfigurationService, FlowUpdateService],
-                }]
-        }] });
+        }], ctorParameters: function () {
+        return [{ type: SalesTransactionService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i2.ConfigurationProcessorsApiService }, { type: i1.FlowStateApiService }, { type: i2.SalesTransactionApiService }, { type: i6.ToastService }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [FLOW_CUSTOMIZATION]
+                    }] }];
+    } });
 
 class FlowStateConfigurationService {
     constructor(flowInfoService, flowConfigurationService, flowStateApiService, flowStateService) {
@@ -1873,14 +1589,14 @@ class FlowStateConfigurationService {
                     if (!this.configurationStateId) {
                         return of();
                     }
-                    return this.flowStateApiService.saveConfiguration(stateId, this.configurationStateId).pipe(tap$1(() => this.configurationStateId$.next(null)), map$1(noop));
+                    return this.flowStateApiService.saveConfiguration(stateId, this.configurationStateId).pipe(tap$1(() => this.configurationStateId$.next(null)), map$2(noop));
                 }));
             }
         }
         else {
-            request$ = this.flowConfigurationService.addToCart$(props).pipe(map$1(noop));
+            request$ = this.flowConfigurationService.addToCart$(props).pipe(map$2(noop));
         }
-        return request$.pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), map$1(noop));
+        return request$.pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), map$2(noop));
     }
 }
 FlowStateConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, deps: [{ token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }, { token: FlowStateService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1907,7 +1623,7 @@ class IntegrationState {
         this.action$.next(action);
     }
     listen$(actionType) {
-        return this.action$.pipe(filter$1(action => action.type === actionType), map$1(action => action.payload));
+        return this.action$.pipe(filter$1(action => action.type === actionType), map$2(action => action.payload));
     }
     listenAll$() {
         return this.action$.asObservable();
@@ -1932,12 +1648,12 @@ class ProductImagesService {
             this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: '' }));
             this.fetchProductImage(productId);
         }
-        return this.imagesMap$.pipe(map$1(imagesMap => { var _a; return (_a = imagesMap[productId]) !== null && _a !== void 0 ? _a : null; }), distinctUntilChanged());
+        return this.imagesMap$.pipe(map$2(imagesMap => { var _a; return (_a = imagesMap[productId]) !== null && _a !== void 0 ? _a : null; }), distinctUntilChanged());
     }
     fetchProductImage(productId) {
         this.productApiService
             .fetchImage$(productId)
-            .pipe(map$1(file => URL.createObjectURL(file)), catchError(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
+            .pipe(map$2(file => URL.createObjectURL(file)), catchError(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
             .subscribe();
     }
 }
@@ -1947,146 +1663,268 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ProductApiService }]; } });
 
-class RuntimeContextService {
-    constructor(configurationApiService) {
+class ConfigurationService {
+    constructor(quoteDraftService, runtimeService, configurationApiService, messageService, dialogService, runtimeSettings, flowInfoService) {
+        this.quoteDraftService = quoteDraftService;
+        this.runtimeService = runtimeService;
         this.configurationApiService = configurationApiService;
+        this.messageService = messageService;
+        this.dialogService = dialogService;
+        this.runtimeSettings = runtimeSettings;
+        this.flowInfoService = flowInfoService;
+        this.mode = ConfigurationMode.SEARCH;
+        this.configurationState = new BehaviorSubject(null);
+        this.previousConfigurationState = new BehaviorSubject(null);
+        this.isLoadingSubj$ = new BehaviorSubject(false);
+        this.isLoading$ = this.isLoadingSubj$.asObservable();
+        this.hasUnsavedChanges = false;
+    }
+    reset() {
+        this.hasUnsavedChanges = false;
+        this.runtimeService.reset();
+        this.configurableRamp = undefined;
+        this.configurationState.next(null);
+        this.previousConfigurationState.next(null);
+    }
+    patch$(lineItem) {
+        const source = this.getSnapshot();
+        if (!source) {
+            return throwError(() => new Error(`Source LineItem not found`));
+        }
+        this.configurableRamp = new LineItemWorker(source).replace(lineItem).li;
+        return this.configure().pipe(catchError$1(error => {
+            console.error(error);
+            if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
+                this.messageService.add({ severity: 'error', summary: error });
+            }
+            // bounce back if configuration call has failed
+            const prevState = this.configurationState.value;
+            this.configurationState.next(prevState ? Object.assign({}, prevState) : null);
+            return throwError(() => error);
+        }), tap(() => {
+            if (!this.hasUnsavedChanges) {
+                this.hasUnsavedChanges = true;
+            }
+        }));
+    }
+    patch(lineItem) {
+        this.patch$(lineItem).subscribe();
+    }
+    setConfigurableRamp(lineItem) {
+        this.configurableRamp = lineItem;
+    }
+    get() {
+        return this.configurationState.pipe(map(state => state === null || state === void 0 ? void 0 : state.lineItem), shareReplay$1());
+    }
+    getSnapshot() {
+        var _a, _b;
+        return ((_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.lineItem) ? Object.assign({}, (_b = this.configurationState.value) === null || _b === void 0 ? void 0 : _b.lineItem) : undefined;
+    }
+    getRuntimeModel() {
+        const runtimeModel = this.runtimeService.runtimeModel;
+        if (!runtimeModel) {
+            throw new Error('Runtime model not initialized');
+        }
+        return runtimeModel;
+    }
+    getRuntimeContext() {
+        const runtimeContext = this.runtimeService.runtimeContext;
+        if (!runtimeContext) {
+            throw new Error('Runtime context not initialized');
+        }
+        return runtimeContext;
+    }
+    get state$() {
+        return this.configurationState.asObservable();
     }
-    getRuntimeContext(productId, offeringId, defaultUIDefinitionId, requiredUIDefinitionId) {
-        return this.configurationApiService
-            .getRuntimeDataByProductId(productId, offeringId, defaultUIDefinitionId, requiredUIDefinitionId)
-            .pipe(map(runtimeData => {
-            var _a;
-            const uiDefinitionContainer = this.getUIDefinitionContainer(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 : {};
-            const uiDefinitionProperties = uiDefinitionContainer === null || uiDefinitionContainer === void 0 ? void 0 : uiDefinitionContainer.source.properties;
-            return {
-                modelId: runtimeData.modelId,
-                uiDefinitionContainer: uiDefinitionContainer,
-                runtimeModel: runtimeModel,
-                runtimeMode: RuntimeMode.PROD,
-                productId: productId,
-                productType: (properties === null || properties === void 0 ? void 0 : properties['displayName']) || productName,
-                offeringId: offeringId,
-                properties: {
-                    PricingEnabled: (uiDefinitionProperties === null || uiDefinitionProperties === void 0 ? void 0 : uiDefinitionProperties.pricingEnabled) ? 'true' : 'false',
-                    PriceListId: uiDefinitionProperties === null || uiDefinitionProperties === void 0 ? void 0 : uiDefinitionProperties.priceList,
-                },
-            };
-        }));
+    get stateSnapshot() {
+        return this.configurationState.value;
     }
-    getUIDefinitionContainer(runtimeData) {
-        var _a;
-        const containers = runtimeData.uiDefinitions.filter(container => isNotLegacyUIDefinition(container.source));
-        return (_a = containers.find(container => container.source.primary)) !== null && _a !== void 0 ? _a : containers[0];
+    get previousStateSnapshot() {
+        return this.previousConfigurationState.value;
     }
-}
-RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }]; } });
-
-class ConfigurationRuntimeService {
-    constructor(apiService, contextService, runtimeContextService) {
-        this.apiService = apiService;
-        this.contextService = contextService;
-        this.runtimeContextService = runtimeContextService;
-        this._isInitialized = false;
-        this.uiDefinitionProperties = {};
+    get charges$() {
+        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.charges) !== null && _a !== void 0 ? _a : {}; }));
     }
-    reset() {
-        this._isInitialized = false;
-        this._runtimeContext = undefined;
-        this.initializationProps = undefined;
-        this.uiDefinitionProperties = {};
+    get chargesSnapshot() {
+        var _a, _b;
+        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.charges) !== null && _b !== void 0 ? _b : {};
     }
-    initTestMode(uiDefinitionContainer) {
+    get pricePlans$() {
+        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.pricePlans) !== null && _a !== void 0 ? _a : {}; }));
+    }
+    get pricePlansSnapshot() {
         var _a, _b;
-        this.uiDefinitionProperties = (_a = uiDefinitionContainer.source.properties) !== null && _a !== void 0 ? _a : {};
-        const uiDefinitionExternals = (_b = uiDefinitionContainer.source.externals) !== null && _b !== void 0 ? _b : {};
-        return combineLatest([
-            this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId),
-            this.contextService.initTestMode(),
-        ]).pipe(first(), map(([runtimeData, context]) => {
-            var _a;
-            this.contextService.update({
-                properties: Object.assign(Object.assign(Object.assign(Object.assign({}, (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), context.properties), { ModelId: uiDefinitionContainer.modelId, PricingEnabled: this.uiDefinitionProperties.pricingEnabled ? 'true' : 'false', PriceListId: this.uiDefinitionProperties.priceList, offeringId: this.uiDefinitionProperties.offeringId }), uiDefinitionExternals),
+        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.pricePlans) !== null && _b !== void 0 ? _b : {};
+    }
+    get procedureContext$() {
+        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.procedureContext) !== null && _a !== void 0 ? _a : {}; }));
+    }
+    get procedureContextSnapshot() {
+        var _a, _b;
+        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.procedureContext) !== null && _b !== void 0 ? _b : {};
+    }
+    configure() {
+        return this.configureRequest$(this.generateRequest());
+    }
+    configureRequest$(configurationRequest) {
+        var _a;
+        const runtimeContext = this.getRuntimeContext();
+        const runtimeModel = this.getRuntimeModel();
+        const uiDefinitionProperties = this.getUIDefinitionProperties();
+        const mainPricingEnabled = (_a = runtimeContext.properties) === null || _a === void 0 ? void 0 : _a.PricingEnabled;
+        const pricingEnabled = mainPricingEnabled ? mainPricingEnabled === 'true' : uiDefinitionProperties.pricingEnabled;
+        const customPriceApi = this.runtimeSettings.getConfigurationSettings()['CUSTOM_PRICE_API'];
+        this.isLoadingSubj$.next(true);
+        const configure$ = pricingEnabled && customPriceApi
+            ? this.configurationApiService.customConfigurePrice({
+                url: customPriceApi,
+                configurationRequest,
+                runtimeModel,
+            })
+            : this.extendedConfigureLineItem$({
+                configurationRequest,
+                runtimeModel,
+                pricingEnabled,
             });
-            this._runtimeContext = {
-                modelId: uiDefinitionContainer.modelId,
-                runtimeModel: RuntimeModel.create(runtimeData.types, runtimeData.products),
-                runtimeMode: RuntimeMode.TEST,
-                uiDefinitionContainer,
-            };
-            return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
+        return configure$.pipe(tap(result => {
+            var _a;
+            this.configurationState.next(result);
+            this.previousConfigurationState.next(cloneDeep(result));
+            if ((_a = result.deletedLineItems) === null || _a === void 0 ? void 0 : _a.length) {
+                this.showInactiveProductsConfirmation();
+            }
+            this.configurableRamp = result.lineItem;
+        }), map(({ lineItem }) => lineItem), catchError$1(error => throwError(() => {
+            const resetState = this.previousConfigurationState.value;
+            if (resetState) {
+                this.previousConfigurationState.next(cloneDeep(resetState));
+                this.configurationState.next(resetState);
+            }
+            if (error.error) {
+                return extractErrorDetails(error.error).join('. ');
+            }
+            return error.message || JSON.stringify(error);
+        })), finalize$1(() => this.isLoadingSubj$.next(false)));
     }
-    init(props) {
-        this.initializationProps = props;
-        const context = this.contextService.resolve();
-        return this.runtimeContextService
-            .getRuntimeContext(props.productId, props.offeringId, props.defaultUIDefinitionId, props.requiredUIDefinitionId)
-            .pipe(tap(runtimeContext => {
-            var _a, _b, _c, _d;
-            this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.source.properties) !== null && _b !== void 0 ? _b : {};
-            const { PriceListId } = (_c = context.properties) !== null && _c !== void 0 ? _c : {};
-            const mergeContext = Object.assign(Object.assign({}, runtimeContext), { properties: Object.assign(Object.assign(Object.assign({}, runtimeContext.properties), context.properties), { PricingEnabled: PriceListId ? 'true' : 'false' }) });
-            this.id15to18('AccountId', mergeContext.properties);
-            this._runtimeContext = mergeContext;
-            if (context.properties && ((_d = this._runtimeContext.properties) === null || _d === void 0 ? void 0 : _d.StartDate)) {
-                this.contextService.update({
-                    properties: Object.assign(Object.assign({}, this._runtimeContext.properties), context.properties),
-                });
+    configureExternal$(props) {
+        return this.runtimeService
+            .init({ productId: props.productId, defaultQty: props.qty, attributesMap: props.attributesMap })
+            .pipe(switchMap$1(() => this.configure()), first(), catchError$1(error => {
+            this.messageService.add({ severity: ToastType.error, summary: error });
+            throw error;
+        }), finalize$1(() => this.reset()));
+    }
+    configureGuidedSelling$(data) {
+        return this.extendedConfigureLineItem$({
+            configurationRequest: getGuidedSellingConfigurationRequest(data),
+        }).pipe(catchError$1(error => {
+            if (error instanceof HttpErrorResponse) {
+                this.messageService.add({ severity: ToastType.error, summary: error.error.message || error.error });
             }
-            return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
+            throw error;
+        }));
     }
-    overrideUIDefinition(uiDefinitionContainer) {
+    generateRequest(lightMode = true) {
+        var _a, _b, _c, _d;
+        const lineItem = this.generateLineItem();
+        let request = {
+            lineItem,
+            mode: this.mode,
+            step: !((_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.lineItem) ? RuntimeStep.START : RuntimeStep.UPDATE,
+            attributeDomainMode: 'ALL',
+            context: (_c = (_b = this.quoteDraftService.quoteDraft) === null || _b === void 0 ? void 0 : _b.context) !== null && _c !== void 0 ? _c : generateEmptyContext(),
+            lineItems: ((_d = this.quoteDraftService.quoteDraft) === null || _d === void 0 ? void 0 : _d.currentState) || [],
+            asset: this.getAsset(),
+        };
+        if (lightMode) {
+            request = ConfigurationTranslatorUtils.lightenConfigurationRequest(request);
+        }
+        return request;
+    }
+    generateLineItem() {
         var _a;
-        if (!this._runtimeContext) {
-            return;
+        const runtimeContext = this.getRuntimeContext();
+        const uiDefinitionProperties = this.getUIDefinitionProperties();
+        let lineItem = this.configurableRamp;
+        if (!lineItem) {
+            const { initializationProps } = (_a = this.runtimeService) !== null && _a !== void 0 ? _a : {};
+            lineItem = getDefaultLineItem(runtimeContext, uiDefinitionProperties, initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.defaultQty);
+            // Set default attributes
+            if (initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.attributesMap) {
+                const attributes = transform(initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.attributesMap, (acc, value, name) => acc.push({ name, value }), []);
+                lineItem = new LineItemWorker(lineItem).patchAttribute(attributes).li;
+            }
         }
-        this._runtimeContext.uiDefinitionContainer = uiDefinitionContainer;
-        this.uiDefinitionProperties = (_a = uiDefinitionContainer.source.properties) !== null && _a !== void 0 ? _a : {};
+        return lineItem;
     }
-    id15to18(propertyName, source) {
-        if (!source) {
+    getAsset() {
+        var _a, _b;
+        const lineItem = this.configurableRamp;
+        if (!lineItem) {
             return;
         }
-        const value = source[propertyName];
-        if (typeof value === 'string' && value.length === 15) {
-            source[propertyName] = SalesforceIdUtils.generateId18FromId15(value);
-        }
+        const assetId = (_a = lineItem.assetId) !== null && _a !== void 0 ? _a : lineItem.openOrderLineItemId;
+        return (_b = this.quoteDraftService.assetsState) === null || _b === void 0 ? void 0 : _b.initialState.find(li => assetPredicateFn(li, assetId));
     }
-    get isInitialized() {
-        return this._isInitialized;
+    getUIDefinitionProperties() {
+        var _a, _b, _c;
+        return Object.assign(Object.assign({}, ((_b = (_a = this.getRuntimeContext().uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.source.properties) !== null && _b !== void 0 ? _b : {})), ((_c = this.runtimeService.uiDefinitionProperties) !== null && _c !== void 0 ? _c : {}));
     }
-    get runtimeModel() {
-        var _a;
-        return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
+    showInactiveProductsConfirmation() {
+        const confirmationConfig = {
+            title: ' ',
+            description: 'This quote contains inactive products. Do you want to remove them?',
+            primaryButtonLabel: 'Remove products',
+            secondaryButtonLabel: 'Back to Quote',
+        };
+        this.dialogService
+            .open(ConfirmationComponent, {
+            dismissableMask: false,
+            closeOnEscape: false,
+            closable: false,
+            showHeader: true,
+            header: `Inactive Products in Quote`,
+            width: '440px',
+            data: { confirmationConfig },
+        })
+            .onClose.subscribe(result => {
+            var _a, _b;
+            if (!result) {
+                const Id = (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.context.properties.Id) !== null && _b !== void 0 ? _b : '';
+                window['VELO_BACK_FN'].apply(null, [Id]);
+            }
+        });
     }
-    get runtimeContext() {
-        return this._runtimeContext;
+    extendedConfigureLineItem$({ configurationRequest, runtimeModel, pricingEnabled, }) {
+        return this.configurationApiService.configureLineItem({
+            configurationRequest: configurationRequest,
+            runtimeModel,
+            pricingEnabled,
+        });
     }
 }
-ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, deps: [{ token: i1.ConfigurationApiService }, { token: ContextService }, { token: RuntimeContextService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfigurationRuntimeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, decorators: [{
+ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: i1.ConfigurationApiService }, { token: i4.MessageService }, { token: i5.DialogService }, { token: RuntimeSettingsService }, { token: FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: ContextService }, { type: RuntimeContextService }]; } });
+        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: i1.ConfigurationApiService }, { type: i4.MessageService }, { type: i5.DialogService }, { type: RuntimeSettingsService }, { type: FlowInfoService }]; } });
 
 class ConfigurationStateService {
-    constructor(configurationRuntimeService, configurationService, quoteDraftService, toastService, flowStateService, flowInfoService, flowConfigurationService, flowStateApiService, quoteApiService) {
+    constructor(configurationRuntimeService, configurationService, 
+    // private quoteDraftService: QuoteDraftService,
+    salesTransactionService, toastService, flowStateService, flowInfoService, flowConfigurationService, flowStateApiService, 
+    // private quoteApiService: QuoteApiService,
+    salesTransactionApiService) {
         this.configurationRuntimeService = configurationRuntimeService;
         this.configurationService = configurationService;
-        this.quoteDraftService = quoteDraftService;
+        this.salesTransactionService = salesTransactionService;
         this.toastService = toastService;
         this.flowStateService = flowStateService;
         this.flowInfoService = flowInfoService;
         this.flowConfigurationService = flowConfigurationService;
         this.flowStateApiService = flowStateApiService;
-        this.quoteApiService = quoteApiService;
+        this.salesTransactionApiService = salesTransactionApiService;
         this.isInitialized$ = new BehaviorSubject(false);
         this.canceledConfiguration$ = new Subject();
         this.NOT_INITIALIZED = Symbol();
@@ -2110,9 +1948,9 @@ class ConfigurationStateService {
             request$ = this.initStateful$();
         }
         else {
-            request$ = this.initStateless$();
+            request$ = of(undefined);
         }
-        return request$.pipe(finalize(() => {
+        return request$.pipe(take$1(1), tap$1(() => {
             this.isInitialized$.next(true);
             this.canceledConfiguration$ = new Subject();
         }));
@@ -2129,7 +1967,7 @@ class ConfigurationStateService {
     }
     execute$(exec) {
         const request = this.execToRequest(exec);
-        return this.executeRequest$(request).pipe(map$1(result => {
+        return this.executeRequest$(request).pipe(map$2(result => {
             // Keep only requested results
             const actualSelectors = Object.entries(result.selectors).reduce((trunk, [requestId, result]) => {
                 var _a;
@@ -2166,7 +2004,7 @@ class ConfigurationStateService {
                 },
             },
         });
-        return this.executeRequest$(request).pipe(map$1(response => response.selectors[requestId]));
+        return this.executeRequest$(request).pipe(map$2(response => response.selectors[requestId]));
     }
     subscribe$(selectorName, inputData = {}, options) {
         const requestId = UUID.UUID();
@@ -2189,58 +2027,47 @@ class ConfigurationStateService {
                 this.executeRequest$(request).subscribe();
             }
         }
-        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$1(data => data), distinctUntilChanged(), finalize(() => {
+        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$2(data => data), distinctUntilChanged(), finalize(() => {
             var _a;
             if (!((_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$.observed)) {
                 delete this.subscriptions[requestId];
             }
         }), takeUntil(this.canceledConfiguration$));
     }
-    saveConfiguration(flow) {
-        var _a, _b, _c, _d;
+    saveConfiguration() {
+        var _a, _b;
         if (this.isStatefulConfiguration) {
-            return this.flowStateApiService
-                .saveConfiguration((_a = this.flowStateService.stateId) !== null && _a !== void 0 ? _a : '', (_b = this.stateId) !== null && _b !== void 0 ? _b : '')
-                .pipe(switchMap(r => this.flowStateService.executeRequest$({}, true).pipe(map$1(() => r))));
-        }
-        else {
-            if (!flow) {
-                const quoteDraft = this.quoteDraftService.quoteDraft;
-                if (!quoteDraft) {
-                    return of({ quoteId: '' });
-                }
-                const rootLineItem = this.configurationService.getSnapshot();
-                const asset = this.configurationService.getAsset();
-                const currentState = rootLineItem ? [rootLineItem] : [];
-                const initialState = asset ? [asset] : [];
-                return this.quoteApiService.upsertQuote(Object.assign(Object.assign({}, quoteDraft), { currentState, initialState }));
-            }
-            else {
-                const quoteDraft = this.quoteDraftService.quoteDraft;
-                const lineItem = this.configurationService.getSnapshot();
-                if (!quoteDraft || !lineItem) {
-                    return of({ quoteId: '' });
-                }
-                const isNewLineItem = quoteDraft.currentState.every(li => li.id !== lineItem.id);
-                let currentState;
-                if (isNewLineItem) {
-                    currentState = [...quoteDraft.currentState, lineItem];
-                }
-                else {
-                    currentState = quoteDraft.currentState.map(li => (li.id === lineItem.id ? lineItem : li));
-                }
-                const asset = this.configurationService.getAsset();
-                const initialState = [...((_d = (_c = this.quoteDraftService.quoteDraft) === null || _c === void 0 ? void 0 : _c.initialState) !== null && _d !== void 0 ? _d : [])];
-                if (asset) {
-                    if (!initialState.some(li => li.id === asset.id)) {
-                        initialState.push(asset);
-                    }
-                }
-                return this.flowConfigurationService
-                    .calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState, initialState }))
-                    .pipe(map$1(() => ({ quoteId: '' })));
-            }
-        }
+            return this.flowStateApiService.saveConfiguration((_a = this.flowStateService.stateId) !== null && _a !== void 0 ? _a : '', (_b = this.stateId) !== null && _b !== void 0 ? _b : '').pipe(switchMap(r => this.flowStateService.executeRequest$({}, true).pipe(map$2(() => r))), map$2(r => ({ id: r.quoteId })));
+        }
+        const state = this.salesTransactionService.state;
+        if (!state) {
+            return of({ id: '' });
+        }
+        const { standalone } = this.flowInfoService.flow.properties;
+        if (standalone) {
+            return this.salesTransactionApiService.upsert(state);
+        }
+        // const lineItem = this.configurationService.getSnapshot();
+        // if (!lineItem) {
+        //   return of({ id: '' });
+        // }
+        // const isNewLineItem = quoteDraft.currentState.every(li => li.id !== lineItem.id);
+        // let currentState: LineItem[];
+        // if (isNewLineItem) {
+        //   currentState = [...quoteDraft.currentState, lineItem];
+        // } else {
+        //   currentState = quoteDraft.currentState.map(li => (li.id === lineItem.id ? lineItem : li));
+        // }
+        // const asset = this.configurationService.getAsset();
+        // const initialState = [...(this.quoteDraftService.quoteDraft?.initialState ?? [])];
+        // if (asset) {
+        //   if (!initialState.some(li => li.id === asset.id)) {
+        //     initialState.push(asset);
+        //   }
+        // }
+        // TODO: adjust the logic for ShoppingCart
+        const newState = Object.assign({}, state);
+        return this.flowConfigurationService.calculate$(newState).pipe(map$2(() => ({ id: '' })));
     }
     cancelConfiguration() {
         var _a, _b;
@@ -2284,14 +2111,11 @@ class ConfigurationStateService {
                 selectorsOverride: (_k = container === null || container === void 0 ? void 0 : container.selectors) === null || _k === void 0 ? void 0 : _k.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
             });
         }
-        return request$.pipe(map$1(r => {
+        return request$.pipe(map$2(r => {
             this.stateId = r.stateId;
             return undefined;
         }));
     }
-    initStateless$() {
-        return this.configurationService.configure().pipe(map$1(() => undefined));
-    }
     execToRequest(exec) {
         var _a;
         return {
@@ -2355,7 +2179,7 @@ class ConfigurationStateService {
             });
             configurationRequest = ConfigurationTranslatorUtils.lightenConfigurationRequest(configurationRequest);
             return this.configurationService.configureRequest$(configurationRequest);
-        }), map$1(() => {
+        }), map$2(() => {
             // Run selectors and apply them to the state
             const configurationState = this.configurationService.stateSnapshot;
             if (!configurationState) {
@@ -2401,7 +2225,7 @@ class ConfigurationStateService {
         combineLatest([
             this.statefulExecutionRequest$,
             of(undefined).pipe(tap$1(() => this.statefulRequestStream$.next(request))),
-        ])), map$1(([response]) => response), take$1(1));
+        ])), map$2(([response]) => response), take$1(1));
     }
     executeActionScript(request, processor) {
         var _a, _b;
@@ -2456,11 +2280,11 @@ class ConfigurationStateService {
         }, { stateId: '', selectors: {} });
     }
 }
-ConfigurationStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService, deps: [{ token: ConfigurationRuntimeService }, { token: ConfigurationService }, { token: QuoteDraftService }, { token: i6.ToastService }, { token: FlowStateService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }, { token: i1.QuoteApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService, deps: [{ token: ConfigurationRuntimeService }, { token: ConfigurationService }, { token: SalesTransactionService }, { token: i6.ToastService }, { token: FlowStateService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }, { token: i2.SalesTransactionApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 ConfigurationStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: QuoteDraftService }, { type: i6.ToastService }, { type: FlowStateService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: i1.QuoteApiService }]; } });
+        }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: SalesTransactionService }, { type: i6.ToastService }, { type: FlowStateService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: i2.SalesTransactionApiService }]; } });
 
 class ConfigurationModule {
 }
@@ -2475,6 +2299,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
+class CatalogProductsService {
+    constructor() {
+        this.stateSubj$ = new BehaviorSubject(null);
+        this.state$ = this.stateSubj$.asObservable().pipe(filter$1(isDefined));
+    }
+    get state() {
+        return this.stateSubj$.getValue();
+    }
+    reset() {
+        this.stateSubj$.next(null);
+    }
+    setState(state) {
+        this.stateSubj$.next(state);
+    }
+}
+CatalogProductsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CatalogProductsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService, decorators: [{
+            type: Injectable
+        }] });
+
 const DEFAULT_FORMATTING_SETTINGS = {
     currencySymbol: DEFAULT_CURRENCY_SYMBOL,
     decimalsCount: DEFAULT_DECIMALS_COUNT,
@@ -2488,7 +2333,6 @@ class SdkCoreModule {
 SdkCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SdkCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, imports: [ConfigurationModule, FlowConfigurationModule] });
 SdkCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, providers: [
-        ContextService,
         FlowInfoService,
         QuoteDraftService,
         ProductImagesService,
@@ -2496,6 +2340,8 @@ SdkCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         FlowStateService,
         FlowStateConfigurationService,
         RuntimeSettingsService,
+        SalesTransactionService,
+        CatalogProductsService,
         {
             provide: FORMATTING_SETTINGS_TOKEN,
             useExisting: RuntimeSettingsService,
@@ -2506,7 +2352,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             args: [{
                     imports: [ConfigurationModule, FlowConfigurationModule],
                     providers: [
-                        ContextService,
                         FlowInfoService,
                         QuoteDraftService,
                         ProductImagesService,
@@ -2514,6 +2359,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         FlowStateService,
                         FlowStateConfigurationService,
                         RuntimeSettingsService,
+                        SalesTransactionService,
+                        CatalogProductsService,
                         {
                             provide: FORMATTING_SETTINGS_TOKEN,
                             useExisting: RuntimeSettingsService,
@@ -2698,5 +2545,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionCodePipe, CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ConfigurationStateService, ContextService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FLOW_CUSTOMIZATION, FORMATTING_SETTINGS_TOKEN, FlowConfigurationModule, FlowConfigurationService, FlowInfoService, FlowStateConfigurationService, FlowStateService, FlowUpdateService, IntegrationState, LineItemWorker, NumberPipe, PricePipe, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, assetPredicateFn, extractMetadata, filterOutTechnicalAttributes, findLineItem, findLineItemWithComparator, generateConfigurationLineItem, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getGuidedSellingConfigurationRequest, getOriginParent, getRecommendedPrices, insertLineItem, isTechnicalAttribute, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
+export { ActionCodePipe, CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ConfigurationStateService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FLOW_CUSTOMIZATION, FORMATTING_SETTINGS_TOKEN, FlowConfigurationModule, FlowConfigurationService, FlowInfoService, FlowStateConfigurationService, FlowStateService, FlowUpdateService, IntegrationState, LineItemWorker, NumberPipe, PricePipe, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SalesTransactionService, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, assetPredicateFn, extractMetadata, filterOutTechnicalAttributes, findLineItem, findLineItemWithComparator, generateConfigurationLineItem, generateEmptyContext, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getGuidedSellingConfigurationRequest, getOriginParent, getRecommendedPrices, insertLineItem, isTechnicalAttribute, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
 //# sourceMappingURL=veloceapps-sdk-core.mjs.map