@veloceapps/sdk 8.0.0-99 → 9.0.0-1

package/fesm2015/veloceapps-sdk-core.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
-import { UUID, ConfigurationContextMode, ConfigurationContext, 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, ConfigurationTranslatorUtils, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, EntityUtil, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
-import { BehaviorSubject, zip, noop, combineLatest, map as map$2, tap as tap$1, throwError, shareReplay as shareReplay$1, of, switchMap as switchMap$1, catchError as catchError$1, Subject, take as take$1, distinctUntilChanged } from 'rxjs';
-import { map, filter, tap, switchMap, skip, take, shareReplay, catchError, finalize, first } from 'rxjs/operators';
+import { InjectionToken, Injectable, Optional, Inject, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
+import { UUID, ConfigurationContextMode, ConfigurationContext, UITemplateType, 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, 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, of, forkJoin, 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 * as i1 from '@veloceapps/api';
-import { PriceApiService, ContextApiService, ProductModelApiService, ConfigurationApiService } from '@veloceapps/api';
-import { merge, isEqual, flatten, sortBy, map as map$1, omit, uniqBy, transform, cloneDeep, uniq } from 'lodash';
+import { ApiModule } from '@veloceapps/api';
+import { merge, isEmpty, isEqual, cloneDeep, assign, flatten, entries, sortBy, map as map$2, omit, uniqBy, transform } from 'lodash';
+import * as i6 from '@veloceapps/components';
+import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
 import moment from 'moment';
 import { HttpErrorResponse } from '@angular/common/http';
-import * as i4 from '@veloceapps/components';
-import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
 import * as i5 from 'primeng/api';
-import * as i6 from 'primeng/dynamicdialog';
+import * as i6$1 from 'primeng/dynamicdialog';
 import { NgControl } from '@angular/forms';
 import { DATE_PIPE_DEFAULT_OPTIONS, formatDate } from '@angular/common';
 
@@ -48,6 +48,29 @@ const getGuidedSellingConfigurationRequest = (data, context) => {
         },
     };
 };
+const generateConfigurationLineItem = (props, qty = 1) => {
+    var _a, _b, _c;
+    const id = UUID.UUID();
+    const attributes = Object.entries((_a = props.attributesMap) !== null && _a !== void 0 ? _a : {}).map(([name, value]) => ({
+        name,
+        value,
+        cfgStatus: 'User',
+    }));
+    const lineItems = [];
+    return {
+        id,
+        type: (_b = props.product.typeName) !== null && _b !== void 0 ? _b : '',
+        cfgStatus: 'Default',
+        actionCode: 'ADD',
+        qty,
+        attributes,
+        lineItems,
+        productName: props.product.name,
+        productId: (_c = props.product.id) !== null && _c !== void 0 ? _c : '',
+    };
+};
+
+const FLOW_CUSTOMIZATION = new InjectionToken('FLOW_CUSTOMIZATION');
 
 const FORMATTING_SETTINGS_TOKEN = new InjectionToken('Summary of formatting settings for variant types of data, e.g. numbers, text, dates, etc');
 
@@ -81,7 +104,20 @@ class ContextService {
         return this.context.pipe(map(Boolean));
     }
     get mode() {
-        return this.resolve().properties.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) {
@@ -119,55 +155,111 @@ class ContextService {
     }
 }
 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, providedIn: 'root' });
+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: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
 
-function calculateMetricByMethod(lineItems, metric, method) {
-    const items = getLineItemsByMethod(lineItems, method);
-    return items.reduce((acc, li) => {
-        let value = li.reduce((accProduct, item) => accProduct + ((item.totalMetrics && item.totalMetrics[metric]) || 0), 0);
-        if (method === 'avg' && li.length > 0) {
-            value /= li.length;
-        }
-        return acc + value;
-    }, 0);
-}
-function getLineItemsByMethod(lineItems, method) {
-    switch (method) {
-        case 'first': {
-            return lineItems.filter(li => !li.rampInstanceId).map(item => [item]);
-        }
-        case 'last': {
-            const rootTermItems = lineItems.filter(li => !li.rampInstanceId);
-            const products = rootTermItems.map(lineItem => [
-                lineItem,
-                ...lineItems.filter(li => li.rampInstanceId === lineItem.id),
-            ]);
-            return products
-                .map(items => [...items].sort((a, b) => getDateValue(a.endDate || '') - getDateValue(b.endDate || '')).pop())
-                .filter((li) => Boolean(li))
-                .map(item => [item]);
-        }
-        case 'avg': {
-            const rootTermItems = lineItems.filter(li => !li.rampInstanceId);
-            return rootTermItems.map(lineItem => [lineItem, ...lineItems.filter(li => li.rampInstanceId === lineItem.id)]);
+class FlowInfoService {
+    get flow() {
+        return this.flowSubj$.value;
+    }
+    set flow(value) {
+        this.flowSubj$.next(value);
+    }
+    get isLegacy() {
+        var _a;
+        return !!this.flow && ((_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful) == null;
+    }
+    get isStateful() {
+        var _a;
+        return !!((_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful);
+    }
+    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();
+    }
+    init$(flowId, params) {
+        this.params = params;
+        return this.flowsApiService.getFlow(flowId).pipe(switchMap(flow => this.initFlowTemplates$(flow).pipe(map$1(() => flow))), tap$1(flow => this.flowSubj$.next(flow)), map$1(noop), catchError(e => {
+            this.flowSubj$.next(null);
+            return throwError(() => e);
+        }));
+    }
+    cleanup() {
+        this.flowSubj$.next(null);
+        this.params = undefined;
+        this.templates = {};
+    }
+    initFlowTemplates$(flow) {
+        var _a, _b, _c;
+        if (isEmpty(flow.properties.templates)) {
+            return of(undefined);
         }
-        case 'sum': {
-            return lineItems.map(item => [item]);
+        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);
+                }
+            });
+        }));
+    }
+    remapTemplateName(templateType) {
+        switch (templateType) {
+            case 'flowEngine':
+                return UITemplateType.FLOW_ENGINE;
+            default:
+                break;
         }
-        default: {
-            return lineItems.map(item => [item]);
+        switch (templateType) {
+            case 'assets':
+            case 'shoppingCart':
+                // No separate Assets template at the moment
+                return UITemplateType.SHOPPING_CART;
+            case 'catalog':
+                return UITemplateType.CATALOG;
+            case 'docGen':
+                return UITemplateType.DOCGEN;
+            case 'guidedSelling':
+                return UITemplateType.GUIDED_SELLING;
+            case 'flowHeader':
+                return UITemplateType.FLOW_HEADER;
+            default:
+                break;
         }
+        return undefined;
     }
 }
