@veloceapps/sdk 8.0.0-9 → 8.0.0-90

package/fesm2020/veloceapps-sdk-core.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { Injectable, InjectionToken, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
-import { UUID, ConfigurationContextMode, ConfigurationContext, RuntimeModel, getUIDefinitionProperties, isLegacyUIDefinition, SalesforceIdUtils, ConfigurationMode, ConfigurationTranslatorUtils, EntityUtil, ChargeGroupUtils, DEFAULT_CURRENCY_ISO_CODE, DEFAULT_CURRENCY_SYMBOL, validateDateFormat, DEFAULT_DATE_FORMAT, DEFAULT_DECIMALS_COUNT, getSupportedDateFormats, DEFAULT_DECIMAL_SEPARATOR, DEFAULT_THOUSANDS_SEPARATOR, parseJsonSafely, formatNumber } from '@veloceapps/core';
+import { UUID, ConfigurationContextMode, ConfigurationContext, 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, ChargeGroupUtils, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, EntityUtil, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
 import * as i1 from '@veloceapps/api';
 import { PriceApiService, ContextApiService, ProductModelApiService, ConfigurationApiService } from '@veloceapps/api';
-import { BehaviorSubject, combineLatest, zip, noop, throwError, shareReplay as shareReplay$1, switchMap as switchMap$1, of, tap as tap$1, map as map$2, catchError as catchError$1, Subject, take as take$1, distinctUntilChanged } from 'rxjs';
-import { filter, tap, map, first, switchMap, skip, take, shareReplay, catchError, finalize } from 'rxjs/operators';
-import { merge, isEqual, flatten, sortBy, map as map$1, transform, omit, cloneDeep, uniq } from 'lodash';
+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 { merge, isEqual, flatten, sortBy, map as map$1, uniqBy, transform, omit, cloneDeep, uniq } from 'lodash';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i4 from '@veloceapps/components';
 import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
@@ -71,6 +71,9 @@ class ContextService {
     get isInitialized() {
         return Boolean(this.context.value);
     }
+    get isInitialized$() {
+        return this.context.pipe(map(Boolean));
+    }
     get mode() {
         return this.resolve().properties.mode;
     }
@@ -86,6 +89,18 @@ class ContextService {
     create(headerId, mode) {
         return this.contextApiService.getContext(headerId, mode).pipe(tap(context => this.context.next(merge(new ConfigurationContext(headerId, mode), context))), map(() => this.resolve()));
     }
+    initTestMode() {
+        return this.create('TestId', ConfigurationContextMode.TEST).pipe(map(context => {
+            return this.update({
+                properties: {
+                    ...context.properties,
+                    RuntimeMode: ConfigurationContextMode.TEST,
+                    StartDate: new Date().toISOString().substring(0, 10),
+                    standalone: 'true',
+                },
+            });
+        }));
+    }
     update(partialContext) {
         const originalContext = this.resolve();
         const updatedContext = {
@@ -112,172 +127,13 @@ class ContextService {
         this.context.next(null);
     }
 }
-ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ContextService, deps: [{ token: i1.ContextApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ContextService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ContextService, decorators: [{
+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' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
 
-const FORMATTING_SETTINGS_TOKEN = new InjectionToken('Summary of formatting settings for variant types of data, e.g. numbers, text, dates, etc');
-
-var RuntimeMode;
-(function (RuntimeMode) {
-    RuntimeMode[RuntimeMode["TEST"] = 0] = "TEST";
-    RuntimeMode[RuntimeMode["PROD"] = 1] = "PROD";
-})(RuntimeMode || (RuntimeMode = {}));
-var RuntimeOperation;
-(function (RuntimeOperation) {
-    RuntimeOperation["INIT"] = "INIT";
-    RuntimeOperation["UPDATE"] = "UPDATE";
-})(RuntimeOperation || (RuntimeOperation = {}));
-var RuntimeStep;
-(function (RuntimeStep) {
-    RuntimeStep["START"] = "START";
-    RuntimeStep["UPDATE"] = "UPDATE";
-})(RuntimeStep || (RuntimeStep = {}));
-
-const UI_DEFINITION_VERSION = 3;
-
-class RuntimeContextService {
-    constructor(configurationApiService) {
-        this.configurationApiService = configurationApiService;
-    }
-    getRuntimeContext(productId, offeringId) {
-        return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(map(runtimeData => {
-            const uiDefinitionContainer = this.getUIDefinitionContainer(runtimeData);
-            const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
-            const { productName, properties } = Array.from(runtimeModel.components.values()).find(c => c.productId === productId) ?? {};
-            const uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
-            return {
-                modelId: runtimeData.modelId,
-                uiDefinitionContainer: uiDefinitionContainer,
-                runtimeModel: runtimeModel,
-                runtimeMode: RuntimeMode.PROD,
-                productId: productId,
-                productType: properties?.['displayName'] || productName,
-                offeringId: offeringId,
-                properties: {
-                    PricingEnabled: uiDefinitionProperties.pricingEnabled ? 'true' : 'false',
-                    PriceListId: uiDefinitionProperties.priceList,
-                },
-            };
-        }));
-    }
-    getUIDefinitionContainer(runtimeData) {
-        const containers = runtimeData.uiDefinitions.filter(container => !isLegacyUIDefinition(container.source));
-        return containers.find(container => container.source.primary) ?? containers[0];
-    }
-}
-RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RuntimeContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RuntimeContextService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }]; } });
-
-class ConfigurationRuntimeService {
-    constructor(apiService, contextService, runtimeContextService) {
-        this.apiService = apiService;
-        this.contextService = contextService;
-        this.runtimeContextService = runtimeContextService;
-        this._isInitialized = false;
-        this.uiDefinitionProperties = {};
-    }
-    reset() {
-        this._isInitialized = false;
-        this._runtimeContext = undefined;
-        this.initializationProps = undefined;
-        this.uiDefinitionProperties = {};
-    }
-    initTestMode(uiDefinitionContainer) {
-        this.uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
-        const uiDefinitionExternals = uiDefinitionContainer.source.externals ?? {};
-        return combineLatest([
-            this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId),
-            this.contextService.create('TestId', ConfigurationContextMode.TEST),
-        ]).pipe(first(), map(([runtimeData, context]) => {
-            this.contextService.update({
-                properties: {
-                    ...this.runtimeContext?.properties,
-                    ...context.properties,
-                    ModelId: uiDefinitionContainer.modelId,
-                    RuntimeMode: ConfigurationContextMode.TEST,
-                    PricingEnabled: this.uiDefinitionProperties.pricingEnabled ? 'true' : 'false',
-                    StartDate: new Date().toISOString().substring(0, 10),
-                    PriceListId: this.uiDefinitionProperties.priceList,
-                    offeringId: this.uiDefinitionProperties.offeringId,
-                    standalone: 'true',
-                    ...uiDefinitionExternals,
-                },
-            });
-            this._runtimeContext = {
-                modelId: uiDefinitionContainer.modelId,
-                runtimeModel: RuntimeModel.create(runtimeData.types, runtimeData.products),
-                runtimeMode: RuntimeMode.TEST,
-                uiDefinitionContainer,
-            };
-            return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
-    }
-    init(props) {
-        this.initializationProps = props;
-        const context = this.contextService.resolve();
-        return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(tap(runtimeContext => {
-            this.uiDefinitionProperties = getUIDefinitionProperties(runtimeContext.uiDefinitionContainer);
-            const { PriceListId } = context.properties ?? {};
-            const mergeContext = {
-                ...runtimeContext,
-                properties: {
-                    ...runtimeContext.properties,
-                    ...context.properties,
-                    PricingEnabled: PriceListId ? 'true' : 'false',
-                },
-            };
-            this.id15to18('AccountId', mergeContext.properties);
-            this._runtimeContext = mergeContext;
-            if (context.properties && this._runtimeContext.properties?.StartDate) {
-                this.contextService.update({
-                    properties: {
-                        ...this._runtimeContext.properties,
-                        ...context.properties,
-                    },
-                });
-            }
-            return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
-    }
-    overrideUIDefinition(uiDefinitionContainer) {
-        if (!this._runtimeContext) {
-            return;
-        }
-        this._runtimeContext.uiDefinitionContainer = uiDefinitionContainer;
-        this.uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
-    }
-    id15to18(propertyName, source) {
-        if (!source) {
-            return;
-        }
-        const value = source[propertyName];
-        if (typeof value === 'string' && value.length === 15) {
-            source[propertyName] = SalesforceIdUtils.generateId18FromId15(value);
-        }
-    }
-    get isInitialized() {
-        return this._isInitialized;
-    }
-    get runtimeModel() {
-        return this.runtimeContext?.runtimeModel;
-    }
-    get runtimeContext() {
-        return this._runtimeContext;
-    }
-}
-ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationRuntimeService, deps: [{ token: i1.ConfigurationApiService }, { token: ContextService }, { token: RuntimeContextService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfigurationRuntimeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationRuntimeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationRuntimeService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: ContextService }, { type: RuntimeContextService }]; } });
-
 class QuoteDraftService {
     get isInitialized() {
         return this.isInitializedSubj$.getValue();
@@ -323,6 +179,7 @@ class QuoteDraftService {
     reset() {
         this.resetSubj$.next(true);
         this.quoteSubj$.next(null);
+        this.isInitialized = false;
         this.hasUnsavedChanges = false;
     }
     init(quoteId, params) {
@@ -493,9 +350,9 @@ class QuoteDraftService {
         }
     }
 }
-QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", 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.8", ngImport: i0, type: QuoteDraftService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: QuoteDraftService, decorators: [{
+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 }]; } });
@@ -708,58 +565,183 @@ var lineItem_utils = /*#__PURE__*/Object.freeze({
     upsertAttributes: upsertAttributes
 });
 
-class LineItemWorker {
-    constructor(src) {
-        this.li = { ...src };
+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();
+        };
     }
-    insert(parentId, toInsert) {
-        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+    create() {
+        return this.configurationSettingsApiService.fetchSettings().pipe(map$2(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => {
+            this.configurationSettings$.next(configurationSettings);
+            this.addShoppingCartSettings(configurationSettings['shopping-cart'] ?? []);
+            this.formattingSettings = this.getFormattingSettings();
+        }), map$2(() => undefined));
     }
-    remove(id) {
-        return new LineItemWorker(removeLineItem(this.li, id));
+    initCurrency(iso) {
+        if (iso) {
+            const symbol = this.getCurrencySymbol('en-US', iso);
+            this.currencySettings$.next({ iso, symbol });
+        }
     }
-    replace(toReplace, skipCardinalityCalculation = false) {
-        return new LineItemWorker(replaceLineItem(this.li, toReplace, skipCardinalityCalculation));
+    getFormattingSettings() {
+        if (this.formattingSettings) {
+            return this.formattingSettings;
+        }
+        const shoppingCartSettings = this.getConfigurationSettings()['shopping-cart']?.reduce((acc, setting) => {
+            return { ...acc, [setting.id]: setting.properties };
+        }, {});
+        const currencySettings = this.getCurrencySettings();
+        const dateFormat = (validateDateFormat(shoppingCartSettings?.DATE_FORMAT ?? '') && shoppingCartSettings?.DATE_FORMAT) ||
+            DEFAULT_DATE_FORMAT;
+        const decimalSeparator = shoppingCartSettings?.DECIMAL_SEPARATOR;
+        const thousandsSeparator = shoppingCartSettings?.THOUSANDS_SEPARATOR;
+        // the number of decimal places can be 0
+        const priceScale = shoppingCartSettings?.PRICE_SCALE;
+        const decimalsCount = priceScale !== null && priceScale !== '' && !isNaN(Number(priceScale)) && Number(priceScale) >= 0
+            ? Number(priceScale)
+            : DEFAULT_DECIMALS_COUNT;
+        const actionCodeSettings = 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?.length
+                ? actionCodeSettings.reduce((result, setting) => ({ ...result, [setting.status_label]: setting.custom_label }), {})
+                : DEFAULT_ACTION_CODE_LABELS,
+        };
     }
-    patchAttribute(attrs, id, skipCardinalityCalculation = false) {
-        return new LineItemWorker(patchAttributes(this.li, id ?? this.li.id, attrs, skipCardinalityCalculation));
+    getConfigurationSettings() {
+        return this.configurationSettings$.value;
     }
-}
-
-class ConfigurationService {
-    constructor(quoteDraftService, runtimeService, contextService, configurationApiService, messageService, dialogService) {
-        this.quoteDraftService = quoteDraftService;
-        this.runtimeService = runtimeService;
-        this.contextService = contextService;
-        this.configurationApiService = configurationApiService;
-        this.messageService = messageService;
-        this.dialogService = dialogService;
-        this.mode = ConfigurationMode.SEARCH;
-        this.lineItem = new BehaviorSubject(undefined);
-        this.charges = new BehaviorSubject({});
-        this.pricePlans = new BehaviorSubject({});
-        this.isLoadingSubj$ = new BehaviorSubject(false);
-        this.isLoading$ = this.isLoadingSubj$.asObservable();
-        this.hasUnsavedChanges = false;
+    getShoppingCartSettings() {
+        return this.shoppingCartSettings$.value;
     }
-    reset() {
-        this.hasUnsavedChanges = false;
-        this.runtimeService.reset();
-        this.configurableRamp = undefined;
-        this.lineItem.next(undefined);
-        this.charges.next({});
-        this.pricePlans.next({});
+    getCurrencySettings() {
+        return this.currencySettings$.value;
     }
-    patch$(lineItem, options) {
-        if (!this.lineItem.value) {
-            return throwError(() => new Error(`Source LineItem not found`));
-        }
-        const skipCardinalityCalculation = options?.skipCardinalityCalculation || this.contextSnapshot.properties['#skipCardinalityCalculation'] === 'true';
-        this.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem, skipCardinalityCalculation).li;
-        return this.configure().pipe(catchError(error => {
-            console.error(error);
-            if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
-                this.messageService.add({ severity: 'error', summary: error });
+    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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
+
+const FORMATTING_SETTINGS_TOKEN = new InjectionToken('Summary of formatting settings for variant types of data, e.g. numbers, text, dates, etc');
+
+var RuntimeMode;
+(function (RuntimeMode) {
+    RuntimeMode[RuntimeMode["TEST"] = 0] = "TEST";
+    RuntimeMode[RuntimeMode["PROD"] = 1] = "PROD";
+})(RuntimeMode || (RuntimeMode = {}));
+var RuntimeOperation;
+(function (RuntimeOperation) {
+    RuntimeOperation["INIT"] = "INIT";
+    RuntimeOperation["UPDATE"] = "UPDATE";
+})(RuntimeOperation || (RuntimeOperation = {}));
+var RuntimeStep;
+(function (RuntimeStep) {
+    RuntimeStep["START"] = "START";
+    RuntimeStep["UPDATE"] = "UPDATE";
+})(RuntimeStep || (RuntimeStep = {}));
+
+const UI_DEFINITION_VERSION = 3;
+
+class LineItemWorker {
+    constructor(src) {
+        this.li = { ...src };
+    }
+    insert(parentId, toInsert) {
+        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+    }
+    remove(id) {
+        return new LineItemWorker(removeLineItem(this.li, id));
+    }
+    replace(toReplace, skipCardinalityCalculation = false) {
+        return new LineItemWorker(replaceLineItem(this.li, toReplace, skipCardinalityCalculation));
+    }
+    patchAttribute(attrs, id, skipCardinalityCalculation = false) {
+        return new LineItemWorker(patchAttributes(this.li, id ?? this.li.id, attrs, skipCardinalityCalculation));
+    }
+}
+
+class ConfigurationService {
+    constructor(quoteDraftService, runtimeService, contextService, configurationApiService, messageService, dialogService, runtimeSettings) {
+        this.quoteDraftService = quoteDraftService;
+        this.runtimeService = runtimeService;
+        this.contextService = contextService;
+        this.configurationApiService = configurationApiService;
+        this.messageService = messageService;
+        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.isLoadingSubj$ = new BehaviorSubject(false);
+        this.isLoading$ = this.isLoadingSubj$.asObservable();
+        this.hasUnsavedChanges = false;
+    }
+    reset() {
+        this.hasUnsavedChanges = false;
+        this.runtimeService.reset();
+        this.configurableRamp = undefined;
+        this.lineItem.next(undefined);
+        this.charges.next({});
+        this.pricePlans.next({});
+    }
+    patch$(lineItem, options) {
+        if (!this.lineItem.value) {
+            return throwError(() => new Error(`Source LineItem not found`));
+        }
+        const skipCardinalityCalculation = options?.skipCardinalityCalculation || this.contextSnapshot.properties['#skipCardinalityCalculation'] === 'true';
+        this.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem, skipCardinalityCalculation).li;
+        return this.configure().pipe(catchError(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 ? { ...this.lineItem.value } : undefined);
@@ -814,6 +796,12 @@ class ConfigurationService {
     get pricePlansSnapshot() {
         return this.pricePlans.value;
     }
+    get procedureContext$() {
+        return this.procedureContext.asObservable();
+    }
+    get procedureContextSnapshot() {
+        return this.procedureContext.value;
+    }
     configure() {
         return this.configureRequest$(this.generateRequest());
     }
@@ -823,11 +811,20 @@ class ConfigurationService {
         const uiDefinitionProperties = this.getUIDefinitionProperties();
         const mainPricingEnabled = runtimeContext.properties?.PricingEnabled;
         const pricingEnabled = mainPricingEnabled ? mainPricingEnabled === 'true' : uiDefinitionProperties.pricingEnabled;
+        const customPriceApi = this.runtimeSettings.getConfigurationSettings()['CUSTOM_PRICE_API'];
         this.isLoadingSubj$.next(true);
-        return this.configurationApiService.configureLineItem({ configurationRequest, runtimeModel, pricingEnabled }).pipe(tap(({ lineItem, context, charges, pricePlans, deletedLineItems }) => {
+        const configure$ = pricingEnabled && customPriceApi
+            ? this.configurationApiService.customConfigurePrice({ url: customPriceApi, configurationRequest, runtimeModel })
+            : this.configurationApiService.configureLineItem({
+                configurationRequest,
+                runtimeModel,
+                pricingEnabled,
+            });
+        return configure$.pipe(tap(({ lineItem, context, charges, pricePlans, deletedLineItems, procedureContext }) => {
             this.contextService.update(context ?? {});
             this.charges.next(charges ?? {});
             this.pricePlans.next(pricePlans ?? {});
+            this.procedureContext.next(procedureContext ?? {});
             if (lineItem) {
                 this.lineItem.next(lineItem);
             }
@@ -884,7 +881,7 @@ class ConfigurationService {
     }
     getUIDefinitionProperties() {
         return {
-            ...getUIDefinitionProperties(this.getRuntimeContext().uiDefinitionContainer),
+            ...(this.getRuntimeContext().uiDefinitionContainer?.source.properties ?? {}),
             ...(this.runtimeService.uiDefinitionProperties ?? {}),
         };
     }
@@ -920,140 +917,11 @@ class ConfigurationService {
         return this.quoteDraftService.quoteDraft?.initialState.find(a => a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId);
     }
 }
-ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: ContextService }, { token: i1.ConfigurationApiService }, { token: i5.MessageService }, { token: i6.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", 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 }]; } });
-
-class ConfigurationState {
-    constructor(statefulConfigurationApiService, runtimeService, configurationService, toastService) {
-        this.statefulConfigurationApiService = statefulConfigurationApiService;
-        this.runtimeService = runtimeService;
-        this.configurationService = configurationService;
-        this.toastService = toastService;
-        this.stateSubj$ = new BehaviorSubject({});
-        this.state$ = this.stateSubj$.asObservable();
-        this.stateId = null;
-    }
-    init$() {
-        return this.configurationService.configure().pipe(switchMap$1(() => {
-            if (!this.isStatefulConfiguration) {
-                return of(undefined);
-            }
-            const { actions, selectors } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
-            return this.statefulConfigurationApiService.init({
-                request: this.configurationService.generateRequest(),
-                actions: actions?.map(action => ({ name: action.apiName, script: action.script })),
-                selectors: selectors?.map(selector => ({ name: selector.apiName, script: selector.script })),
-            });
-        }), tap$1(stateId => (this.stateId = stateId || null)), map$2(() => undefined));
-    }
-    cleanup() {
-        this.stateId = null;
-        this.configurationService.reset();
-        this.stateSubj$.next({});
-    }
-    execute$(req) {
-        if (this.isStatefulConfiguration) {
-            return this.executeStateful$(req);
-        }
-        else {
-            return this.executeStateless$(req);
-        }
-    }
-    dispatch$(actionName, inputData) {
-        return this.execute$({ actions: [{ name: actionName, inputData }] });
-    }
-    select$(selectorName, inputData) {
-        const requestId = UUID.UUID();
-        return this.execute$({
-            selectors: {
-                [requestId]: {
-                    name: selectorName,
-                    inputData,
-                },
-            },
-        }).pipe(map$2(() => this.stateSubj$.value[requestId]), tap$1(() => this.stateSubj$.next(omit(this.stateSubj$.value, requestId))));
-    }
-    get isStatefulConfiguration() {
-        return this.runtimeService.uiDefinitionProperties.statefulConfigurationEnabled ?? false;
-    }
-    executeStateless$(request) {
-        return of(undefined).pipe(switchMap$1(() => {
-            // Apply actions and execute configuration/price call
-            // No need to run configuration if no actions in the request
-            if (!request.actions?.length) {
-                return of(undefined);
-            }
-            let configurationRequest = this.configurationService.generateRequest();
-            request.actions.forEach(action => {
-                configurationRequest = this.executeActionScript(configurationRequest, action) ?? configurationRequest;
-            });
-            return this.configurationService.configureRequest$(configurationRequest);
-        }), tap$1(() => {
-            if (!request.selectors) {
-                return;
-            }
-            // 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({
-                ...this.stateSubj$.value,
-                ...selectorsResult,
-            });
-        }), map$2(() => undefined));
-    }
-    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));
-    }
-    executeActionScript(request, processor) {
-        const { actions } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
-        const script = actions?.find(action => action.apiName === processor.name)?.script;
-        if (!script) {
-            return null;
-        }
-        return this.executeProcessorScript(request, script, processor.inputData);
-    }
-    executeSelectorScript(request, processor) {
-        const { selectors } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
-        const script = selectors?.find(selector => selector.apiName === processor.name)?.script;
-        if (!script) {
-            return null;
-        }
-        return this.executeProcessorScript(request, script, processor.inputData);
-    }
-    executeProcessorScript(request, script, inputData) {
-        return new Function(`${script}\nreturn transform;`)()({
-            request,
-            inputData: inputData,
-        });
-    }
-}
-ConfigurationState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", 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.8", ngImport: i0, type: ConfigurationState });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationState, decorators: [{
+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.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.StatefulConfigurationApiService }, { type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: i4.ToastService }]; } });
+        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: ContextService }, { type: i1.ConfigurationApiService }, { type: i5.MessageService }, { type: i6.DialogService }, { type: RuntimeSettingsService }]; } });
 
 function extractMetadata(uiDefinition) {
     return omit(uiDefinition, [
@@ -1135,6 +1003,7 @@ class FlowUpdateService {
                 }
                 break;
             case 'LIST_PRICE_ADJUSTMENT':
+            case 'MARGIN_ADJUSTMENT':
                 {
                     const charge = lineItem.chargeItems.find(charge => (charges || {})[charge.chargeId]?.main);
                     if (charge) {
@@ -1142,19 +1011,11 @@ class FlowUpdateService {
                     }
                 }
                 break;
-            case 'COST':
+            case 'COST_ADJUSTMENT':
                 {
                     const charge = lineItem.chargeItems.find(charge => (charges || {})[charge.chargeId]?.main);
                     if (charge) {
-                        charge.netCost = update.newValue;
-                    }
-                }
-                break;
-            case 'MARGIN_PERCENT':
-                {
-                    const charge = lineItem.chargeItems.find(charge => (charges || {})[charge.chargeId]?.main);
-                    if (charge) {
-                        charge.marginPercent = update.newValue;
+                        charge.costAdjustment = update.newValue;
                     }
                 }
                 break;
@@ -1196,9 +1057,9 @@ class FlowUpdateService {
         return true;
     }
 }
-FlowUpdateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowUpdateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FlowUpdateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowUpdateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowUpdateService, decorators: [{
+FlowUpdateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowUpdateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FlowUpdateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowUpdateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowUpdateService, decorators: [{
             type: Injectable
         }] });
 
@@ -1331,63 +1192,21 @@ class FlowConfigurationService {
         };
     }
 }
-FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowConfigurationService, deps: [{ token: i1.ProceduresApiService }, { token: ContextService }, { token: QuoteDraftService }, { token: FlowUpdateService }, { token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowConfigurationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowConfigurationService, decorators: [{
+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.ɵ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 }]; } });
 
-class FlowConfigurationModule {
-}
-FlowConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: FlowConfigurationModule });
-FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService, PriceApiService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FlowConfigurationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    providers: [FlowConfigurationService, FlowUpdateService, PriceApiService],
-                }]
-        }] });
-
-class ConfigurationModule {
-}
-ConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationModule, imports: [ConfirmationDialogModule] });
-ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationModule, providers: [
-        ContextApiService,
-        ProductModelApiService,
-        ConfigurationApiService,
-        ConfigurationRuntimeService,
-        RuntimeContextService,
-        ConfigurationService,
-        ConfigurationState,
-    ], imports: [ConfirmationDialogModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ConfirmationDialogModule],
-                    providers: [
-                        ContextApiService,
-                        ProductModelApiService,
-                        ConfigurationApiService,
-                        ConfigurationRuntimeService,
-                        RuntimeContextService,
-                        ConfigurationService,
-                        ConfigurationState,
-                    ],
-                }]
-        }] });
-
-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 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) {
@@ -1488,9 +1307,9 @@ class MetricsCalculationService {
         return this.activeMetricRules.find(metricRule => metricRule.metrics.find(metric => metric.totalName === name));
     }
 }
-MetricsCalculationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", 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.8", ngImport: i0, type: MetricsCalculationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MetricsCalculationService, decorators: [{
+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 }]; } });
@@ -1514,101 +1333,319 @@ class ProductImagesService {
             .subscribe();
     }
 }
-ProductImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProductImagesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProductImagesService, decorators: [{
+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' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.ProductApiService }]; } });
 
-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.getCurrencySymbol = (locale, currency) => {
-            return (0)
-                .toLocaleString(locale, { style: 'currency', currency, minimumFractionDigits: 0, maximumFractionDigits: 0 })
-                .replace(/\d/g, '')
-                .trim();
-        };
+class RuntimeContextService {
+    constructor(configurationApiService) {
+        this.configurationApiService = configurationApiService;
     }
-    create() {
-        return this.configurationSettingsApiService.fetchSettings().pipe(map$2(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => {
-            this.configurationSettings$.next(configurationSettings);
-            this.formattingSettings = this.getFormattingSettings();
-        }), map$2(() => undefined));
+    getRuntimeContext(productId, offeringId) {
+        return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(map(runtimeData => {
+            const uiDefinitionContainer = this.getUIDefinitionContainer(runtimeData);
+            const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
+            const { productName, properties } = Array.from(runtimeModel.components.values()).find(c => c.productId === productId) ?? {};
+            const uiDefinitionProperties = uiDefinitionContainer?.source.properties;
+            return {
+                modelId: runtimeData.modelId,
+                uiDefinitionContainer: uiDefinitionContainer,
+                runtimeModel: runtimeModel,
+                runtimeMode: RuntimeMode.PROD,
+                productId: productId,
+                productType: properties?.['displayName'] || productName,
+                offeringId: offeringId,
+                properties: {
+                    PricingEnabled: uiDefinitionProperties?.pricingEnabled ? 'true' : 'false',
+                    PriceListId: uiDefinitionProperties?.priceList,
+                },
+            };
+        }));
     }
-    initCurrency(iso) {
-        if (iso) {
-            const symbol = this.getCurrencySymbol('en-US', iso);
-            this.currencySettings$.next({ iso, symbol });
+    getUIDefinitionContainer(runtimeData) {
+        const containers = runtimeData.uiDefinitions.filter(container => isNotLegacyUIDefinition(container.source));
+        return containers.find(container => container.source.primary) ?? containers[0];
+    }
+}
+RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }]; } });
+
+class ConfigurationRuntimeService {
+    constructor(apiService, contextService, runtimeContextService) {
+        this.apiService = apiService;
+        this.contextService = contextService;
+        this.runtimeContextService = runtimeContextService;
+        this._isInitialized = false;
+        this.uiDefinitionProperties = {};
+    }
+    reset() {
+        this._isInitialized = false;
+        this._runtimeContext = undefined;
+        this.initializationProps = undefined;
+        this.uiDefinitionProperties = {};
+    }
+    initTestMode(uiDefinitionContainer) {
+        this.uiDefinitionProperties = uiDefinitionContainer.source.properties ?? {};
+        const uiDefinitionExternals = uiDefinitionContainer.source.externals ?? {};
+        return combineLatest([
+            this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId),
+            this.contextService.initTestMode(),
+        ]).pipe(first(), map(([runtimeData, context]) => {
+            this.contextService.update({
+                properties: {
+                    ...this.runtimeContext?.properties,
+                    ...context.properties,
+                    ModelId: uiDefinitionContainer.modelId,
+                    PricingEnabled: this.uiDefinitionProperties.pricingEnabled ? 'true' : 'false',
+                    PriceListId: this.uiDefinitionProperties.priceList,
+                    offeringId: this.uiDefinitionProperties.offeringId,
+                    ...uiDefinitionExternals,
+                },
+            });
+            this._runtimeContext = {
+                modelId: uiDefinitionContainer.modelId,
+                runtimeModel: RuntimeModel.create(runtimeData.types, runtimeData.products),
+                runtimeMode: RuntimeMode.TEST,
+                uiDefinitionContainer,
+            };
+            return this._runtimeContext;
+        }), tap(() => (this._isInitialized = true)));
+    }
+    init(props) {
+        this.initializationProps = props;
+        const context = this.contextService.resolve();
+        return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(tap(runtimeContext => {
+            this.uiDefinitionProperties = runtimeContext.uiDefinitionContainer?.source.properties ?? {};
+            const { PriceListId } = context.properties ?? {};
+            const mergeContext = {
+                ...runtimeContext,
+                properties: {
+                    ...runtimeContext.properties,
+                    ...context.properties,
+                    PricingEnabled: PriceListId ? 'true' : 'false',
+                },
+            };
+            this.id15to18('AccountId', mergeContext.properties);
+            this._runtimeContext = mergeContext;
+            if (context.properties && this._runtimeContext.properties?.StartDate) {
+                this.contextService.update({
+                    properties: {
+                        ...this._runtimeContext.properties,
+                        ...context.properties,
+                    },
+                });
+            }
+            return this._runtimeContext;
+        }), tap(() => (this._isInitialized = true)));
+    }
+    overrideUIDefinition(uiDefinitionContainer) {
+        if (!this._runtimeContext) {
+            return;
         }
+        this._runtimeContext.uiDefinitionContainer = uiDefinitionContainer;
+        this.uiDefinitionProperties = uiDefinitionContainer.source.properties ?? {};
     }
