@veloceapps/sdk 10.0.0-5 → 10.0.0-51

package/fesm2015/veloceapps-sdk-core.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Optional, Inject, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
-import { UUID, ConfigurationContextMode, ConfigurationContext, UITemplateType, QuoteDraft, isDefined, ConfigurationProcessorTypes, EntityUtil, ChargeGroupUtils, DEFAULT_CURRENCY_ISO_CODE, DEFAULT_CURRENCY_SYMBOL, validateDateFormat, DEFAULT_DATE_FORMAT, DEFAULT_DECIMALS_COUNT, getSupportedDateFormats, DEFAULT_DECIMAL_SEPARATOR, DEFAULT_THOUSANDS_SEPARATOR, DEFAULT_ACTION_CODE_LABELS, parseJsonSafely, ConfigurationMode, extractErrorDetails, ConfigurationTranslatorUtils, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
-import { BehaviorSubject, switchMap, map as map$1, tap as tap$1, noop, catchError, throwError, forkJoin, of, zip, combineLatest, Subject, filter as filter$1, shareReplay as shareReplay$1, finalize, takeUntil, buffer, debounceTime, share, take as take$1, distinctUntilChanged } from 'rxjs';
-import { map, filter, tap, switchMap as switchMap$1, skip, take, shareReplay, catchError as catchError$1, finalize as finalize$1, first } from 'rxjs/operators';
+import { UUID, ConfigurationContextMode, 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, ConfigurationContext, UITemplateType, QuoteDraft, isDefined, ConfigurationProcessorTypes, EntityUtil, ChargeGroupUtils, ConfigurationMode, extractErrorDetails, ConfigurationTranslatorUtils, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
+import { BehaviorSubject, map, tap, of, noop, catchError, throwError, forkJoin, zip, combineLatest, Subject, filter as filter$1, switchMap as switchMap$1, shareReplay as shareReplay$1, finalize, takeUntil, buffer, debounceTime, share, take as take$1, distinctUntilChanged } from 'rxjs';
+import { map as map$1, filter, tap as tap$1, switchMap, skip, take, shareReplay, catchError as catchError$1, finalize as finalize$1, first } from 'rxjs/operators';
 import * as i1 from '@veloceapps/api';
 import { ApiModule } from '@veloceapps/api';
-import { merge, isEqual, cloneDeep, assign, flatten, entries, sortBy, map as map$2, omit, uniqBy, transform } from 'lodash';
+import { uniqBy, merge, isEqual, cloneDeep, assign, flatten, entries, sortBy, map as map$2, omit, transform } from 'lodash';
 import * as i6 from '@veloceapps/components';
 import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
 import moment from 'moment';
@@ -92,22 +92,130 @@ var RuntimeStep;
 
 const UI_DEFINITION_VERSION = 3;
 
+class RuntimeSettingsService {
+    constructor(configurationSettingsApiService) {
+        this.configurationSettingsApiService = configurationSettingsApiService;
+        this.configurationSettings$ = new BehaviorSubject({});
+        this.currencySettings$ = new BehaviorSubject({
+            iso: DEFAULT_CURRENCY_ISO_CODE,
+            symbol: DEFAULT_CURRENCY_SYMBOL,
+        });
+        this.shoppingCartSettings$ = new BehaviorSubject([]);
+        this.getCurrencySymbol = (locale, currency) => {
+            return (0)
+                .toLocaleString(locale, { style: 'currency', currency, minimumFractionDigits: 0, maximumFractionDigits: 0 })
+                .replace(/\d/g, '')
+                .trim();
+        };
+    }
+    create() {
+        return this.configurationSettingsApiService.fetchSettings().pipe(map(settings => this.parseConfigurationSettings(settings)), tap(configurationSettings => {
+            var _a;
+            this.configurationSettings$.next(configurationSettings);
+            this.addShoppingCartSettings((_a = configurationSettings['shopping-cart']) !== null && _a !== void 0 ? _a : []);
+            this.formattingSettings = this.getFormattingSettings();
+        }), map(() => 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() {
+        var _a, _b;
+        if (this.formattingSettings) {
+            return this.formattingSettings;
+        }
+        const shoppingCartSettings = (_a = this.configurationSettings['shopping-cart']) === null || _a === void 0 ? void 0 : _a.reduce((acc, setting) => {
+            return Object.assign(Object.assign({}, acc), { [setting.id]: setting.properties });
+        }, {});
+        const currencySettings = this.getCurrencySettings();
+        const dateFormat = (validateDateFormat((_b = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT) !== null && _b !== void 0 ? _b : '') && (shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT)) ||
+            DEFAULT_DATE_FORMAT;
+        const decimalSeparator = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DECIMAL_SEPARATOR;
+        const thousandsSeparator = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.THOUSANDS_SEPARATOR;
+        // the number of decimal places can be 0
+        const priceScale = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.PRICE_SCALE;
+        const decimalsCount = priceScale !== null && priceScale !== '' && !isNaN(Number(priceScale)) && Number(priceScale) >= 0
+            ? Number(priceScale)
+            : DEFAULT_DECIMALS_COUNT;
+        const actionCodeSettings = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.STATUS_LABEL;
+        return {
+            currencySymbol: currencySettings.symbol,
+            dateFormats: getSupportedDateFormats(dateFormat),
+            decimalsCount,
+            decimalSeparator: decimalSeparator !== undefined && ['.', ','].includes(decimalSeparator)
+                ? decimalSeparator
+                : DEFAULT_DECIMAL_SEPARATOR,
+            // thousands separator can be a blank value, so it can also be null
+            thousandsSeparator: thousandsSeparator !== undefined && ['.', ',', '', null].includes(thousandsSeparator)
+                ? thousandsSeparator || ''
+                : DEFAULT_THOUSANDS_SEPARATOR,
+            actionCodeLabels: (actionCodeSettings === null || actionCodeSettings === void 0 ? void 0 : actionCodeSettings.length)
+                ? actionCodeSettings.reduce((result, setting) => (Object.assign(Object.assign({}, result), { [setting.status_label]: setting.custom_label })), {})
+                : DEFAULT_ACTION_CODE_LABELS,
+        };
+    }
+    get configurationSettings() {
+        return this.configurationSettings$.value;
+    }
+    getShoppingCartSettings() {
+        return this.shoppingCartSettings$.value;
+    }
+    getCurrencySettings() {
+        return this.currencySettings$.value;
+    }
+    parseConfigurationSettings(settings) {
+        return settings.reduce((acc, setting) => {
+            switch (setting.key) {
+                case 'shopping-cart':
+                    acc['shopping-cart'] = parseJsonSafely(setting.value, []);
+                    break;
+                case 'navigation':
+                    acc.navigation = parseJsonSafely(setting.value, {});
+                    break;
+                case 'flows':
+                    acc.flows = parseJsonSafely(setting.value, []);
+                    break;
+                default:
+                    acc[setting.key] = setting.value;
+            }
+            return acc;
+        }, {});
+    }
+    addShoppingCartSettings(settings) {
+        // uniqBy removes items with the biggest index
+        const newSettings = uniqBy([...settings, ...this.shoppingCartSettings$.value], 'id');
+        this.shoppingCartSettings$.next(newSettings);
+    }
+}
+RuntimeSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, deps: [{ token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+RuntimeSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
+
 class ContextService {
-    constructor(contextApiService) {
+    constructor(contextApiService, runtimeSettingsService) {
         this.contextApiService = contextApiService;
+        this.runtimeSettingsService = runtimeSettingsService;
         this.context = new BehaviorSubject(null);
     }
     get isInitialized() {
         return Boolean(this.context.value);
     }
     get isInitialized$() {
-        return this.context.pipe(map(Boolean));
+        return this.context.pipe(map$1(Boolean));
     }
     get mode() {
         return this.resolve().properties['#mode'];
     }
     get isEditMode$() {
-        return this.resolve$().pipe(map(() => this.isEditMode));
+        return this.resolve$().pipe(map$1(() => this.isEditMode));
     }
     get isEditMode() {
         const context = this.resolve();
@@ -129,10 +237,16 @@ class ContextService {
         return this.context.pipe(filter((ctx) => Boolean(ctx)));
     }
     create(headerId, mode) {
-        return this.contextApiService.getContext(headerId, mode).pipe(tap(context => this.context.next(merge(new ConfigurationContext(headerId, mode), context))), map(() => this.resolve()));
+        const configurationSettings = this.runtimeSettingsService.configurationSettings;
+        const skipContextRequest = configurationSettings['SKIP_CONTEXT_REQUEST'] === 'true';
+        let contextRequest$ = this.contextApiService.getContext(headerId, mode);
+        if (skipContextRequest) {
+            contextRequest$ = of({});
+        }
+        return contextRequest$.pipe(tap$1(context => this.context.next(merge(new ConfigurationContext(headerId, mode), context))), map$1(() => this.resolve()));
     }
     initTestMode() {
-        return this.create('TestId', ConfigurationContextMode.TEST).pipe(map(context => {
+        return this.create('TestId', ConfigurationContextMode.TEST).pipe(map$1(context => {
             return this.update({
                 properties: Object.assign(Object.assign({}, context.properties), { RuntimeMode: ConfigurationContextMode.TEST, StartDate: new Date().toISOString().substring(0, 10), standalone: 'true' }),
             });
@@ -154,11 +268,11 @@ class ContextService {
         this.context.next(null);
     }
 }
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService, deps: [{ token: i1.ContextApiService }, { token: RuntimeSettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
 ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ContextApiService }, { type: RuntimeSettingsService }]; } });
 
 class FlowInfoService {
     get flow() {
@@ -175,9 +289,10 @@ class FlowInfoService {
         var _a;
         return !!((_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful);
     }
-    constructor(flowsApiService, templatesApiService, customizationService) {
+    constructor(flowsApiService, templatesApiService, runtimeSettingsService, customizationService) {
         this.flowsApiService = flowsApiService;
         this.templatesApiService = templatesApiService;
+        this.runtimeSettingsService = runtimeSettingsService;
         this.customizationService = customizationService;
         this.templates = {};
         this.defaultTemplates = {
@@ -187,10 +302,20 @@ class FlowInfoService {
         this.flow$ = this.flowSubj$.asObservable();
     }
     init$(flowId, routeQueryParams) {
-        return this.flowsApiService.getFlow(flowId).pipe(switchMap(flow => this.initFlowTemplates$(flow).pipe(map$1(() => flow))), tap$1(flow => {
+        const flows = this.runtimeSettingsService.configurationSettings['flows'];
+        const flow = flows === null || flows === void 0 ? void 0 : flows.find(({ id }) => id === flowId);
+        if (!flow) {
+            return of(undefined);
+        }
+        const isLegacy = !!flow && (flow === null || flow === void 0 ? void 0 : flow.properties.stateful) == null;
+        let flowTemplates$ = of(undefined);
+        if (!isLegacy) {
+            flowTemplates$ = this.initFlowTemplates$(flow).pipe(map(() => undefined));
+        }
+        return flowTemplates$.pipe(tap(() => {
             this.params = Object.assign(Object.assign({}, routeQueryParams), flow.properties.queryParams);
             this.flowSubj$.next(flow);
-        }), map$1(noop), catchError(e => {
+        }), map(noop), catchError(e => {
             this.flowSubj$.next(null);
             return throwError(() => e);
         }));
@@ -205,7 +330,7 @@ class FlowInfoService {
         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]) => {
+        ]).pipe(map(([templates, localTemplates]) => {
             Object.entries(Object.assign(Object.assign({}, this.defaultTemplates), flow.properties.templates)).forEach(([key, name]) => {
                 var _a;
                 const type = this.remapTemplateName(key);
@@ -242,12 +367,12 @@ class FlowInfoService {
         return undefined;
     }
 }
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, deps: [{ token: i1.FlowsApiService }, { token: i1.UITemplatesApiService }, { token: RuntimeSettingsService }, { 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: [{
+        return [{ type: i1.FlowsApiService }, { type: i1.UITemplatesApiService }, { type: RuntimeSettingsService }, { type: undefined, decorators: [{
                         type: Optional
                     }, {
                         type: Inject,
@@ -278,14 +403,14 @@ class QuoteDraftService {
         }
     }
     get hasProducts$() {
-        return this.quoteSubj$.pipe(map(() => this.hasProducts));
+        return this.quoteSubj$.pipe(map$1(() => this.hasProducts));
     }
     get hasProducts() {
         var _a;
         return Boolean((_a = this.quoteSubj$.value) === null || _a === void 0 ? void 0 : _a.currentState.length);
     }
     get hasAssets$() {
-        return this.assetsSubj$.pipe(map(() => this.hasAssets));
+        return this.assetsSubj$.pipe(map$1(() => this.hasAssets));
     }
     get hasAssets() {
         var _a;
@@ -294,11 +419,12 @@ class QuoteDraftService {
     get assetsState() {
         return this.assetsSubj$.value;
     }
-    constructor(context, flowInfoService, accountApiService, quoteApiService) {
+    constructor(context, flowInfoService, accountApiService, quoteApiService, runtimeSettingsService) {
         this.context = context;
         this.flowInfoService = flowInfoService;
         this.accountApiService = accountApiService;
         this.quoteApiService = quoteApiService;
+        this.runtimeSettingsService = runtimeSettingsService;
         this.quoteSubj$ = new BehaviorSubject(null);
         this.assetsSubj$ = new BehaviorSubject(null);
         this.resetSubj$ = new BehaviorSubject(true);
@@ -307,7 +433,7 @@ class QuoteDraftService {
         this._hasUnsavedChanges = false;
         this.reset$ = this.resetSubj$.asObservable();
         this.isInitializedSubj$
-            .pipe(filter(isInitialized => isInitialized), switchMap$1(() => this.quoteSubj$.asObservable()), skip(1), tap(quote => this.markAsUpdated(quote)))
+            .pipe(filter(isInitialized => isInitialized), switchMap(() => this.quoteSubj$.asObservable()), skip(1), tap$1(quote => this.markAsUpdated(quote)))
             .subscribe();
     }
     reset() {
@@ -318,23 +444,33 @@ class QuoteDraftService {
         this.hasUnsavedChanges = false;
     }
     init(headerId, params) {
+        var _a;
         const ctx = this.context.resolve();
         const isAccountMode = this.context.mode === ConfigurationContextMode.ACCOUNT;
-        const accountId = isAccountMode ? headerId : ctx.properties.AccountId;
-        return zip(accountId ? this.accountApiService.getAssetsState(accountId, params) : of(null), isAccountMode
+        const accountId = isAccountMode ? headerId : (_a = ctx.properties) === null || _a === void 0 ? void 0 : _a.AccountId;
+        const configurationSettings = this.runtimeSettingsService.configurationSettings;
+        const skipAssetsQuery = configurationSettings['SKIP_ASSETS_QUERY'] === 'true';
+        let assetRequest$ = of(null);
+        if (accountId && !skipAssetsQuery) {
+            assetRequest$ = this.accountApiService.getAssetsState(accountId, params);
+        }
+        return zip(assetRequest$, isAccountMode
             ? of(QuoteDraft.emptyQuote(ConfigurationContextMode.ACCOUNT))
-            : this.quoteApiService.getQuoteState(headerId, params)).pipe(tap(([assets, quote]) => {
+            : this.quoteApiService.getQuoteState(headerId, params)).pipe(tap$1(([assets, quote]) => {
             if (assets) {
                 this.assetsSubj$.next(assets);
             }
+            let context;
             this.quoteSubj$.next(quote);
             if (assets && isAccountMode) {
-                this.context.update(assets.context);
+                context = assets.context;
             }
             else {
-                this.context.update(quote.context);
+                context = quote.context;
             }
-        }), map(() => noop()), take(1));
+            this.context.update(context);
+            this.runtimeSettingsService.initCurrency(context.properties['CurrencyIsoCode']);
+        }), map$1(() => noop()), take(1));
     }
     finalizeInit() {
         this.isInitialized = true;
@@ -372,7 +508,7 @@ class QuoteDraftService {
         this.assetsSubj$.next(assetsState);
     }
     get quoteDraft$() {
-        return combineLatest([this.quoteSubj$, this.context.resolve$()]).pipe(map(() => this.quoteDraft), filter((quote) => Boolean(quote)), shareReplay());
+        return combineLatest([this.quoteSubj$, this.context.resolve$()]).pipe(map$1(() => this.quoteDraft), filter((quote) => Boolean(quote)), shareReplay());
     }
     get quoteDraft() {
         const quote = this.quoteSubj$.value;
@@ -382,7 +518,7 @@ class QuoteDraftService {
         return Object.assign(Object.assign({}, quote), { context: this.context.resolve() });
     }
     get currentState$() {
-        return this.quoteDraft$.pipe(map(quote => quote.currentState));
+        return this.quoteDraft$.pipe(map$1(quote => quote.currentState));
     }
     get currentState() {
         var _a, _b;
@@ -393,13 +529,13 @@ class QuoteDraftService {
         return (_b = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.standalone) !== null && _b !== void 0 ? _b : false;
     }
     get isStandalone$() {
-        return this.flowInfoService.flow$.pipe(map(() => this.isStandalone));
+        return this.flowInfoService.flow$.pipe(map$1(() => this.isStandalone));
     }
     getInitialCurrentState() {
         return this.initialCurrentState;
     }
     isEditMode$() {
-        return this.context.resolve$().pipe(map(() => this.isEditMode()));
+        return this.context.resolve$().pipe(map$1(() => this.isEditMode()));
     }
     isEditMode() {
         const context = this.context.resolve();
@@ -420,11 +556,11 @@ class QuoteDraftService {
         }
     }
 }
-QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: ContextService }, { token: FlowInfoService }, { token: i1.AccountApiService }, { token: i1.QuoteApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: ContextService }, { token: FlowInfoService }, { token: i1.AccountApiService }, { token: i1.QuoteApiService }, { token: RuntimeSettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
 QuoteDraftService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: ContextService }, { type: FlowInfoService }, { type: i1.AccountApiService }, { type: i1.QuoteApiService }]; } });
+        }], ctorParameters: function () { return [{ type: ContextService }, { type: FlowInfoService }, { type: i1.AccountApiService }, { type: i1.QuoteApiService }, { type: RuntimeSettingsService }]; } });
 
 class FlowStateService {
     constructor(contextService, quoteDraftService, flowInfoService, flowConfiguration, processorsApiService, flowStateApiService, quoteApiService, toastService, customizationService) {
@@ -455,55 +591,59 @@ class FlowStateService {
           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)))
+            .pipe(filter$1(Boolean), filter$1(() => !this.getFlowSafe().properties.stateful), switchMap$1(() => this.flowConfiguration.updated$), switchMap$1(() => this.executeRequest$({}, true)))
             .subscribe();
-        this.charges$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
+        this.charges$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap$1(() => {
             if (this.flowInfoService.isLegacy) {
-                return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.charges));
+                return this.quoteDraftService.quoteDraft$.pipe(map(quoteDraft => quoteDraft.charges));
             }
             else {
                 return this.subscribe$(UITemplateType.FLOW_ENGINE, 'CHARGES', null, {
                     cold: true,
-                }).pipe(map$1(response => (response.success ? response.result : {})));
+                }).pipe(map(response => (response.success ? response.result : {})));
             }
         }), shareReplay$1(1));
         this.charges$.subscribe();
-        this.pricePlans$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
+        this.pricePlans$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap$1(() => {
             if (this.flowInfoService.isLegacy) {
-                return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.pricePlans));
+                return this.quoteDraftService.quoteDraft$.pipe(map(quoteDraft => quoteDraft.pricePlans));
             }
             else {
                 return this.subscribe$(UITemplateType.FLOW_ENGINE, 'PRICE_PLANS', null, {
                     cold: true,
-                }).pipe(map$1(response => (response.success ? response.result : {})));
+                }).pipe(map(response => (response.success ? response.result : {})));
             }
         }), shareReplay$1(1));
         this.pricePlans$.subscribe();
-        this.activeMetrics$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
+        this.activeMetrics$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap$1(() => {
             if (this.flowInfoService.isLegacy) {
-                return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.activeMetrics));
+                return this.quoteDraftService.quoteDraft$.pipe(map(quoteDraft => quoteDraft.activeMetrics));
             }
             else {
                 return this.subscribe$(UITemplateType.FLOW_ENGINE, 'ACTIVE_METRICS', null, {
                     cold: true,
-                }).pipe(map$1(response => (response.success ? response.result : [])));
+                }).pipe(map(response => (response.success ? response.result : [])));
             }
         }), shareReplay$1(1));
         this.activeMetrics$.subscribe();
-        this.isPriceListLocked$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
+        this.isPriceListLocked$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap$1(() => {
             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)));
+                }).pipe(map(response => (response.success ? response.result : false)));
             }
         }), shareReplay$1(1));
         this.isPriceListLocked$.subscribe();
     }
     init$() {
-        return this.initProcessors$().pipe(switchMap(() => {
+        let processors$ = this.initProcessors$();
+        if (this.flowInfoService.isLegacy) {
+            processors$ = of(undefined);
+        }
+        return processors$.pipe(switchMap$1(() => {
             if (this.getFlowSafe().properties.stateful) {
                 return this.initStateful$();
             }
@@ -535,14 +675,14 @@ class FlowStateService {
         return this.executionInProgress$.asObservable();
     }
     isInitialized$() {
-        return combineLatest([this.stateId$, this.quoteDraftService.isInitialized$]).pipe(map$1(values => values.some(Boolean)));
+        return combineLatest([this.stateId$, this.quoteDraftService.isInitialized$]).pipe(map(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 => {
+        return this.executeRequest$(request).pipe(map(result => {
             // Keep only requested results
             const actualSelectors = Object.entries(result.selectors).reduce((trunk, [requestId, result]) => {
                 var _a;
@@ -555,11 +695,14 @@ class FlowStateService {
         }));
     }
     dispatch$(scope, action, inputData) {
+        if (this.flowInfoService.isLegacy) {
+            return of(undefined);
+        }
         const exec = {
             actions: [{ name: action, inputData }],
         };
         const request = this.execToRequest(scope, exec);
-        return this.executeRequest$(request).pipe(map$1(noop));
+        return this.executeRequest$(request).pipe(map(noop));
     }
     select$(scope, selectorName, inputData) {
         const requestId = this.generateRequestId(scope, selectorName, inputData);
@@ -571,9 +714,15 @@ class FlowStateService {
                 },
             },
         });
-        return this.executeRequest$(request).pipe(map$1(response => response.selectors[requestId]));
+        return this.executeRequest$(request).pipe(map(response => response.selectors[requestId]));
     }
     subscribe$(scope, selectorName, inputData, options) {
+        if (this.flowInfoService.isLegacy) {
+            return of({
+                success: false,
+                errorMessage: '',
+            });
+        }
         const requestId = this.generateRequestId(scope, selectorName, inputData);
         let subscription = this.subscriptions[requestId];
         if (!subscription) {
@@ -597,7 +746,7 @@ class FlowStateService {
                 this.executeRequest$(request).subscribe();
             }
         }
-        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$1(data => data), finalize(() => {
+        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map(data => data), finalize(() => {
             var _a;
             if (!((_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$.observed)) {
                 delete this.subscriptions[requestId];
@@ -607,7 +756,7 @@ class FlowStateService {
     save$() {
         if (this.getFlowSafe().properties.stateful) {
             if (this.stateId$.value) {
-                return this.flowStateApiService.save(this.stateId$.value).pipe(tap$1(() => {
+                return this.flowStateApiService.save(this.stateId$.value).pipe(tap(() => {
                     Array.from(this.trackedStatefulChangesMap.keys()).forEach(key => {
                         this.trackedStatefulChangesMap.set(key, false);
                     });
@@ -617,8 +766,8 @@ class FlowStateService {
         else {
             const quoteDraft = this.quoteDraftService.quoteDraft;
             if (quoteDraft) {
-                return this.quoteApiService.upsertQuote(quoteDraft).pipe(tap$1(({ configurationId }) => {
-                    this.contextService.update({ properties: { ConfigurationId: configurationId } });
+                return this.quoteApiService.upsertQuote(quoteDraft).pipe(tap(({ versionId }) => {
+                    this.contextService.update({ properties: { VELOCPQ__VersionId__c: versionId } });
                 }));
             }
         }
@@ -633,8 +782,8 @@ class FlowStateService {
         else {
             const quoteDraft = this.quoteDraftService.quoteDraft;
             if (quoteDraft) {
-                return this.quoteApiService.submitQuote(quoteDraft).pipe(tap$1(({ configurationId }) => {
-                    this.contextService.update({ properties: { ConfigurationId: configurationId } });
+                return this.quoteApiService.submitQuote(quoteDraft).pipe(tap(({ versionId }) => {
+                    this.contextService.update({ properties: { VELOCPQ__VersionId__c: versionId } });
                 }));
             }
         }
@@ -682,7 +831,7 @@ class FlowStateService {
         const execution$ = this.getFlowSafe().properties.stateful
             ? this.executeStateful$(fullRequest)
             : this.executeStateless$(fullRequest);
-        return execution$.pipe(tap$1(result => this.handleSelectorsResponse(result.selectors)));
+        return execution$.pipe(tap(result => this.handleSelectorsResponse(result.selectors)));
     }
     handleSelectorsResponse(selectors) {
         Object.entries(selectors).forEach(([requestId, selectorResult]) => {
@@ -701,7 +850,7 @@ class FlowStateService {
         var _a;
         // Subscriptions
         this.subscribe$(UITemplateType.FLOW_ENGINE, 'CONTEXT', null, { cold: true })
-            .pipe(tap$1(response => {
+            .pipe(tap(response => {
             if (response.success) {
                 this.contextService.update(response.result);
             }
@@ -723,13 +872,13 @@ class FlowStateService {
             selectors: Object.assign(Object.assign({}, selectors), request.selectors),
             actions: request.actions,
         })
-            .pipe(map$1(({ stateId, selectors }) => {
+            .pipe(map(({ 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 => {
+        return this.statefulRequestStream$.pipe(buffer(this.statefulRequestStream$.pipe(debounceTime(this.EXECUTION_BUFFER_TIME))), switchMap$1(requests => {
             if (!this.stateId$.value) {
                 throw 'Stateful session is not initialized';
             }
@@ -743,33 +892,33 @@ class FlowStateService {
             };
             this.executionInProgress$.next(true);
             return this.flowStateApiService.execute(this.stateId$.value, request);
-        }), tap$1(({ stateId }) => this.stateId$.next(stateId)), share(), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
+        }), tap(({ stateId }) => this.stateId$.next(stateId)), share(), tap(() => this.executionInProgress$.next(false)), catchError(e => {
             this.executionInProgress$.next(false);
             return throwError(() => e);
         }));
     }
     executeStateful$(request) {
-        return this.executionInProgress$.pipe(filter$1(inProgress => !inProgress), take$1(1), switchMap(() => 
+        return this.executionInProgress$.pipe(filter$1(inProgress => !inProgress), take$1(1), switchMap$1(() => 
         // 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));
+            of(undefined).pipe(tap(() => this.statefulRequestStream$.next(request))),
+        ])), map(([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(() => {
+        return this.quoteDraftService.init(headerId, (_a = this.flowInfoService.params) !== null && _a !== void 0 ? _a : {}).pipe(tap(() => {
             const assets = this.quoteDraftService.assetsState;
             if (assets) {
                 this.flowStore = Object.assign(Object.assign({}, this.flowStore), { assets });
             }
-        }), switchMap(() => {
+        }), switchMap$1(() => {
             if (this.flowInfoService.isLegacy) {
                 return of(null);
             }
             return this.executeRequest$(this.getDefaultExecutionRequestDTO());
-        }), switchMap(() => this.calculate$()), tap$1(() => this.quoteDraftService.finalizeInit()), map$1(noop));
+        }), switchMap$1(() => this.calculate$()), tap(() => this.quoteDraftService.finalizeInit()), map(noop));
     }
     calculate$() {
         var _a;
@@ -793,7 +942,7 @@ class FlowStateService {
     }
     executeStateless$(request) {
         this.executionInProgress$.next(true);
-        return of(undefined).pipe(tap$1(() => this.executeStatelessActions(request)), switchMap(() => {
+        return of(undefined).pipe(tap(() => this.executeStatelessActions(request)), switchMap$1(() => {
             var _a;
             /*
               Skip price calculation in case
@@ -806,7 +955,7 @@ class FlowStateService {
             else {
                 return this.calculate$();
             }
-        }), map$1(() => this.executeStatelessSelectors(request)), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
+        }), map(() => this.executeStatelessSelectors(request)), tap(() => this.executionInProgress$.next(false)), catchError(e => {
             this.executionInProgress$.next(false);
             return throwError(() => e);
         }));
@@ -874,7 +1023,7 @@ class FlowStateService {
                 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 => {
+            return localProcessors$.pipe(switchMap$1(processors => processors ? of(processors) : this.processorsApiService.fetchConfigurationProcessors$(template.id)), tap(processors => {
                 const processorsMap = processors.reduce((acc, p) => {
                     acc[p.apiName] = p;
                     return acc;
@@ -886,7 +1035,7 @@ class FlowStateService {
         if (!owners$.length) {
             return of(undefined);
         }
-        return forkJoin(owners$).pipe(map$1(noop));
+        return forkJoin(owners$).pipe(map(noop));
     }
     executeActionScript(request, executable) {
         var _a;
@@ -1316,113 +1465,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }] });
 
-class RuntimeSettingsService {
-    constructor(configurationSettingsApiService) {
-        this.configurationSettingsApiService = configurationSettingsApiService;
-        this.configurationSettings$ = new BehaviorSubject({});
-        this.currencySettings$ = new BehaviorSubject({
-            iso: DEFAULT_CURRENCY_ISO_CODE,
-            symbol: DEFAULT_CURRENCY_SYMBOL,
-        });
-        this.shoppingCartSettings$ = new BehaviorSubject([]);
-        this.getCurrencySymbol = (locale, currency) => {
-            return (0)
-                .toLocaleString(locale, { style: 'currency', currency, minimumFractionDigits: 0, maximumFractionDigits: 0 })
-                .replace(/\d/g, '')
-                .trim();
-        };
-    }
-    create() {
-        return this.configurationSettingsApiService.fetchSettings().pipe(map$1(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => {
-            var _a;
-            this.configurationSettings$.next(configurationSettings);
-            this.addShoppingCartSettings((_a = configurationSettings['shopping-cart']) !== null && _a !== void 0 ? _a : []);
-            this.formattingSettings = this.getFormattingSettings();
-        }), map$1(() => undefined));
-    }
-    initCurrency(iso) {
-        if (iso) {
-            const symbol = this.getCurrencySymbol('en-US', iso);
-            this.currencySettings$.next({ iso, symbol });
-            if (this.formattingSettings) {
-                this.formattingSettings.currencySymbol = symbol;
-            }
-        }
-    }
-    getFormattingSettings() {
-        var _a, _b;
-        if (this.formattingSettings) {
-            return this.formattingSettings;
-        }
-        const shoppingCartSettings = (_a = this.getConfigurationSettings()['shopping-cart']) === null || _a === void 0 ? void 0 : _a.reduce((acc, setting) => {
-            return Object.assign(Object.assign({}, acc), { [setting.id]: setting.properties });
-        }, {});
-        const currencySettings = this.getCurrencySettings();
-        const dateFormat = (validateDateFormat((_b = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT) !== null && _b !== void 0 ? _b : '') && (shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT)) ||
-            DEFAULT_DATE_FORMAT;
-        const decimalSeparator = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DECIMAL_SEPARATOR;
-        const thousandsSeparator = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.THOUSANDS_SEPARATOR;
-        // the number of decimal places can be 0
-        const priceScale = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.PRICE_SCALE;
-        const decimalsCount = priceScale !== null && priceScale !== '' && !isNaN(Number(priceScale)) && Number(priceScale) >= 0
-            ? Number(priceScale)
-            : DEFAULT_DECIMALS_COUNT;
-        const actionCodeSettings = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.STATUS_LABEL;
-        return {
-            currencySymbol: currencySettings.symbol,
-            dateFormats: getSupportedDateFormats(dateFormat),
-            decimalsCount,
-            decimalSeparator: decimalSeparator !== undefined && ['.', ','].includes(decimalSeparator)
-                ? decimalSeparator
-                : DEFAULT_DECIMAL_SEPARATOR,
-            // thousands separator can be a blank value, so it can also be null
-            thousandsSeparator: thousandsSeparator !== undefined && ['.', ',', '', null].includes(thousandsSeparator)
-                ? thousandsSeparator || ''
-                : DEFAULT_THOUSANDS_SEPARATOR,
-            actionCodeLabels: (actionCodeSettings === null || actionCodeSettings === void 0 ? void 0 : actionCodeSettings.length)
-                ? actionCodeSettings.reduce((result, setting) => (Object.assign(Object.assign({}, result), { [setting.status_label]: setting.custom_label })), {})
-                : DEFAULT_ACTION_CODE_LABELS,
-        };
-    }
-    getConfigurationSettings() {
-        return this.configurationSettings$.value;
-    }
-    getShoppingCartSettings() {
-        return this.shoppingCartSettings$.value;
-    }
-    getCurrencySettings() {
-        return this.currencySettings$.value;
-    }
-    parseConfigurationSettings(settings) {
-        return settings.reduce((acc, setting) => {
-            switch (setting.key) {
-                case 'shopping-cart':
-                    acc['shopping-cart'] = parseJsonSafely(setting.value, []);
-                    break;
-                case 'navigation':
-                    acc.navigation = parseJsonSafely(setting.value, {});
-                    break;
-                case 'flows':
-                    acc.flows = parseJsonSafely(setting.value, []);
-                    break;
-                default:
-                    acc[setting.key] = setting.value;
-            }
-            return acc;
-        }, {});
-    }
-    addShoppingCartSettings(settings) {
-        // uniqBy removes items with the biggest index
-        const newSettings = uniqBy([...settings, ...this.shoppingCartSettings$.value], 'id');
-        this.shoppingCartSettings$.next(newSettings);
-    }
-}
-RuntimeSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, deps: [{ token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-RuntimeSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
-
 class ConfigurationService {
     constructor(quoteDraftService, runtimeService, contextService, configurationApiService, messageService, dialogService, runtimeSettings) {
         this.quoteDraftService = quoteDraftService;
@@ -1434,6 +1476,7 @@ class ConfigurationService {
         this.runtimeSettings = runtimeSettings;
         this.mode = ConfigurationMode.SEARCH;
         this.configurationState = new BehaviorSubject(null);
+        this.previousConfigurationState = new BehaviorSubject(null);
         this.isLoadingSubj$ = new BehaviorSubject(false);
         this.isLoading$ = this.isLoadingSubj$.asObservable();
         this.hasUnsavedChanges = false;
@@ -1443,6 +1486,7 @@ class ConfigurationService {
         this.runtimeService.reset();
         this.configurableRamp = undefined;
         this.configurationState.next(null);
+        this.previousConfigurationState.next(null);
     }
     patch$(lineItem, options) {
         const source = this.getSnapshot();
@@ -1460,7 +1504,7 @@ class ConfigurationService {
             const prevState = this.configurationState.value;
             this.configurationState.next(prevState ? Object.assign({}, prevState) : null);
             return throwError(() => error);
-        }), tap(() => {
+        }), tap$1(() => {
             if (!this.hasUnsavedChanges) {
                 this.hasUnsavedChanges = true;
             }
@@ -1473,7 +1517,7 @@ class ConfigurationService {
         this.configurableRamp = lineItem;
     }
     get() {
-        return this.configurationState.pipe(map(state => state === null || state === void 0 ? void 0 : state.lineItem), shareReplay$1());
+        return this.configurationState.pipe(map$1(state => state === null || state === void 0 ? void 0 : state.lineItem), shareReplay$1());
     }
     getSnapshot() {
         var _a, _b;
@@ -1499,6 +1543,9 @@ class ConfigurationService {
     get stateSnapshot() {
         return this.configurationState.value;
     }
+    get previousStateSnapshot() {
+        return this.previousConfigurationState.value;
+    }
     get contextSnapshot() {
         return this.contextService.resolve();
     }
@@ -1506,21 +1553,21 @@ class ConfigurationService {
         return this.contextService.resolve$();
     }
     get charges$() {
-        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.charges) !== null && _a !== void 0 ? _a : {}; }));
+        return this.configurationState.pipe(map$1(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.charges) !== null && _a !== void 0 ? _a : {}; }));
     }
     get chargesSnapshot() {
         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.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.pricePlans) !== null && _a !== void 0 ? _a : {}; }));
+        return this.configurationState.pipe(map$1(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.pricePlans) !== null && _a !== void 0 ? _a : {}; }));
     }
     get pricePlansSnapshot() {
         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.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.procedureContext) !== null && _a !== void 0 ? _a : {}; }));
+        return this.configurationState.pipe(map$1(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.procedureContext) !== null && _a !== void 0 ? _a : {}; }));
     }
     get procedureContextSnapshot() {
         var _a, _b;
@@ -1536,7 +1583,7 @@ class ConfigurationService {
         const uiDefinitionProperties = this.getUIDefinitionProperties();
         const mainPricingEnabled = (_a = runtimeContext.properties) === null || _a === void 0 ? void 0 : _a.PricingEnabled;
         const pricingEnabled = mainPricingEnabled ? mainPricingEnabled === 'true' : uiDefinitionProperties.pricingEnabled;
-        const customPriceApi = this.runtimeSettings.getConfigurationSettings()['CUSTOM_PRICE_API'];
+        const customPriceApi = this.runtimeSettings.configurationSettings['CUSTOM_PRICE_API'];
         this.isLoadingSubj$.next(true);
         const configure$ = pricingEnabled && customPriceApi
             ? this.configurationApiService.customConfigurePrice({ url: customPriceApi, configurationRequest, runtimeModel })
@@ -1545,15 +1592,21 @@ class ConfigurationService {
                 runtimeModel,
                 pricingEnabled,
             });
-        return configure$.pipe(tap(result => {
+        return configure$.pipe(tap$1(result => {
             var _a;
             this.contextService.update(result.context);
             this.configurationState.next(result);
+            this.previousConfigurationState.next(cloneDeep(result));
             if ((_a = result.deletedLineItems) === null || _a === void 0 ? void 0 : _a.length) {
                 this.showInactiveProductsConfirmation();
             }
             this.configurableRamp = result.lineItem;
-        }), map(({ lineItem }) => lineItem), catchError$1(error => throwError(() => {
+        }), map$1(({ lineItem }) => lineItem), catchError$1(error => throwError(() => {
+            const resetState = this.previousConfigurationState.value;
+            if (resetState) {
+                this.previousConfigurationState.next(cloneDeep(resetState));
+                this.configurationState.next(resetState);
+            }
             if (error.error) {
                 return extractErrorDetails(error.error).join('. ');
             }
@@ -1563,7 +1616,7 @@ class ConfigurationService {
     configureExternal$(props) {
         return this.runtimeService
             .init({ productId: props.productId, defaultQty: props.qty, attributesMap: props.attributesMap })
-            .pipe(switchMap$1(() => this.configure()), first(), catchError$1(error => {
+            .pipe(switchMap(() => this.configure()), first(), catchError$1(error => {
             this.messageService.add({ severity: ToastType.error, summary: error });
             throw error;
         }), finalize$1(() => this.reset()));
@@ -1601,7 +1654,7 @@ class ConfigurationService {
         var _a;
         const runtimeContext = this.getRuntimeContext();
         const uiDefinitionProperties = this.getUIDefinitionProperties();
-        let lineItem = cloneDeep(this.configurableRamp);
+        let lineItem = this.configurableRamp;
         if (!lineItem) {
             const { initializationProps } = (_a = this.runtimeService) !== null && _a !== void 0 ? _a : {};
             lineItem = getDefaultLineItem(runtimeContext, uiDefinitionProperties, initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.defaultQty);
@@ -1658,24 +1711,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }], 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) {
+    constructor(proceduresApiService, contextService, quoteDraftService, updateService, configurationService, flowInfoService) {
         this.proceduresApiService = proceduresApiService;
         this.contextService = contextService;
         this.quoteDraftService = quoteDraftService;
         this.updateService = updateService;
         this.configurationService = configurationService;
+        this.flowInfoService = flowInfoService;
         this.updatedSubj$ = new Subject();
         this.updated$ = this.updatedSubj$.asObservable();
     }
     calculate$(quoteDraft) {
-        return this.proceduresApiService.apply$(quoteDraft).pipe(tap$1(result => {
+        return this.extendedApply$(quoteDraft).pipe(tap(result => {
             // sort the result current state based on the quote draft initial state
             const initialStateIds = quoteDraft.initialState.map(lineItem => lineItem.integrationId);
             result.currentState = result.currentState
                 .slice()
                 .sort((a, b) => initialStateIds.indexOf(a.integrationId) - initialStateIds.indexOf(b.integrationId));
             this.quoteDraftService.updateQuoteDraft(result);
-        }), map$1(noop));
+        }), map(noop));
     }
     calculate(quoteDraft) {
         this.calculate$(quoteDraft).subscribe();
@@ -1685,11 +1739,11 @@ class FlowConfigurationService {
         if (!quoteDraft) {
             return of(null);
         }
-        return of([]).pipe(map$1(() => {
+        return of([]).pipe(map(() => {
             const updatedState = cloneDeep(quoteDraft.currentState);
             this.updateService.update(updatedState, updates, quoteDraft.charges);
             return updatedState;
-        }), switchMap(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+        }), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map(() => this.quoteDraftService.quoteDraft), tap(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
     }
     update(updates) {
         this.update$(updates).subscribe();
@@ -1706,9 +1760,9 @@ class FlowConfigurationService {
         }
         const updatedState = cloneDeep(currentState);
         updatedState.splice(currentLineItemIndex, 1, initialLineItem);
-        return of([]).pipe(tap$1(() => {
+        return of([]).pipe(tap(() => {
             this.quoteDraftService.setCurrentLineItemState(updatedState);
-        }), switchMap(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+        }), switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map(() => this.quoteDraftService.quoteDraft), tap(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
     }
     revert(lineItemId) {
         this.revert$(lineItemId).subscribe();
@@ -1719,7 +1773,7 @@ class FlowConfigurationService {
         if (!quoteDraft) {
             return of(null);
         }
-        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());
+        return of([]).pipe(map(() => ids.reduce((result, id) => this.updateService.delete(result, id), currentState)), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map(() => this.quoteDraftService.quoteDraft), tap(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
     }
     delete(ids) {
         this.delete$(ids).subscribe();
@@ -1730,36 +1784,36 @@ class FlowConfigurationService {
             return of(null);
         }
         const updatedState = [...quoteDraft.currentState, term];
-        return of([]).pipe(switchMap(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+        return of([]).pipe(switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map(() => this.quoteDraftService.quoteDraft), tap(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
     }
     addToCart$(props) {
         const quoteDraft = this.quoteDraftService.quoteDraft;
         if (!quoteDraft) {
             return of(null);
         }
-        return this.configurationService.configureExternal$(props).pipe(map$1(lineItem => {
+        return this.configurationService.configureExternal$(props).pipe(map(lineItem => {
             var _a, _b, _c;
             const model = this.configurationService.getRuntimeModel();
             const split = (_b = (_a = model === null || model === void 0 ? void 0 : model.types.find(type => type.name === lineItem.type)) === null || _a === void 0 ? void 0 : _a.split) !== null && _b !== void 0 ? _b : false;
             const lineItems = multiplyLineItems(lineItem, (_c = props.qty) !== null && _c !== void 0 ? _c : 1, split);
             return [...quoteDraft.currentState, ...lineItems];
-        }), switchMap(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+        }), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map(() => this.quoteDraftService.quoteDraft), tap(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
     }
     get() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(() => this.quoteDraftService.currentState), shareReplay$1());
+        return this.quoteDraftService.quoteDraft$.pipe(map(() => this.quoteDraftService.currentState), shareReplay$1());
     }
     getSnapshot() {
         var _a, _b;
         return (_b = (_a = this.quoteDraftService) === null || _a === void 0 ? void 0 : _a.currentState.slice()) !== null && _b !== void 0 ? _b : [];
     }
     get charges$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ charges }) => charges));
+        return this.quoteDraftService.quoteDraft$.pipe(map(({ charges }) => charges));
     }
     get pricePlans$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ pricePlans }) => pricePlans));
+        return this.quoteDraftService.quoteDraft$.pipe(map(({ pricePlans }) => pricePlans));
     }
     get activeMetrics$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ activeMetrics }) => activeMetrics));
+        return this.quoteDraftService.quoteDraft$.pipe(map(({ activeMetrics }) => activeMetrics));
     }
     get chargesSnapshot() {
         var _a, _b;
@@ -1793,12 +1847,21 @@ class FlowConfigurationService {
             }));
         };
     }
+    extendedApply$(quoteDraft) {
+        var _a;
+        const request = Object.assign({}, quoteDraft);
+        const procedureName = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.procedureName;
+        if (procedureName) {
+            request.procedureName = procedureName;
+        }
+        return this.proceduresApiService.apply$(request);
+    }
 }
-FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, deps: [{ token: i1.ProceduresApiService }, { token: ContextService }, { token: QuoteDraftService }, { token: FlowUpdateService }, { token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, deps: [{ token: i1.ProceduresApiService }, { token: ContextService }, { token: QuoteDraftService }, { token: FlowUpdateService }, { token: ConfigurationService }, { token: FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
 FlowConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }, { type: FlowInfoService }]; } });
 
 class FlowConfigurationModule {
 }
@@ -1835,18 +1898,18 @@ class FlowStateConfigurationService {
             }
             else {
                 const lineItem = generateConfigurationLineItem(props, props.qty);
-                request$ = this.flowStateApiService.newConfiguration(stateId, { lineItem }).pipe(tap$1(r => this.configurationStateId$.next(r.stateId)), switchMap(() => {
+                request$ = this.flowStateApiService.newConfiguration(stateId, { lineItem }).pipe(tap(r => this.configurationStateId$.next(r.stateId)), switchMap$1(() => {
                     if (!this.configurationStateId) {
                         return of();
                     }
-                    return this.flowStateApiService.saveConfiguration(stateId, this.configurationStateId).pipe(tap$1(() => this.configurationStateId$.next(null)), map$1(noop));
+                    return this.flowStateApiService.saveConfiguration(stateId, this.configurationStateId).pipe(tap(() => this.configurationStateId$.next(null)), map(noop));
                 }));
             }
         }
         else {
-            request$ = this.flowConfigurationService.addToCart$(props).pipe(map$1(noop));
+            request$ = this.flowConfigurationService.addToCart$(props).pipe(map(noop));
         }
-        return request$.pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), map$1(noop));
+        return request$.pipe(switchMap$1(() => this.flowStateService.executeRequest$({}, true)), map(noop));
     }
 }
 FlowStateConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, deps: [{ token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }, { token: FlowStateService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1873,7 +1936,7 @@ class IntegrationState {
         this.action$.next(action);
     }
     listen$(actionType) {
-        return this.action$.pipe(filter$1(action => action.type === actionType), map$1(action => action.payload));
+        return this.action$.pipe(filter$1(action => action.type === actionType), map(action => action.payload));
     }
     listenAll$() {
         return this.action$.asObservable();
@@ -1898,12 +1961,12 @@ class ProductImagesService {
             this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: '' }));
             this.fetchProductImage(productId);
         }
-        return this.imagesMap$.pipe(map$1(imagesMap => { var _a; return (_a = imagesMap[productId]) !== null && _a !== void 0 ? _a : null; }), distinctUntilChanged());
+        return this.imagesMap$.pipe(map(imagesMap => { var _a; return (_a = imagesMap[productId]) !== null && _a !== void 0 ? _a : null; }), distinctUntilChanged());
     }
     fetchProductImage(productId) {
         this.productApiService
             .fetchImage$(productId)
-            .pipe(map$1(file => URL.createObjectURL(file)), catchError(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
+            .pipe(map(file => URL.createObjectURL(file)), catchError(() => of('')), tap(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
             .subscribe();
     }
 }
@@ -1918,7 +1981,7 @@ class RuntimeContextService {
         this.configurationApiService = configurationApiService;
     }
     getRuntimeContext(productId, offeringId) {
-        return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(map(runtimeData => {
+        return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(map$1(runtimeData => {
             var _a;
             const uiDefinitionContainer = this.getUIDefinitionContainer(runtimeData);
             const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
@@ -1972,7 +2035,7 @@ class ConfigurationRuntimeService {
         return combineLatest([
             this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId),
             this.contextService.initTestMode(),
-        ]).pipe(first(), map(([runtimeData, context]) => {
+        ]).pipe(first(), map$1(([runtimeData, context]) => {
             var _a;
             this.contextService.update({
                 properties: Object.assign(Object.assign(Object.assign(Object.assign({}, (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), context.properties), { ModelId: uiDefinitionContainer.modelId, PricingEnabled: this.uiDefinitionProperties.pricingEnabled ? 'true' : 'false', PriceListId: this.uiDefinitionProperties.priceList, offeringId: this.uiDefinitionProperties.offeringId }), uiDefinitionExternals),
@@ -1984,12 +2047,12 @@ class ConfigurationRuntimeService {
                 uiDefinitionContainer,
             };
             return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
+        }), tap$1(() => (this._isInitialized = true)));
     }
     init(props) {
         this.initializationProps = props;
         const context = this.contextService.resolve();
-        return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(tap(runtimeContext => {
+        return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(tap$1(runtimeContext => {
             var _a, _b, _c, _d;
             this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.source.properties) !== null && _b !== void 0 ? _b : {};
             const { PriceListId } = (_c = context.properties) !== null && _c !== void 0 ? _c : {};
@@ -2002,7 +2065,7 @@ class ConfigurationRuntimeService {
                 });
             }
             return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
+        }), tap$1(() => (this._isInitialized = true)));
     }
     overrideUIDefinition(uiDefinitionContainer) {
         var _a;
@@ -2060,6 +2123,7 @@ class ConfigurationStateService {
         this.configurationStore = {};
         this.executionInProgress$ = new BehaviorSubject(false);
         this.statefulRequestStream$ = new Subject();
+        this.statelessExecutionRequest$ = null;
         this.statefulExecutionRequest$ = this.initBufferedRequest$();
     }
     get isExecutionInProgress$() {
@@ -2090,7 +2154,7 @@ class ConfigurationStateService {
     }
     execute$(exec) {
         const request = this.execToRequest(exec);
-        return this.executeRequest$(request).pipe(map$1(result => {
+        return this.executeRequest$(request).pipe(map(result => {
             // Keep only requested results
             const actualSelectors = Object.entries(result.selectors).reduce((trunk, [requestId, result]) => {
                 var _a;
@@ -2107,7 +2171,15 @@ class ConfigurationStateService {
             actions: [{ name: actionName, inputData }],
         };
         const request = this.execToRequest(exec);
-        return this.executeRequest$(request);
+        const executionRequest$ = this.executeRequest$(request);
+        if (this.isStatefulConfiguration) {
+            return executionRequest$;
+        }
+        // prevent parallel configuration requests in stateless mode
+        if (!this.statelessExecutionRequest$) {
+            this.statelessExecutionRequest$ = executionRequest$.pipe(shareReplay$1(), take$1(1), finalize(() => (this.statelessExecutionRequest$ = null)));
+        }
+        return this.statelessExecutionRequest$;
     }
     select$(selectorName, inputData = {}) {
         const requestId = UUID.UUID();
@@ -2119,7 +2191,7 @@ class ConfigurationStateService {
                 },
             },
         });
-        return this.executeRequest$(request).pipe(map$1(response => response.selectors[requestId]));
+        return this.executeRequest$(request).pipe(map(response => response.selectors[requestId]));
     }
     subscribe$(selectorName, inputData = {}, options) {
         const requestId = UUID.UUID();
@@ -2142,7 +2214,7 @@ class ConfigurationStateService {
                 this.executeRequest$(request).subscribe();
             }
         }
-        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$1(data => data), distinctUntilChanged(), finalize(() => {
+        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map(data => data), distinctUntilChanged(), finalize(() => {
             var _a;
             if (!((_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$.observed)) {
                 delete this.subscriptions[requestId];
@@ -2155,7 +2227,7 @@ class ConfigurationStateService {
         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))));
+                .pipe(switchMap$1(r => this.flowStateService.executeRequest$({}, true).pipe(map(() => r))));
         }
         else {
             if (!flow) {
@@ -2192,7 +2264,7 @@ class ConfigurationStateService {
                 }
                 return this.flowConfigurationService
                     .calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState, initialState }))
-                    .pipe(map$1(() => ({ quoteId: '' })));
+                    .pipe(map(() => ({ quoteId: '' })));
             }
         }
     }
@@ -2238,13 +2310,13 @@ class ConfigurationStateService {
                 selectorsOverride: (_k = container === null || container === void 0 ? void 0 : container.selectors) === null || _k === void 0 ? void 0 : _k.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
             });
         }
-        return request$.pipe(map$1(r => {
+        return request$.pipe(map(r => {
             this.stateId = r.stateId;
             return undefined;
         }));
     }
     initStateless$() {
-        return this.configurationService.configure().pipe(map$1(() => undefined));
+        return this.configurationService.configure().pipe(map(() => undefined));
     }
     execToRequest(exec) {
         var _a;
@@ -2291,49 +2363,37 @@ class ConfigurationStateService {
         else {
             execution$ = this.executeStateless$(fullRequest);
         }
-        return execution$.pipe(tap$1(result => this.handleSelectorsResponse(result.selectors)));
+        return execution$.pipe(tap(result => this.handleSelectorsResponse(result.selectors)));
     }
     executeStateless$(request) {
         this.executionInProgress$.next(true);
-        return of(undefined).pipe(switchMap(() => {
+        return of(undefined).pipe(switchMap$1(() => {
             var _a;
             // Apply actions and execute configuration/price call
             // No need to run configuration if no actions in the request
             if (!((_a = request.actions) === null || _a === void 0 ? void 0 : _a.length)) {
                 return of(undefined);
             }
-            let configurationRequest = this.configurationService.generateRequest();
+            let configurationRequest = this.configurationService.generateRequest(false);
             request.actions.forEach(action => {
                 var _a;
                 configurationRequest = (_a = this.executeActionScript(configurationRequest, action)) !== null && _a !== void 0 ? _a : configurationRequest;
             });
             configurationRequest = ConfigurationTranslatorUtils.lightenConfigurationRequest(configurationRequest);
             return this.configurationService.configureRequest$(configurationRequest);
-        }), map$1(() => {
-            var _a;
+        }), map(() => {
             // Run selectors and apply them to the state
-            const configurationState = cloneDeep(this.configurationService.stateSnapshot);
+            const configurationState = 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;
-        }), tap$1(() => this.executionInProgress$.next(false)), catchError(error => {
+            return this.runStatelessSelectors(request, configurationState);
+        }), tap(() => this.executionInProgress$.next(false)), catchError(error => {
+            const configurationState = this.configurationService.previousStateSnapshot;
+            if (configurationState) {
+                const selectorsResult = this.runStatelessSelectors(request, configurationState);
+                this.handleSelectorsResponse(selectorsResult.selectors);
+            }
             this.executionInProgress$.next(false);
             if (!this.configurationRuntimeService.uiDefinitionProperties.suppressToastMessages) {
                 this.toastService.add({ severity: ToastType.error, summary: String(error) });
@@ -2342,7 +2402,7 @@ class ConfigurationStateService {
         }));
     }
     initBufferedRequest$() {
-        return this.statefulRequestStream$.pipe(buffer(this.statefulRequestStream$.pipe(debounceTime(this.EXECUTION_BUFFER_TIME))), switchMap(requests => {
+        return this.statefulRequestStream$.pipe(buffer(this.statefulRequestStream$.pipe(debounceTime(this.EXECUTION_BUFFER_TIME))), switchMap$1(requests => {
             if (!this.flowStateService.stateId || !this.stateId) {
                 throw 'Stateful session is not initialized';
             }
@@ -2356,18 +2416,18 @@ class ConfigurationStateService {
             };
             this.executionInProgress$.next(true);
             return this.flowStateApiService.executeConfiguration(this.flowStateService.stateId, this.stateId, request);
-        }), tap$1(({ stateId }) => (this.stateId = stateId)), share(), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
+        }), tap(({ stateId }) => (this.stateId = stateId)), share(), tap(() => this.executionInProgress$.next(false)), catchError(e => {
             this.executionInProgress$.next(false);
             return throwError(() => e);
         }));
     }
     executeStateful$(request) {
-        return this.executionInProgress$.pipe(filter$1(inProgress => !inProgress), take$1(1), switchMap(() => 
+        return this.executionInProgress$.pipe(filter$1(inProgress => !inProgress), take$1(1), switchMap$1(() => 
         // 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));
+            of(undefined).pipe(tap(() => this.statefulRequestStream$.next(request))),
+        ])), map(([response]) => response), take$1(1));
     }
     executeActionScript(request, processor) {
         var _a, _b;
@@ -2402,6 +2462,25 @@ class ConfigurationStateService {
             configurationStore: this.configurationStore,
         });
     }
+    runStatelessSelectors(request, configurationState) {
+        var _a;
+        return 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: {} });
+    }
 }
 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 });