-function getDateValue(date) {
-    return date ? new Date(date).getTime() : 0;
-}
+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: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i1.FlowsApiService }, { type: i1.UITemplatesApiService }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [FLOW_CUSTOMIZATION]
+                    }] }];
+    } });
 
 class QuoteDraftService {
+    get isInitialized$() {
+        return this.isInitializedSubj$.asObservable();
+    }
     get isInitialized() {
         return this.isInitializedSubj$.getValue();
     }
@@ -190,40 +282,56 @@ class QuoteDraftService {
         return this.quoteSubj$.pipe(map(() => this.hasProducts));
     }
     get hasProducts() {
-        const quoteDraft = this.quoteSubj$.value;
-        return Boolean(quoteDraft && quoteDraft.currentState.length > 0);
+        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() {
+        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, quoteApiService, priceApiService) {
+    constructor(context, accountApiService, quoteApiService) {
         this.context = context;
+        this.accountApiService = accountApiService;
         this.quoteApiService = quoteApiService;
-        this.priceApiService = priceApiService;
         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.allPriceLists = [];
-        this.assetPriceLists = [];
         this.reset$ = this.resetSubj$.asObservable();
-        this.activePriceList$ = this.context.resolve$().pipe(map(ctx => this.allPriceLists.find(priceList => priceList.id === ctx.properties.PriceListId)), map(priceList => priceList !== null && priceList !== void 0 ? priceList : null));
         this.isInitializedSubj$
-            .pipe(filter(isInitialized => isInitialized), switchMap(() => this.quoteSubj$.asObservable()), skip(1), tap(quote => this.markAsUpdated(quote)))
+            .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(quoteId, params) {
-        return zip(this.quoteApiService.getQuoteDraft(quoteId, params), this.priceApiService.getPriceLists()).pipe(tap(([quote, allPriceLists]) => {
-            this.allPriceLists = allPriceLists;
+    init(headerId, params) {
+        const ctx = this.context.resolve();
+        const accountId = this.context.mode === ConfigurationContextMode.ACCOUNT ? headerId : ctx.properties.AccountId;
+        return zip(accountId ? this.accountApiService.getAssetsState(accountId, params) : of(null), this.quoteApiService.getQuoteState(headerId, params)).pipe(tap(([assets, quote]) => {
+            if (assets) {
+                this.assetsSubj$.next(assets);
+            }
             this.quoteSubj$.next(quote);
             this.context.update(quote.context);
-            this.populateActivePriceLists$();
         }), map(() => noop()), take(1));
     }
+    finalizeInit() {
+        this.isInitialized = true;
+        this.hasUnsavedChanges = false;
+    }
     setCurrentLineItemState(lineItems) {
         const quoteDraft = this.quoteSubj$.value;
         if (!quoteDraft) {
@@ -252,6 +360,9 @@ class QuoteDraftService {
         });
         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());
     }
@@ -262,13 +373,6 @@ class QuoteDraftService {
         }
         return Object.assign(Object.assign({}, quote), { context: this.context.resolve() });
     }
-    get quoteDraftForActivePriceList() {
-        const quoteDraft = this.quoteDraft;
-        if (!quoteDraft) {
-            return null;
-        }
-        return Object.assign(Object.assign({}, quoteDraft), { initialState: this.filterByActivePriceList(quoteDraft.initialState), currentState: this.filterByActivePriceList(quoteDraft.currentState) });
-    }
     get currentState$() {
         return this.quoteDraft$.pipe(map(quote => quote.currentState));
     }
@@ -276,39 +380,6 @@ class QuoteDraftService {
         var _a, _b;
         return (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
     }
-    /**
-     * Stream of activeCurrentState
-     */
-    get activeCurrentState$() {
-        return this.quoteDraft$.pipe(map(() => this.activeCurrentState));
-    }
-    /**
-     * activeCurrentState is currentState passed through additional filters
-     */
-    get activeCurrentState() {
-        var _a, _b;
-        let currentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
-        currentState = this.filterByActivePriceList(currentState);
-        return currentState;
-    }
-    /**
-     * Stream of activeInitialState
-     */
-    get activeInitialState$() {
-        return this.quoteDraft$.pipe(map(() => this.activeInitialState));
-    }
-    /**
-     * activeInitialState is initialState passed through additional filters
-     */
-    get activeInitialState() {
-        var _a, _b;
-        const ctx = this.context.resolve();
-        let initialState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState) !== null && _b !== void 0 ? _b : [];
-        if (ctx.mode === ConfigurationContextMode.ACCOUNT) {
-            initialState = this.filterByActivePriceList(initialState);
-        }
-        return initialState;
-    }
     get isStandalone() {
         return this.context.resolve().properties.standalone === 'true';
     }
@@ -331,51 +402,535 @@ class QuoteDraftService {
         }
         return false;
     }
-    updateActivePriceList(priceListId) {
-        this.context.update({ properties: { PriceListId: priceListId } });
+    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);
+        }
     }
-    populateActivePriceLists$() {
-        const ctx = this.context.resolve();
-        const quoteDraft = this.quoteDraft;
-        if (!quoteDraft) {
-            return;
+}
+QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: ContextService }, { 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: 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._hasStatefulUnsavedChanges = true;
+        this.processors = {};
+        this.subscriptions = {};
+        this.flowStore = {};
+        this.statefulExecutionInProgress$ = 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);
         }
-        // In ACCOUNT mode populate price lists from related assets
-        if (ctx.mode === ConfigurationContextMode.ACCOUNT) {
-            // Populate list of price lists
-            this.assetPriceLists = quoteDraft.currentState
-                .map(({ priceListId }) => priceListId)
-                .reduce((trunk, priceListId) => {
-                var _a, _b;
-                if (!priceListId || trunk.some(item => item.id === priceListId)) {
-                    return trunk;
+        this.processors = {};
+        this.flowStore = {};
+        this.cleanup$.next();
+    }
+    get hasUnsavedChanges() {
+        return this.getFlowSafe().properties.stateful
+            ? this._hasStatefulUnsavedChanges
+            : this.quoteDraftService.hasUnsavedChanges;
+    }
+    get stateId() {
+        return this.stateId$.value;
+    }
+    get isExecutionInProgress$() {
+        return this.statefulExecutionInProgress$.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,
-                    { id: priceListId, name: (_b = (_a = this.allPriceLists.find(item => item.id === priceListId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '' },
-                ];
-            }, []);
+                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,
+                },
+            },
+        });
+        return this.executeRequest$(request).pipe(map$1(response => response.selectors[requestId]));
+    }
+    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.cold)) {
+                this.executeRequest$(request).subscribe();
+            }
         }
+        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$1(data => data), finalize(() => {
+            var _a;
+            if (!((_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$.observed)) {
+                delete this.subscriptions[requestId];
+            }
+        }));
     }