-    getFormattingSettings() {
-        if (this.formattingSettings) {
-            return this.formattingSettings;
+    id15to18(propertyName, source) {
+        if (!source) {
+            return;
+        }
+        const value = source[propertyName];
+        if (typeof value === 'string' && value.length === 15) {
+            source[propertyName] = SalesforceIdUtils.generateId18FromId15(value);
         }
-        const shoppingCartSettings = this.getConfigurationSettings()['shopping-cart']?.reduce((acc, setting) => {
-            return { ...acc, [setting.id]: setting.properties };
-        }, {});
-        const currencySettings = this.getCurrencySettings();
-        const dateFormat = (validateDateFormat(shoppingCartSettings?.DATE_FORMAT ?? '') && shoppingCartSettings?.DATE_FORMAT) ||
-            DEFAULT_DATE_FORMAT;
-        const decimalSeparator = shoppingCartSettings?.DECIMAL_SEPARATOR;
-        const thousandsSeparator = shoppingCartSettings?.THOUSANDS_SEPARATOR;
-        // the number of decimal places can be 0
-        const priceScale = shoppingCartSettings?.PRICE_SCALE;
-        const decimalsCount = priceScale !== null && priceScale !== '' && !isNaN(Number(priceScale)) && Number(priceScale) >= 0
-            ? Number(priceScale)
-            : DEFAULT_DECIMALS_COUNT;
-        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,
-        };
     }
-    getConfigurationSettings() {
-        return this.configurationSettings$.value;
+    get isInitialized() {
+        return this._isInitialized;
     }
-    getCurrencySettings() {
-        return this.currencySettings$.value;
+    get runtimeModel() {
+        return this.runtimeContext?.runtimeModel;
     }
-    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;
+    get runtimeContext() {
+        return this._runtimeContext;
+    }
+}
+ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, deps: [{ token: i1.ConfigurationApiService }, { token: ContextService }, { token: RuntimeContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationRuntimeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, decorators: [{
+            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;
+        this.configurationService = configurationService;
+        this.toastService = toastService;
+        this.stateSubj$ = new BehaviorSubject({});
+        this.state$ = this.stateSubj$.asObservable();
+        this.stateId = null;
+    }
+    init$() {
+        return this.configurationService.configure().pipe(switchMap$1(() => {
+            if (!this.isStatefulConfiguration) {
+                return of(undefined);
             }
-            return acc;
-        }, {});
+            const { actions, selectors } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
+            return this.statefulConfigurationApiService.init({
+                request: this.configurationService.generateRequest(),
+                actions: actions?.map(action => ({ name: action.apiName, script: action.script })),
+                selectors: selectors?.map(selector => ({ name: selector.apiName, script: selector.script })),
+            });
+        }), tap$1(stateId => (this.stateId = stateId || null)), map$2(() => undefined));
+    }
+    cleanup() {
+        this.stateId = null;
+        this.configurationService.reset();
+        this.stateSubj$.next({});
+    }
+    execute$(req) {
+        if (this.isStatefulConfiguration) {
+            return this.executeStateful$(req);
+        }
+        else {
+            return this.executeStateless$(req);
+        }
+    }
+    dispatch$(actionName, inputData) {
+        return this.execute$({ actions: [{ name: actionName, inputData }] });
+    }
+    select$(selectorName, inputData) {
+        const requestId = UUID.UUID();
+        return this.execute$({
+            selectors: {
+                [requestId]: {
+                    name: selectorName,
+                    inputData,
+                },
+            },
+        }).pipe(map$2(() => this.stateSubj$.value[requestId]), tap$1(() => this.stateSubj$.next(omit(this.stateSubj$.value, requestId))));
+    }
+    get isStatefulConfiguration() {
+        return this.runtimeService.uiDefinitionProperties.statefulConfigurationEnabled ?? false;
+    }
+    executeStateless$(request) {
+        return of(undefined).pipe(switchMap$1(() => {
+            // Apply actions and execute configuration/price call
+            // No need to run configuration if no actions in the request
+            if (!request.actions?.length) {
+                return of(undefined);
+            }
+            let configurationRequest = this.configurationService.generateRequest();
+            request.actions.forEach(action => {
+                configurationRequest = this.executeActionScript(configurationRequest, action) ?? configurationRequest;
+            });
+            return this.configurationService.configureRequest$(configurationRequest);
+        }), tap$1(() => {
+            if (!request.selectors) {
+                return;
+            }
+            // 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({
+                ...this.stateSubj$.value,
+                ...selectorsResult,
+            });
+        }), map$2(() => undefined));
+    }
+    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));
+    }
+    executeActionScript(request, processor) {
+        const { actions } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
+        const script = actions?.find(action => action.apiName === processor.name)?.script;
+        if (!script) {
+            return null;
+        }
+        return this.executeProcessorScript(request, script, processor.inputData);
+    }
+    executeSelectorScript(request, processor) {
+        const { selectors } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
+        const script = selectors?.find(selector => selector.apiName === processor.name)?.script;
+        if (!script) {
+            return null;
+        }
+        return this.executeProcessorScript(request, script, processor.inputData);
+    }
+    executeProcessorScript(request, script, inputData) {
+        return new Function(`${script}\nreturn transform;`)()({
+            request,
+            inputData: inputData,
+        });
     }
 }
-RuntimeSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RuntimeSettingsService, deps: [{ token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-RuntimeSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RuntimeSettingsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RuntimeSettingsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
+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: [{
+            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],
+                }]
+        }] });
+
+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] });
+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,
+                    ],
+                }]
+        }] });
 
 const DEFAULT_FORMATTING_SETTINGS = {
     currencySymbol: DEFAULT_CURRENCY_SYMBOL,
@@ -1616,32 +1653,23 @@ const DEFAULT_FORMATTING_SETTINGS = {
     dateFormats: getSupportedDateFormats(DEFAULT_DATE_FORMAT),
     decimalSeparator: DEFAULT_DECIMAL_SEPARATOR,
     thousandsSeparator: DEFAULT_THOUSANDS_SEPARATOR,
+    actionCodeLabels: DEFAULT_ACTION_CODE_LABELS,
 };
 class SdkCoreModule {
 }
-SdkCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdkCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: SdkCoreModule, imports: [ConfigurationModule, FlowConfigurationModule] });
-SdkCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkCoreModule, providers: [
-        ContextService,
-        QuoteDraftService,
-        ProductImagesService,
-        MetricsCalculationService,
-        RuntimeSettingsService,
+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: [
         {
             provide: FORMATTING_SETTINGS_TOKEN,
             useExisting: RuntimeSettingsService,
         },
     ], imports: [ConfigurationModule, FlowConfigurationModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkCoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ConfigurationModule, FlowConfigurationModule],
                     providers: [
-                        ContextService,
-                        QuoteDraftService,
-                        ProductImagesService,
-                        MetricsCalculationService,
-                        RuntimeSettingsService,
                         {
                             provide: FORMATTING_SETTINGS_TOKEN,
                             useExisting: RuntimeSettingsService,
@@ -1673,9 +1701,9 @@ class CalendarDirective {
         }
     }
 }
-CalendarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CalendarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CalendarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CalendarDirective, selector: "[vlCalendar]", inputs: { vlCalendar: "vlCalendar" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CalendarDirective, decorators: [{
+CalendarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CalendarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CalendarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CalendarDirective, selector: "[vlCalendar]", inputs: { vlCalendar: "vlCalendar" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CalendarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vlCalendar]',
@@ -1686,10 +1714,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class SdkDirectivesModule {
 }
-SdkDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdkDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: SdkDirectivesModule, declarations: [CalendarDirective], exports: [CalendarDirective] });
-SdkDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkDirectivesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkDirectivesModule, decorators: [{
+SdkDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdkDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SdkDirectivesModule, declarations: [CalendarDirective], exports: [CalendarDirective] });
+SdkDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkDirectivesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkDirectivesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CalendarDirective],
@@ -1708,21 +1736,27 @@ class DatePipe {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    transform(date) {
+    transform(date, type = 'date') {
         if (!date) {
             return '';
         }
+        const dateFormat = this.formattingSettings?.dateFormats.datePipeFormat || DEFAULT_DATE_FORMAT;
+        const formatMap = {
+            date: dateFormat,
+            time: DEFAULT_TIME_FORMAT,
+            datetime: `${dateFormat} ${DEFAULT_TIME_FORMAT}`,
+        };
         try {
-            return formatDate(date, this.formattingSettings?.dateFormats.datePipeFormat || DEFAULT_DATE_FORMAT, this.locale, this.defaultOptions?.timezone);
+            return formatDate(date, formatMap[type], this.locale, this.defaultOptions?.timezone);
         }
         catch (error) {
             return new Date(date).toString();
         }
     }
 }
-DatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: DatePipe, name: "vlDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DatePipe, decorators: [{
+DatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DatePipe, name: "vlDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'vlDate',
@@ -1742,9 +1776,9 @@ class NumberPipe {
         return formatNumber(price, this.formattingSettings?.thousandsSeparator, this.formattingSettings?.decimalSeparator, this.formattingSettings?.decimalsCount);
     }
 }
-NumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NumberPipe, name: "vlNumber" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NumberPipe, decorators: [{
+NumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NumberPipe, name: "vlNumber" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'vlNumber',
@@ -1767,25 +1801,42 @@ class PricePipe {
         return `${this.formattingSettings?.currencySymbol || DEFAULT_CURRENCY_SYMBOL}${formatNumber(price, this.formattingSettings?.thousandsSeparator, this.formattingSettings?.decimalSeparator, this.formattingSettings?.decimalsCount)}`;
     }
 }
-PricePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PricePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PricePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PricePipe, name: "vlPrice" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PricePipe, decorators: [{
+PricePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PricePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PricePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PricePipe, name: "vlPrice" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PricePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'vlPrice',
                 }]
         }] });
 