-    filterByActivePriceList(lineItems) {
-        const ctx = this.context.resolve();
-        return lineItems.filter(li => !li.priceListId || li.priceListId === ctx.properties.PriceListId);
+    save$() {
+        if (this.getFlowSafe().properties.stateful) {
+            if (this.stateId$.value) {
+                return this.flowStateApiService.save(this.stateId$.value);
+            }
+        }
+        else {
+            const quoteDraft = this.quoteDraftService.quoteDraft;
+            if (quoteDraft) {
+                return this.quoteApiService.upsertQuote(quoteDraft).pipe(tap$1(({ configurationId }) => {
+                    this.contextService.update({ properties: { ConfigurationId: configurationId } });
+                }));
+            }
+        }
+        return of({ quoteId: '' });
     }
-    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');
+    submit$() {
+        if (this.getFlowSafe().properties.stateful) {
+            if (this.stateId$.value) {
+                return this.flowStateApiService.submit(this.stateId$.value);
+            }
         }
         else {
-            this.hasUnsavedChanges = !isEqual(this.initialCurrentState, quote === null || quote === void 0 ? void 0 : quote.currentState);
+            const quoteDraft = this.quoteDraftService.quoteDraft;
+            if (quoteDraft) {
+                return this.quoteApiService.submitQuote(quoteDraft).pipe(tap$1(({ configurationId }) => {
+                    this.contextService.update({ properties: { ConfigurationId: configurationId } });
+                }));
+            }
+        }
+        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;
+    }
+    getScopeByOwnerId(id) {
+        for (const template of Object.values(this.flowInfoService.templates)) {
+            if (template.id === id) {
+                return template.type;
+            }
+        }
+        return;
+    }
+    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 : {} } }));
+                }, {}),
+        };
+    }
+    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)));
+    }
+    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) {
+                subscription$.next(selectorResult);
+            }
+        });
+    }
+    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);
+        }));
+    }
+    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';
+            }
+            // 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.statefulExecutionInProgress$.next(true);
+            return this.flowStateApiService.execute(this.stateId$.value, request);
+        }), tap$1(({ stateId }) => this.stateId$.next(stateId)), share(), tap$1(() => this.statefulExecutionInProgress$.next(false)), catchError(e => {
+            this.statefulExecutionInProgress$.next(false);
+            return throwError(() => e);
+        }));
+    }
+    executeStateful$(request) {
+        return this.statefulExecutionInProgress$.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));
+    }
+    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(() => this.executeRequest$(this.getDefaultExecutionRequestDTO())), switchMap(() => this.calculate$()), tap$1(() => this.quoteDraftService.finalizeInit()), map$1(noop));
+    }
+    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);
+        }
+        return this.flowConfiguration.calculate$(flowState);
+    }
+    executeStateless$(request) {
+        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)));
+    }
+    executeStatelessActions(request) {
+        var _a;
+        if (!this.quoteDraftService.quoteDraft || !((_a = request.actions) === null || _a === void 0 ? void 0 : _a.length)) {
+            return;
+        }
+        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);
+    }
+    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: {} });
+    }
+    getFlowSafe() {
+        if (!this.flowInfoService.flow) {
+            throw 'Flow is not defined';
+        }
+        return this.flowInfoService.flow;
+    }
+    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);
+        }
+        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));
+    }
+    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);
+    }
+    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);
+    }
+    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,
+        });
+    }
+    generateRequestId(scope, selectorName, inputData) {
+        const inputDataHash = UUID.hex(JSON.stringify(inputData) || '').slice(0, 8);
+        return `${scope}/${selectorName}/${inputDataHash}`;
+    }
+    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;
     }
 }
-QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: ContextService }, { token: i1.QuoteApiService }, { token: i1.PriceApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-QuoteDraftService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: ContextService }, { type: i1.QuoteApiService }, { type: i1.PriceApiService }]; } });
+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: [{
+            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: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [FLOW_CUSTOMIZATION]
+                    }] }];
+    } });
 
 const findLineItem = (id, lineItems) => {
     return findLineItemWithComparator(lineItems, (li) => li.id === id);
@@ -424,28 +979,45 @@ const replaceLineItem = (lineItem, replaceTo, skipCardinalityCalculation = false
     }
     return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo, skipCardinalityCalculation)) });
 };
-const calculateCardinalityVariables = (lineItems) => {
+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;
-        const cardinalityVariableName = `#CV-${li.type}@${li.port}`;
-        cardVars.set(cardinalityVariableName, ((_a = cardVars.get(cardinalityVariableName)) !== null && _a !== void 0 ? _a : 0) + li.qty);
+        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) => {
-    const cardinalityVariables = calculateCardinalityVariables(updated.lineItems);
-    const originalCardinalityVariables = calculateCardinalityVariables(original.lineItems);
+    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) => {
-        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);
+        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 Object.assign(Object.assign({}, updated), { attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value, cfgStatus: 'Changed' }))) });
@@ -462,7 +1034,7 @@ const upsertAttributes = (originalAttributes, attributesToUpsert) => {
         const [origAttr] = getAttributes(acc, [name]);
         return [
             ...acc.filter(attr => attr.name !== name),
-            Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? origAttr : { name })), { cfgStatus: origAttr ? 'Changed' : 'User', value }),
+            Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? origAttr : { name, type: '' })), { cfgStatus: origAttr ? 'Changed' : 'User', value }),
         ];
     }, originalAttributes);
 };
@@ -497,21 +1069,6 @@ const getRecommendedPrices = (portDomain, type) => {
     }, [0, 0])) !== null && _b !== void 0 ? _b : [0, 0];
     return { net, list };
 };
-const generateModifiedAssetsMap = (lineItems) => {
-    return lineItems.reduce((acc, li) => {
-        var _a;
-        const isModified = isLineItemModified(li);
-        if (!isModified) {
-            return acc;
-        }
-        const target = getOriginParent(lineItems, li);
-        const id = (_a = target === null || target === void 0 ? void 0 : target.assetId) !== null && _a !== void 0 ? _a : target === null || target === void 0 ? void 0 : target.openOrderLineItemId;
-        if (id) {
-            acc[id] = true;
-        }
-        return acc;
-    }, {});
-};
 const getOriginParent = (lineItems, currentLineItem) => {
     let target = currentLineItem;
     while (target && target.rampInstanceId) {
@@ -519,16 +1076,16 @@ const getOriginParent = (lineItems, currentLineItem) => {
     }
     return target;
 };
-const isLineItemModified = (lineItem) => {
-    if (lineItem.actionCode === 'EXIST' && lineItem.status === 'PENDING') {
+const assetPredicateFn = (lineItem, assetId) => {
+    if (!assetId) {
         return false;
     }
-    return lineItem.actionCode !== 'EXIST';
+    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));
+        return map$2(new Array(qty), () => unifyIds(lineItem));
     }
     else {
         return [
@@ -545,18 +1102,16 @@ const filterOutTechnicalAttributes = (attributes) => {
 
 var lineItem_utils = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    calculateCardinalityVariables: calculateCardinalityVariables,
+    assetPredicateFn: assetPredicateFn,
     filterOutTechnicalAttributes: filterOutTechnicalAttributes,
     findLineItem: findLineItem,
     findLineItemWithComparator: findLineItemWithComparator,
     generateLineItem: generateLineItem,
-    generateModifiedAssetsMap: generateModifiedAssetsMap,
     getAttributeValue: getAttributeValue,
     getAttributes: getAttributes,
     getOriginParent: getOriginParent,
     getRecommendedPrices: getRecommendedPrices,
     insertLineItem: insertLineItem,
-    isLineItemModified: isLineItemModified,
     isTechnicalAttribute: isTechnicalAttribute,
     mapAttributes: mapAttributes,
     multiplyLineItems: multiplyLineItems,
@@ -742,17 +1297,20 @@ class RuntimeSettingsService {
         };
     }
     create() {
-        return this.configurationSettingsApiService.fetchSettings().pipe(map$2(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => {
+        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$2(() => undefined));
+        }), map$1(() => undefined));
     }
     initCurrency(iso) {
         if (iso) {
             const symbol = this.getCurrencySymbol('en-US', iso);
             this.currencySettings$.next({ iso, symbol });
+            if (this.formattingSettings) {
+                this.formattingSettings.currencySymbol = symbol;
+            }
         }
     }
     getFormattingSettings() {
@@ -824,10 +1382,9 @@ class RuntimeSettingsService {
     }
 }
 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, providedIn: 'root' });
+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,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
 
 class ConfigurationService {
@@ -840,10 +1397,7 @@ class ConfigurationService {
         this.dialogService = dialogService;
         this.runtimeSettings = runtimeSettings;
         this.mode = ConfigurationMode.SEARCH;
-        this.lineItem = new BehaviorSubject(undefined);
-        this.charges = new BehaviorSubject({});
-        this.pricePlans = new BehaviorSubject({});
-        this.procedureContext = new BehaviorSubject({});
+        this.configurationState = new BehaviorSubject(null);
         this.isLoadingSubj$ = new BehaviorSubject(false);
         this.isLoading$ = this.isLoadingSubj$.asObservable();
         this.hasUnsavedChanges = false;
@@ -852,23 +1406,23 @@ class ConfigurationService {
         this.hasUnsavedChanges = false;
         this.runtimeService.reset();
         this.configurableRamp = undefined;
-        this.lineItem.next(undefined);
-        this.charges.next({});
-        this.pricePlans.next({});
+        this.configurationState.next(null);
     }
     patch$(lineItem, options) {
-        if (!this.lineItem.value) {
+        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(this.lineItem.value).replace(lineItem, skipCardinalityCalculation).li;
-        return this.configure().pipe(catchError(error => {
+        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 });
             }
             // bounce back if configuration call has failed
-            this.lineItem.next(this.lineItem.value ? Object.assign({}, this.lineItem.value) : undefined);
+            const prevState = this.configurationState.value;
+            this.configurationState.next(prevState ? Object.assign({}, prevState) : null);
             return throwError(() => error);
         }), tap(() => {
             if (!this.hasUnsavedChanges) {
@@ -883,10 +1437,11 @@ class ConfigurationService {
         this.configurableRamp = lineItem;
     }
     get() {
-        return this.lineItem.asObservable().pipe(shareReplay$1());
+        return this.configurationState.pipe(map(state => state === null || state === void 0 ? void 0 : state.lineItem), shareReplay$1());
     }
     getSnapshot() {
-        return this.lineItem.value ? Object.assign({}, this.lineItem.value) : undefined;
+        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;
@@ -902,6 +1457,12 @@ class ConfigurationService {
         }
         return runtimeContext;
     }
+    get state$() {
+        return this.configurationState.asObservable();
+    }
+    get stateSnapshot() {
+        return this.configurationState.value;
+    }
     get contextSnapshot() {
         return this.contextService.resolve();
     }
@@ -909,22 +1470,25 @@ class ConfigurationService {
         return this.contextService.resolve$();
     }
     get charges$() {
-        return this.charges.asObservable();
+        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.charges) !== null && _a !== void 0 ? _a : {}; }));
     }
     get chargesSnapshot() {
-        return this.charges.value;
+        var _a, _b;
+        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.charges) !== null && _b !== void 0 ? _b : {};
     }
     get pricePlans$() {
-        return this.pricePlans.asObservable();
+        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() {
-        return this.pricePlans.value;
+        var _a, _b;
+        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.pricePlans) !== null && _b !== void 0 ? _b : {};
     }
     get procedureContext$() {
-        return this.procedureContext.asObservable();
+        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() {
-        return this.procedureContext.value;
+        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());
@@ -945,45 +1509,58 @@ class ConfigurationService {
                 runtimeModel,
                 pricingEnabled,
             });
-        return configure$.pipe(tap(({ lineItem, context, charges, pricePlans, deletedLineItems, procedureContext }) => {
-            this.contextService.update(context !== null && context !== void 0 ? context : {});
-            this.charges.next(charges !== null && charges !== void 0 ? charges : {});
-            this.pricePlans.next(pricePlans !== null && pricePlans !== void 0 ? pricePlans : {});
-            this.procedureContext.next(procedureContext !== null && procedureContext !== void 0 ? procedureContext : {});
-            if (lineItem) {
-                this.lineItem.next(lineItem);
-            }
-            if (deletedLineItems === null || deletedLineItems === void 0 ? void 0 : deletedLineItems.length) {
+        return configure$.pipe(tap(result => {
+            var _a;
+            this.contextService.update(result.context);
+            this.configurationState.next(result);
+            if ((_a = result.deletedLineItems) === null || _a === void 0 ? void 0 : _a.length) {
                 this.showInactiveProductsConfirmation();
             }
-            this.configurableRamp = lineItem;
-        }), map(({ lineItem }) => lineItem), catchError(error => throwError(() => { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || error.message || JSON.stringify(error)); })), finalize(() => this.isLoadingSubj$.next(false)));
+            this.configurableRamp = result.lineItem;
+        }), map(({ lineItem }) => lineItem), catchError$1(error => throwError(() => { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || 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(() => this.configure()), first(), catchError(error => {
+            .pipe(switchMap$1(() => this.configure()), first(), catchError$1(error => {
             this.messageService.add({ severity: ToastType.error, summary: error });
             throw error;
-        }), finalize(() => this.reset()));
+        }), finalize$1(() => this.reset()));
     }
     configureGuidedSelling$(data) {
         return this.configurationApiService
             .configureLineItem({
             configurationRequest: getGuidedSellingConfigurationRequest(data, this.contextService.resolve()),
         })
-            .pipe(catchError(error => {
+            .pipe(catchError$1(error => {
             if (error instanceof HttpErrorResponse) {
                 this.messageService.add({ severity: ToastType.error, summary: error.error.message || error.error });
             }
             throw error;
         }));
     }
-    generateRequest() {
+    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;
+    }
+    generateLineItem() {
+        var _a;
         const runtimeContext = this.getRuntimeContext();
         const uiDefinitionProperties = this.getUIDefinitionProperties();
-        let lineItem = this.configurableRamp;
+        let lineItem = cloneDeep(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);
@@ -993,17 +1570,16 @@ class ConfigurationService {
                 lineItem = new LineItemWorker(lineItem).patchAttribute(attributes).li;
             }
         }
-        let request = {
-            lineItem,
-            mode: this.mode,
-            step: !this.lineItem.value ? 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(),
-        };
-        request = ConfigurationTranslatorUtils.lightenConfigurationRequest(request);
-        return request;
+        return lineItem;
+    }
+    getAsset() {
+        var _a, _b;
+        const lineItem = this.configurableRamp;
+        if (!lineItem) {
+            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;
@@ -1033,20 +1609,12 @@ class ConfigurationService {
             }
         });
     }
-    getAsset() {
-        var _a;
-        const lineItem = this.configurableRamp;
-        if (!lineItem) {
-            return;
-        }
-        return (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState.find(a => a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId);
-    }
 }
-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.DialogService }, { token: RuntimeSettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
+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 }], 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.DialogService }, { type: RuntimeSettingsService }]; } });
+        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: ContextService }, { type: i1.ConfigurationApiService }, { type: i5.MessageService }, { type: i6$1.DialogService }, { type: RuntimeSettingsService }]; } });
 
 class FlowConfigurationService {
     constructor(proceduresApiService, contextService, quoteDraftService, updateService, configurationService) {
@@ -1055,6 +1623,8 @@ class FlowConfigurationService {
         this.quoteDraftService = quoteDraftService;
         this.updateService = updateService;
         this.configurationService = configurationService;
+        this.updatedSubj$ = new Subject();
+        this.updated$ = this.updatedSubj$.asObservable();
     }
     calculate$(quoteDraft) {
         return this.proceduresApiService.apply$(quoteDraft).pipe(tap$1(result => {
@@ -1064,7 +1634,7 @@ class FlowConfigurationService {
                 .slice()
                 .sort((a, b) => initialStateIds.indexOf(a.integrationId) - initialStateIds.indexOf(b.integrationId));
             this.quoteDraftService.updateQuoteDraft(result);
-        }), map$2(noop));
+        }), map$1(noop));
     }
     calculate(quoteDraft) {
         this.calculate$(quoteDraft).subscribe();
@@ -1074,11 +1644,11 @@ class FlowConfigurationService {
         if (!quoteDraft) {
             return of(null);
         }
-        return of([]).pipe(map$2(() => {
+        return of([]).pipe(map$1(() => {
             const updatedState = cloneDeep(quoteDraft.currentState);
             this.updateService.update(updatedState, updates, quoteDraft.charges);
             return updatedState;
-        }), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        }), 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();
@@ -1086,7 +1656,7 @@ class FlowConfigurationService {
     revert$(lineItemId) {
         const quoteDraft = this.quoteDraftService.quoteDraft;
         const initialCurrentState = this.quoteDraftService.getInitialCurrentState();
-        const currentState = this.quoteDraftService.activeCurrentState;
+        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));
@@ -1097,7 +1667,7 @@ class FlowConfigurationService {
         updatedState.splice(currentLineItemIndex, 1, initialLineItem);
         return of([]).pipe(tap$1(() => {
             this.quoteDraftService.setCurrentLineItemState(updatedState);
-        }), switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        }), 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();
@@ -1108,7 +1678,7 @@ class FlowConfigurationService {
         if (!quoteDraft) {
             return of(null);
         }
-        return of([]).pipe(map$2(() => ids.reduce((result, id) => this.updateService.delete(result, id), currentState)), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        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();
@@ -1119,36 +1689,36 @@ class FlowConfigurationService {
             return of(null);
         }
         const updatedState = [...quoteDraft.currentState, term];
-        return of([]).pipe(switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        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());
     }
     addToCart$(props) {
         const quoteDraft = this.quoteDraftService.quoteDraft;
         if (!quoteDraft) {
             return of(null);
         }
-        return this.configurationService.configureExternal$(props).pipe(map$2(lineItem => {
+        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$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        }), 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$2(() => this.quoteDraftService.activeCurrentState), shareReplay$1());
+        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$2(({ charges }) => charges));
+        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ charges }) => charges));
     }
     get pricePlans$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ pricePlans }) => pricePlans));