+class ActionCodePipe {
+    constructor() {
+        this.formattingSettings = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })?.getFormattingSettings();
+    }
+    transform(actionCode) {
+        return this.formattingSettings?.actionCodeLabels[actionCode] ?? actionCode;
+    }
+}
+ActionCodePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionCodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ActionCodePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ActionCodePipe, name: "vlActionCode" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionCodePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'vlActionCode',
+                }]
+        }] });
+
 class SdkPipesModule {
 }
-SdkPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdkPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: SdkPipesModule, declarations: [NumberPipe, PricePipe, DatePipe], exports: [NumberPipe, PricePipe, DatePipe] });
-SdkPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkPipesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkPipesModule, decorators: [{
+SdkPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdkPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SdkPipesModule, declarations: [NumberPipe, PricePipe, DatePipe, ActionCodePipe], exports: [NumberPipe, PricePipe, DatePipe, ActionCodePipe] });
+SdkPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkPipesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkPipesModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [NumberPipe, PricePipe, DatePipe],
-                    exports: [NumberPipe, PricePipe, DatePipe],
+                    declarations: [NumberPipe, PricePipe, DatePipe, ActionCodePipe],
+                    exports: [NumberPipe, PricePipe, DatePipe, ActionCodePipe],
                 }]
         }] });
 
@@ -1793,5 +1844,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { 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, 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 };
 //# sourceMappingURL=veloceapps-sdk-core.mjs.map