+        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ pricePlans }) => pricePlans));
     }
     get activeMetrics$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ activeMetrics }) => activeMetrics));
+        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ activeMetrics }) => activeMetrics));
     }
     get chargesSnapshot() {
         var _a, _b;
@@ -1170,12 +1740,13 @@ class FlowConfigurationService {
     }
     handleErrorAndBounceBack() {
         return (source$) => {
-            return source$.pipe(catchError$1(error => {
+            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);
             }));
@@ -1188,80 +1759,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }]; } });
 
-class MetricsCalculationService {
-    get onMetricsUpdate$() {
-        return this.metricsUpdated$.asObservable();
+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 FlowStateConfigurationService {
+    constructor(flowInfoService, flowConfigurationService, flowStateApiService, flowStateService) {
+        this.flowInfoService = flowInfoService;
+        this.flowConfigurationService = flowConfigurationService;
+        this.flowStateApiService = flowStateApiService;
+        this.flowStateService = flowStateService;
+        this.configurationStateId$ = new BehaviorSubject(null);
     }
-    constructor(quoteDraftService, flowConfiguration, settingsService) {
-        this.quoteDraftService = quoteDraftService;
-        this.flowConfiguration = flowConfiguration;
-        this.settingsService = settingsService;
-        this.metricsUpdated$ = new Subject();
-        this.quoteMetricsSettings = {};
-        this.metricsCalculationMethodMap = {};
-        this.metricsData = {};
-        this.activeMetricRules = [];
-        this.activeMetricRules = this.flowConfiguration.activeMetricsSnapshot.filter(metricRule => metricRule.metrics.some(metric => !!metric.totalName));
-        combineLatest([
-            this.quoteDraftService.currentState$,
-            this.settingsService.fetchSetting('QUOTE_LEVEL_METRIC_CALCULATION_METHOD').pipe(take$1(1)),
-        ]).subscribe(([lineItems, setting]) => {
-            let settingsData = {};
-            try {
-                settingsData = JSON.parse((setting === null || setting === void 0 ? void 0 : setting.value) || '{}');
+    get configurationStateId() {
+        return this.configurationStateId$.value;
+    }
+    addToCart$(props) {
+        var _a;
+        let request$;
+        const stateful = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful;
+        if (stateful) {
+            const stateId = this.flowStateService.stateId;
+            if (!stateId) {
+                request$ = of();
             }
-            catch (error) {
-                settingsData = {};
+            else {
+                const lineItem = generateConfigurationLineItem(props, props.qty);
+                request$ = this.flowStateApiService.newConfiguration(stateId, { lineItem }).pipe(tap$1(r => this.configurationStateId$.next(r.stateId)), switchMap(() => {
+                    if (!this.configurationStateId) {
+                        return of();
+                    }
+                    return this.flowStateApiService.saveConfiguration(stateId, this.configurationStateId).pipe(tap$1(() => this.configurationStateId$.next(null)), map$1(noop));
+                }));
             }
-            this.quoteMetricsSettings = settingsData;
-            this.updateMetrics(lineItems);
-        });
+        }
+        else {
+            request$ = this.flowConfigurationService.addToCart$(props).pipe(map$1(noop));
+        }
+        return request$.pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), map$1(noop));
     }
-    getMetricValue(metric) {
-        return this.metricsData[metric] || 0;
+}
+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 });
+FlowStateConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: FlowStateService }]; } });
+
+class IntegrationState {
+    constructor() {
+        this.stateSubj$ = new BehaviorSubject({});
+        this.action$ = new Subject();
     }
-    updateMetrics(lineItems) {
-        const metricKeys = this.collectMetricKeys(lineItems).filter(key => !key.includes('Effective_'));
-        this.metricsCalculationMethodMap = this.buildMetricsCalculationMethods(metricKeys, this.metricsCalculationMethodMap);
-        this.metricsData = metricKeys.reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: this.calculateMetric(lineItems, key) })), {});
-        this.metricsUpdated$.next();
+    get state$() {
+        return this.stateSubj$.asObservable();
     }
-    calculateMetric(lineItems, metric) {
-        return calculateMetricByMethod(lineItems, metric, this.metricsCalculationMethodMap[metric] || 'sum');
+    get state() {
+        return this.stateSubj$.getValue();
     }
-    buildMetricsCalculationMethods(metricKeys, initial) {
-        return metricKeys.reduce((acc, name) => {
-            var _a, _b;
-            if (acc[name]) {
-                return acc;
-            }
-            acc = Object.assign(Object.assign({}, acc), { [name]: 'sum' });
-            const metricRule = this.getMetricRuleByTotalMetricName(name);
-            const settingKey = ((_b = (_a = metricRule === null || metricRule === void 0 ? void 0 : metricRule.metrics) === null || _a === void 0 ? void 0 : _a.find(metric => metric.totalName === name)) === null || _b === void 0 ? void 0 : _b.name) || name;
-            if (this.quoteMetricsSettings[settingKey]) {
-                acc = Object.assign(Object.assign({}, acc), { [name]: this.quoteMetricsSettings[settingKey] });
-            }
-            return acc;
-        }, initial);
+    patchState(update) {
+        this.stateSubj$.next(Object.assign(Object.assign({}, this.stateSubj$.getValue()), update));
     }
-    collectMetricKeys(lineItems) {
-        const keys = [];
-        lineItems.forEach(lineItem => {
-            keys.push(...Object.keys(lineItem.totalMetrics || {}));
-            keys.push(...this.collectMetricKeys(lineItem.lineItems));
-        });
-        return uniq(keys);
+    dispatch(action) {
+        this.action$.next(action);
     }
-    getMetricRuleByTotalMetricName(name) {
-        return this.activeMetricRules.find(metricRule => metricRule.metrics.find(metric => metric.totalName === name));
+    listen$(actionType) {
+        return this.action$.pipe(filter$1(action => action.type === actionType), map$1(action => action.payload));
+    }
+    listenAll$() {
+        return this.action$.asObservable();
+    }
+    clear() {
+        this.stateSubj$.next({});
     }
 }
-MetricsCalculationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsCalculationService, deps: [{ token: QuoteDraftService }, { token: FlowConfigurationService }, { token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-MetricsCalculationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsCalculationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsCalculationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: FlowConfigurationService }, { type: i1.ConfigurationSettingsApiService }]; } });
+IntegrationState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IntegrationState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, decorators: [{
+            type: Injectable
+        }] });
 
 class ProductImagesService {
     constructor(productApiService) {
@@ -1273,20 +1857,19 @@ class ProductImagesService {
             this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: '' }));
             this.fetchProductImage(productId);
         }
-        return this.imagesMap$.pipe(map$2(imagesMap => imagesMap[productId]), distinctUntilChanged());
+        return this.imagesMap$.pipe(map$1(imagesMap => { var _a; return (_a = imagesMap[productId]) !== null && _a !== void 0 ? _a : null; }), distinctUntilChanged());
     }
     fetchProductImage(productId) {
         this.productApiService
             .fetchImage$(productId)
-            .pipe(map$2(file => URL.createObjectURL(file)), catchError$1(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
+            .pipe(map$1(file => URL.createObjectURL(file)), catchError(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
             .subscribe();
     }
 }
 ProductImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, providedIn: 'root' });
+ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ProductApiService }]; } });
 
 class RuntimeContextService {
@@ -1414,63 +1997,225 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: ContextService }, { type: RuntimeContextService }]; } });
 
-class ConfigurationState {
-    constructor(statefulConfigurationApiService, runtimeService, configurationService, toastService) {
-        this.statefulConfigurationApiService = statefulConfigurationApiService;
-        this.runtimeService = runtimeService;
+class ConfigurationStateService {
+    constructor(configurationRuntimeService, configurationService, quoteDraftService, toastService, flowStateService, flowInfoService, flowConfigurationService, flowStateApiService, quoteApiService) {
+        this.configurationRuntimeService = configurationRuntimeService;
         this.configurationService = configurationService;
+        this.quoteDraftService = quoteDraftService;
         this.toastService = toastService;
-        this.stateSubj$ = new BehaviorSubject({});
-        this.state$ = this.stateSubj$.asObservable();
+        this.flowStateService = flowStateService;
+        this.flowInfoService = flowInfoService;
+        this.flowConfigurationService = flowConfigurationService;
+        this.flowStateApiService = flowStateApiService;
+        this.quoteApiService = quoteApiService;
+        this.isInitialized$ = new BehaviorSubject(false);
+        this.canceledConfiguration$ = new Subject();
+        this.NOT_INITIALIZED = Symbol();
+        this.EXECUTION_BUFFER_TIME = 100;
+        this.executedFunctions = {};
         this.stateId = null;
+        this.ownerId = '';
+        this.subscriptions = {};
+        this.configurationStore = {};
+        this.statefulExecutionInProgress$ = new BehaviorSubject(false);
+        this.statefulRequestStream$ = new Subject();
+        this.statefulExecutionRequest$ = this.initBufferedRequest$();
     }
     init$() {
-        return this.configurationService.configure().pipe(switchMap$1(() => {
-            var _a, _b;
-            if (!this.isStatefulConfiguration) {
-                return of(undefined);
-            }
-            const { actions, selectors } = (_b = (_a = this.runtimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
-            return this.statefulConfigurationApiService.init({
-                item: this.configurationService.generateRequest(),
-                actions: actions === null || actions === void 0 ? void 0 : actions.map(action => ({ name: action.apiName, script: action.script })),
-                selectors: selectors === null || selectors === void 0 ? void 0 : selectors.map(selector => ({ name: selector.apiName, script: selector.script })),
-            });
-        }), tap$1(stateId => (this.stateId = stateId || null)), map$2(() => undefined));
+        let request$;
+        if (this.flowStateService.stateId && this.isStatefulConfiguration) {
+            request$ = this.initStateful$();
+        }
+        else {
+            request$ = this.initStateless$();
+        }
+        return request$.pipe(finalize(() => {
+            this.isInitialized$.next(true);
+            this.canceledConfiguration$ = new Subject();
+        }));
     }
     cleanup() {
-        this.stateId = null;
+        Object.values(this.subscriptions).forEach(({ data$ }) => data$.complete());
+        this.subscriptions = {};
+        if (this.stateId) {
+            this.cancelConfiguration();
+        }
+        this.configurationStore = {};
+        this.executedFunctions = {};
         this.configurationService.reset();
-        this.stateSubj$.next({});
     }
-    execute$(req) {
+    execute$(req, forceSubscriptions) {
+        var _a;
+        const fullRequest = cloneDeep(req);
+        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);
+            }
+        }
+        let execution$;
         if (this.isStatefulConfiguration) {
-            return this.executeStateful$(req);
+            execution$ = this.executeStateful$(fullRequest);
         }
         else {
-            return this.executeStateless$(req);
+            execution$ = 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 });
+            }
+            const subscription$ = (_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$;
+            if (subscription$) {
+                subscription$.next(selectorResult);
+            }
+        });
     }
-    dispatch$(actionName, inputData) {
-        return this.execute$({ actions: [{ name: actionName, inputData }] });
+    dispatch$(actionName, inputData = {}) {
+        return this.execute$({ actions: [{ apiName: actionName, inputData, ownerId: this.ownerId }] });
     }
-    select$(selectorName, inputData) {
+    select$(selectorName, inputData = {}) {
         const requestId = UUID.UUID();
         return this.execute$({
             selectors: {
                 [requestId]: {
-                    name: selectorName,
+                    apiName: selectorName,
                     inputData,
+                    ownerId: this.ownerId,
                 },
             },
-        }).pipe(map$2(() => this.stateSubj$.value[requestId]), tap$1(() => this.stateSubj$.next(omit(this.stateSubj$.value, requestId))));
+        }).pipe(map$1(response => response.selectors[requestId]));
+    }
+    subscribe$(selectorName, inputData = {}, options) {
+        const requestId = UUID.UUID();
+        let subscription = this.subscriptions[requestId];
+        if (!subscription) {
+            const request = {
+                selectors: {
+                    [requestId]: {
+                        apiName: selectorName,
+                        inputData,
+                        ownerId: this.ownerId,
+                    },
+                },
+            };
+            subscription = {
+                request,
+                data$: new BehaviorSubject(this.NOT_INITIALIZED),
+            };
+            this.subscriptions[requestId] = subscription;
+            if (!(options === null || options === void 0 ? void 0 : options.cold)) {
+                this.execute$(request).subscribe();
+            }
+        }
+        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$1(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(quoteId, flow) {
+        var _a, _b, _c, _d;
+        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) {
+                if (!quoteId) {
+                    return of({ quoteId: '' });
+                }
+                const rootLineItem = this.configurationService.getSnapshot();
+                const asset = this.configurationService.getAsset();
+                const currentState = rootLineItem ? [rootLineItem] : [];
+                const initialState = asset ? [asset] : [];
+                return this.quoteApiService
+                    .getQuoteState(quoteId)
+                    .pipe(switchMap(quoteDraft => 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: '' })));
+            }
+        }
+    }
+    cancelConfiguration() {
+        var _a, _b;
+        if (!this.isInitialized$.value) {
+            return of(undefined);
+        }
+        this.canceledConfiguration$.next();
+        this.canceledConfiguration$.complete();
+        this.subscriptions = {};
+        this.isInitialized$.next(false);
+        if (!this.isInitialized$.value || !this.isStatefulConfiguration) {
+            return of(undefined);
+        }
+        return this.flowStateApiService.cancelConfiguration((_a = this.flowStateService.stateId) !== null && _a !== void 0 ? _a : '', (_b = this.stateId) !== null && _b !== void 0 ? _b : '');
     }
     get isStatefulConfiguration() {
-        var _a;
-        return (_a = this.runtimeService.uiDefinitionProperties.statefulConfigurationEnabled) !== null && _a !== void 0 ? _a : false;
+        var _a, _b;
+        return (_b = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful) !== null && _b !== void 0 ? _b : false;
+    }
+    initStateful$() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        this.ownerId = (_c = (_b = (_a = this.configurationRuntimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : '';
+        const lineItemId = (_e = (_d = this.configurationRuntimeService.runtimeContext) === null || _d === void 0 ? void 0 : _d.properties) === null || _e === void 0 ? void 0 : _e.lineItemId;
+        if (!this.flowStateService.stateId) {
+            return of(undefined);
+        }
+        const container = (_f = this.configurationRuntimeService.runtimeContext) === null || _f === void 0 ? void 0 : _f.uiDefinitionContainer;
+        const lineItem = this.configurationService.generateLineItem();
+        let request$;
+        if (!lineItemId) {
+            request$ = this.flowStateApiService.newConfiguration(this.flowStateService.stateId, {
+                lineItem,
+                actionsOverride: (_g = container === null || container === void 0 ? void 0 : container.actions) === null || _g === void 0 ? void 0 : _g.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
+                selectorsOverride: (_h = container === null || container === void 0 ? void 0 : container.selectors) === null || _h === void 0 ? void 0 : _h.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
+            });
+        }
+        else {
+            request$ = this.flowStateApiService.startConfiguration(this.flowStateService.stateId, {
+                lineItemId,
+                actionsOverride: (_j = container === null || container === void 0 ? void 0 : container.actions) === null || _j === void 0 ? void 0 : _j.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
+                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 => {
+            this.stateId = r.stateId;
+            return undefined;
+        }));
+    }
+    initStateless$() {
+        return this.configurationService.configure().pipe(map$1(() => undefined));
     }
     executeStateless$(request) {
-        return of(undefined).pipe(switchMap$1(() => {
+        return of(undefined).pipe(switchMap(() => {
             var _a;
             // Apply actions and execute configuration/price call
             // No need to run configuration if no actions in the request
@@ -1483,108 +2228,115 @@ class ConfigurationState {
                 configurationRequest = (_a = this.executeActionScript(configurationRequest, action)) !== null && _a !== void 0 ? _a : configurationRequest;
             });
             return this.configurationService.configureRequest$(configurationRequest);
-        }), tap$1(() => {
-            if (!request.selectors) {
-                return;
-            }
+        }), map$1(() => {
+            var _a;
             // Run selectors and apply them to the state
-            const finalConfigurationRequest = this.configurationService.generateRequest();
-            const selectorsResult = EntityUtil.entries(request.selectors).reduce((trunk, [key, selector]) => {
-                trunk[key] = this.executeSelectorScript(finalConfigurationRequest, selector);
-                return trunk;
-            }, {});
-            this.stateSubj$.next(Object.assign(Object.assign({}, this.stateSubj$.value), selectorsResult));
-        }), map$2(() => undefined));
+            const configurationState = cloneDeep(this.configurationService.stateSnapshot);
+            if (!configurationState) {
+                return { stateId: '', selectors: {} };
+            }
+            const selectorsResult = EntityUtil.entries((_a = request.selectors) !== null && _a !== void 0 ? _a : {}).reduce((result, [key, selector]) => {
+                try {
+                    result.selectors[key] = {
+                        success: true,
+                        result: this.executeSelectorScript(configurationState, selector),
+                    };
+                }
+                catch (e) {
+                    console.error(e);
+                    result.selectors[key] = {
+                        success: false,
+                        errorMessage: String(e),
+                    };
+                }
+                return result;
+            }, { stateId: '', selectors: {} });
+            return selectorsResult;
+        }), catchError(error => {
+            if (!this.configurationRuntimeService.uiDefinitionProperties.suppressToastMessages) {
+                this.toastService.add({ severity: ToastType.error, summary: String(error) });
+            }
+            return throwError(() => error);
+        }));
+    }
+    initBufferedRequest$() {
+        return this.statefulRequestStream$.pipe(buffer(this.statefulRequestStream$.pipe(debounceTime(this.EXECUTION_BUFFER_TIME))), switchMap(requests => {
+            if (!this.flowStateService.stateId || !this.stateId) {
+                throw 'Stateful session is not initialized';
+            }
+            // 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.statefulExecutionInProgress$.next(true);
+            return this.flowStateApiService.executeConfiguration(this.flowStateService.stateId, this.stateId, request);
+        }), tap$1(({ stateId }) => (this.stateId = stateId)), share(), tap$1(() => this.statefulExecutionInProgress$.next(false)), catchError(e => {
+            this.statefulExecutionInProgress$.next(false);
+            return throwError(() => e);
+        }));
     }
     executeStateful$(request) {
-        if (!this.stateId) {
-            return of(undefined);
-        }
-        return this.statefulConfigurationApiService.execute(this.stateId, request).pipe(tap$1(response => {
-            this.stateId = response.stateId;
-            const updatedState = this.stateSubj$.value;
-            EntityUtil.entries(response.selectors).forEach(([key, value]) => {
-                if (!value.success) {
-                    if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
-                        this.toastService.add({ summary: value.errorMessage, severity: ToastType.error });
-                    }
-                    return;
-                }
-                updatedState[key] = value.result;
-            });
-            this.stateSubj$.next(updatedState);
-        }), map$2(() => undefined));
+        return this.statefulExecutionInProgress$.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));
     }
     executeActionScript(request, processor) {
-        var _a, _b, _c;
-        const { actions } = (_b = (_a = this.runtimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
-        const script = (_c = actions === null || actions === void 0 ? void 0 : actions.find(action => action.apiName === processor.name)) === null || _c === void 0 ? void 0 : _c.script;
-        if (!script) {
-            return null;
+        var _a, _b;
+        const { actions } = (_b = (_a = this.configurationRuntimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
+        const configurationProcessor = actions === null || actions === void 0 ? void 0 : actions.find(action => action.apiName === processor.apiName);
+        if (!(configurationProcessor === null || configurationProcessor === void 0 ? void 0 : configurationProcessor.script)) {
+            throw `ConfigurationProcessor ${processor.apiName} not found`;
         }
-        return this.executeProcessorScript(request, script, processor.inputData);
+        return this.executeProcessorScript(request, configurationProcessor, processor.inputData);
     }
     executeSelectorScript(request, processor) {
-        var _a, _b, _c;
-        const { selectors } = (_b = (_a = this.runtimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
-        const script = (_c = selectors === null || selectors === void 0 ? void 0 : selectors.find(selector => selector.apiName === processor.name)) === null || _c === void 0 ? void 0 : _c.script;
-        if (!script) {
-            return null;
-        }
-        return this.executeProcessorScript(request, script, processor.inputData);
-    }
-    executeProcessorScript(request, script, inputData) {
-        return new Function(`${script}\nreturn transform;`)()({
+        var _a, _b;
+        const { selectors } = (_b = (_a = this.configurationRuntimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
+        const configurationProcessor = selectors === null || selectors === void 0 ? void 0 : selectors.find(selector => selector.apiName === processor.apiName);
+        if (!(configurationProcessor === null || configurationProcessor === void 0 ? void 0 : configurationProcessor.script)) {
+            throw `ConfigurationProcessor ${processor.apiName} not found`;
+        }
+        return this.executeProcessorScript(request, configurationProcessor, processor.inputData);
+    }
+    executeProcessorScript(request, configurationProcessor, inputData) {
+        let functionToExecute = this.executedFunctions[configurationProcessor.apiName];
+        if (!functionToExecute) {
+            const script = `${configurationProcessor.script}\nreturn transform;`;
+            const sourceMap = `\n//# sourceURL=${configurationProcessor.apiName}.js`;
+            functionToExecute = new Function(script + sourceMap)();
+            this.executedFunctions[configurationProcessor.apiName] = functionToExecute;
+        }
+        return functionToExecute({
             request,
-            inputData: inputData,
+            inputData,
+            flowStore: this.flowStateService.getFlowStore(),
+            configurationStore: this.configurationStore,
         });
     }
 }
-ConfigurationState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationState, deps: [{ token: i1.StatefulConfigurationApiService }, { token: ConfigurationRuntimeService }, { token: ConfigurationService }, { token: i4.ToastService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfigurationState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationState });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationState, decorators: [{
+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.ɵ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: i1.StatefulConfigurationApiService }, { type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: i4.ToastService }]; } });
-
-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 });
-FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService, PriceApiService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    providers: [FlowConfigurationService, FlowUpdateService, PriceApiService],
-                }]
-        }] });
+        }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: QuoteDraftService }, { type: i6.ToastService }, { type: FlowStateService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: i1.QuoteApiService }]; } });
 
 class ConfigurationModule {
 }
 ConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, imports: [ConfirmationDialogModule] });
-ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, providers: [
-        ContextApiService,
-        ProductModelApiService,
-        ConfigurationApiService,
-        ConfigurationRuntimeService,
-        RuntimeContextService,
-        ConfigurationService,
-        ConfigurationState,
-    ], imports: [ConfirmationDialogModule] });
+ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, imports: [ConfirmationDialogModule, ApiModule] });
+ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, providers: [ConfigurationRuntimeService, RuntimeContextService, ConfigurationService, ConfigurationStateService], imports: [ConfirmationDialogModule, ApiModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [ConfirmationDialogModule],
-                    providers: [
-                        ContextApiService,
-                        ProductModelApiService,
-                        ConfigurationApiService,
-                        ConfigurationRuntimeService,
-                        RuntimeContextService,
-                        ConfigurationService,
-                        ConfigurationState,
-                    ],
+                    imports: [ConfirmationDialogModule, ApiModule],
+                    providers: [ConfigurationRuntimeService, RuntimeContextService, ConfigurationService, ConfigurationStateService],
                 }]
         }] });
 
@@ -1601,6 +2353,14 @@ 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,
+        IntegrationState,
+        FlowStateService,
+        FlowStateConfigurationService,
+        RuntimeSettingsService,
         {
             provide: FORMATTING_SETTINGS_TOKEN,
             useExisting: RuntimeSettingsService,
@@ -1611,6 +2371,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             args: [{
                     imports: [ConfigurationModule, FlowConfigurationModule],
                     providers: [
+                        ContextService,
+                        FlowInfoService,
+                        QuoteDraftService,
+                        ProductImagesService,
+                        IntegrationState,
+                        FlowStateService,
+                        FlowStateConfigurationService,
+                        RuntimeSettingsService,
                         {
                             provide: FORMATTING_SETTINGS_TOKEN,
                             useExisting: RuntimeSettingsService,
@@ -1795,5 +2563,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionCodePipe, CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ConfigurationState, ContextService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FORMATTING_SETTINGS_TOKEN, FlowConfigurationModule, FlowConfigurationService, FlowUpdateService, LineItemWorker, MetricsCalculationService, NumberPipe, PricePipe, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, calculateCardinalityVariables, extractMetadata, filterOutTechnicalAttributes, findLineItem, findLineItemWithComparator, generateLineItem, generateModifiedAssetsMap, getAttributeValue, getAttributes, getDefaultLineItem, getGuidedSellingConfigurationRequest, getOriginParent, getRecommendedPrices, insertLineItem, isLineItemModified, isTechnicalAttribute, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
+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 };
 //# sourceMappingURL=veloceapps-sdk-core.mjs.map