@veloceapps/sdk 7.0.2-9 → 7.0.2-90

package/fesm2015/veloceapps-sdk-core.mjs

@@ -1,25 +1,61 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule } from '@angular/core';
-import { UUID, ConfigurationContext, RuntimeModel, ConfigurationContextMode, SalesforceIdUtils, ConfigurationMode, ConfigurationTranslatorUtils, ChargeGroupUtils } from '@veloceapps/core';
-import { BehaviorSubject, combineLatest, zip, noop, throwError, shareReplay as shareReplay$1, tap as tap$1, map as map$2, of, switchMap as switchMap$1, catchError as catchError$1, Subject, take as take$1, distinctUntilChanged } from 'rxjs';
+import { InjectionToken, Injectable, 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 { 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 * as i1 from '@veloceapps/api';
 import { PriceApiService, ContextApiService, ProductModelApiService, ConfigurationApiService } from '@veloceapps/api';
-import { merge, flatten, sortBy, map as map$1, isEqual, omit, cloneDeep, uniq } from 'lodash';
+import { merge, flatten, sortBy, map as map$1, isEqual, 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';
 import * as i5 from 'primeng/api';
 import * as i6 from 'primeng/dynamicdialog';
 import moment from 'moment';
+import { NgControl } from '@angular/forms';
+import { DATE_PIPE_DEFAULT_OPTIONS, formatDate } from '@angular/common';
 
 const getDefaultLineItem = (context, uiDefinitionProperties, qty = 1) => {
     var _a, _b, _c;
     const id = UUID.UUID();
-    const lineItem = Object.assign({ id, type: (_a = uiDefinitionProperties.rootType) !== null && _a !== void 0 ? _a : '', cfgStatus: 'Default', actionCode: 'ADD', qty, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b['displayName']) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '' }, (context.offeringId
-        ? { offeringId: context.offeringId, offeringInstanceId: context.offeringInstanceId || id }
-        : {}));
-    return lineItem;
+    const attributes = [];
+    const lineItems = [];
+    return Object.assign({ id, type: (_a = uiDefinitionProperties.rootType) !== null && _a !== void 0 ? _a : '', cfgStatus: 'Default', actionCode: 'ADD', qty,
+        attributes,
+        lineItems, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b['displayName']) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '' }, (uiDefinitionProperties.offeringId ? { offeringId: uiDefinitionProperties.offeringId } : {}));
+};
+const getGuidedSellingConfigurationRequest = (data) => {
+    return {
+        mode: 'SEARCH',
+        step: 'START',
+        attributeDomainMode: 'ALL',
+        context: {
+            headerId: 'TestId',
+            mode: ConfigurationContextMode.TEST,
+            properties: {
+                ModelId: data.modelId,
+                Name: 'Veloce Guided Selling',
+                PricingEnabled: 'false',
+                RuntimeMode: 'TEST',
+            },
+        },
+        lineItem: {
+            actionCode: 'ADD',
+            cfgStatus: 'Default',
+            id: UUID.UUID(),
+            qty: 1,
+            type: data.modelType,
+            attributes: Object.entries(data.attributesMap).map(([name, value]) => ({
+                name,
+                value,
+                cfgStatus: 'User',
+            })),
+        },
+    };
 };
 
+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";
@@ -36,7 +72,7 @@ var RuntimeStep;
     RuntimeStep["UPDATE"] = "UPDATE";
 })(RuntimeStep || (RuntimeStep = {}));
 
-const UI_DEFINITION_VERSION = 3;
+const UI_DEFINITION_VERSION = 2;
 
 class ContextService {
     constructor(contextApiService) {
@@ -90,37 +126,30 @@ class RuntimeContextService {
     }
     getRuntimeContext(productId, offeringId) {
         return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(map(runtimeData => {
-            var _a, _b, _c;
-            const uiDefinition = this.getUIDefinition(runtimeData);
+            var _a;
+            const uiDefinitionContainer = this.getUIDefinitionContainer(runtimeData);
             const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
             const { productName, properties } = (_a = Array.from(runtimeModel.components.values()).find(c => c.productId === productId)) !== null && _a !== void 0 ? _a : {};
+            const uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
             return {
                 modelId: runtimeData.modelId,
-                uiDefinition: uiDefinition,
+                uiDefinitionContainer: uiDefinitionContainer,
                 runtimeModel: runtimeModel,
                 runtimeMode: RuntimeMode.PROD,
                 productId: productId,
                 productType: (properties === null || properties === void 0 ? void 0 : properties['displayName']) || productName,
                 offeringId: offeringId,
                 properties: {
-                    PricingEnabled: ((_b = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _b === void 0 ? void 0 : _b.pricingEnabled) ? 'true' : 'false',
-                    PriceListId: (_c = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _c === void 0 ? void 0 : _c.priceList,
+                    PricingEnabled: uiDefinitionProperties.pricingEnabled ? 'true' : 'false',
+                    PriceListId: uiDefinitionProperties.priceList,
                 },
             };
         }));
     }
-    getUIDefinition(runtimeData) {
+    getUIDefinitionContainer(runtimeData) {
         var _a;
-        let rawUiDefinitions;
-        try {
-            rawUiDefinitions = JSON.parse(runtimeData.uiDefinitionsSource);
-        }
-        catch (e) {
-            return;
-        }
-        const uiDefinitions = rawUiDefinitions.filter(uiDef => uiDef.version);
-        const uiDefinition = (_a = uiDefinitions.find(uiDef => uiDef.primary)) !== null && _a !== void 0 ? _a : uiDefinitions[0];
-        return uiDefinition;
+        const containers = runtimeData.uiDefinitions.filter(container => !isLegacyUIDefinition(container.source));
+        return (_a = containers.find(container => container.source.primary)) !== null && _a !== void 0 ? _a : 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 });
@@ -143,43 +172,51 @@ class ConfigurationRuntimeService {
         this.initializationProps = undefined;
         this.uiDefinitionProperties = {};
     }
-    initTestMode(modelId, uiDefinition) {
-        var _a, _b;
-        this.uiDefinitionProperties = (_a = uiDefinition.properties) !== null && _a !== void 0 ? _a : {};
-        const uiDefinitionExternals = (_b = uiDefinition.externals) !== null && _b !== void 0 ? _b : {};
+    initTestMode(uiDefinitionContainer) {
+        var _a;
+        this.uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
+        const uiDefinitionExternals = (_a = uiDefinitionContainer.source.externals) !== null && _a !== void 0 ? _a : {};
         return combineLatest([
-            this.apiService.getRuntimeDataByModelId(modelId),
+            this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId),
             this.contextService.create('TestId', ConfigurationContextMode.TEST),
-        ]).pipe(first(), tap(([runtimeData, context]) => {
+        ]).pipe(first(), map(([runtimeData, context]) => {
             var _a;
+            this.contextService.update({
+                properties: Object.assign(Object.assign(Object.assign(Object.assign({}, (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), context.properties), { ModelId: uiDefinitionContainer.modelId, 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: modelId,
+                modelId: uiDefinitionContainer.modelId,
                 runtimeModel: RuntimeModel.create(runtimeData.types, runtimeData.products),
                 runtimeMode: RuntimeMode.TEST,
+                uiDefinitionContainer,
             };
-            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: modelId, RuntimeMode: ConfigurationContextMode.TEST, PricingEnabled: this.uiDefinitionProperties.pricingEnabled ? 'true' : 'false', StartDate: new Date().toISOString().substring(0, 10), PriceListId: this.uiDefinitionProperties.priceList, standalone: 'true' }), uiDefinitionExternals),
-            });
-            this._isInitialized = true;
-        }));
+            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 => {
-            var _a, _b, _c, _d;
-            this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {};
-            const { PriceListId } = (_c = context.properties) !== null && _c !== void 0 ? _c : {};
+            var _a, _b;
+            this.uiDefinitionProperties = getUIDefinitionProperties(runtimeContext.uiDefinitionContainer);
+            const { PriceListId } = (_a = context.properties) !== null && _a !== void 0 ? _a : {};
             const mergeContext = Object.assign(Object.assign({}, runtimeContext), { properties: Object.assign(Object.assign(Object.assign({}, runtimeContext.properties), context.properties), { PricingEnabled: PriceListId ? 'true' : 'false' }) });
             this.id15to18('AccountId', mergeContext.properties);
             this._runtimeContext = mergeContext;
-            if (context.properties && ((_d = this._runtimeContext.properties) === null || _d === void 0 ? void 0 : _d.StartDate)) {
+            if (context.properties && ((_b = this._runtimeContext.properties) === null || _b === void 0 ? void 0 : _b.StartDate)) {
                 this.contextService.update({
                     properties: Object.assign(Object.assign({}, this._runtimeContext.properties), context.properties),
                 });
             }
-            this._isInitialized = true;
-        }));
+            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) {
@@ -243,15 +280,22 @@ const removeLineItem = (lineItem, idToRemove) => {
         })
             .filter(r => !!r) });
 };
-const replaceLineItem = (lineItem, replaceTo) => {
+const replaceLineItem = (lineItem, replaceTo, skipCardinalityCalculation = false) => {
     if (lineItem.id === replaceTo.id) {
-        return Object.assign({}, recalculateCardinalityVariables(lineItem, replaceTo));
+        if (!skipCardinalityCalculation) {
+            return Object.assign({}, recalculateCardinalityVariables(lineItem, replaceTo));
+        }
+        else {
+            return Object.assign({}, replaceTo);
+        }
     }
-    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo)) });
+    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo, skipCardinalityCalculation)) });
 };
 const calculateCardinalityVariables = (lineItems) => {
     const cardVars = new Map();
-    lineItems.forEach(li => {
+    lineItems
+        .filter(({ port, type }) => !!port && !!type)
+        .forEach(li => {
         var _a;
         const cardinalityVariableName = `#CV-${li.type}@${li.port}`;
         cardVars.set(cardinalityVariableName, ((_a = cardVars.get(cardinalityVariableName)) !== null && _a !== void 0 ? _a : 0) + li.qty);
@@ -271,7 +315,7 @@ const recalculateCardinalityVariables = (original, updated) => {
             cardinalityVariables.set(key, 0);
         }
     });
-    return Object.assign(Object.assign({}, updated), { attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value }))) });
+    return Object.assign(Object.assign({}, updated), { attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value, cfgStatus: 'Changed' }))) });
 };
 const mapAttributes = (attributes) => {
     return attributes.reduce((acc, { name, value }) => (Object.assign(Object.assign({}, acc), { [name]: value })), {});
@@ -285,17 +329,17 @@ const upsertAttributes = (originalAttributes, attributesToUpsert) => {
         const [origAttr] = getAttributes(acc, [name]);
         return [
             ...acc.filter(attr => attr.name !== name),
-            Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? origAttr : { name })), { cfgStatus: 'User', value }),
+            Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? origAttr : { name })), { cfgStatus: origAttr ? 'Changed' : 'User', value }),
         ];
     }, originalAttributes);
 };
-const patchAttributes = (rootLineItem, id, attrs) => {
+const patchAttributes = (rootLineItem, id, attrs, skipCardinalityCalculation = false) => {
     const lineItem = findLineItem(id, [rootLineItem]);
     if (!lineItem) {
         return rootLineItem;
     }
     const attributes = upsertAttributes(lineItem.attributes, attrs);
-    return replaceLineItem(rootLineItem, Object.assign(Object.assign({}, lineItem), { attributes }));
+    return replaceLineItem(rootLineItem, Object.assign(Object.assign({}, lineItem), { attributes }), skipCardinalityCalculation);
 };
 const getAttributeValue = (attributes, name) => { var _a; return (_a = attributes.find(attr => attr.name === name)) === null || _a === void 0 ? void 0 : _a.value; };
 const generateLineItem = (port, type, parentId, attributes = [], lineItems = []) => {
@@ -343,10 +387,10 @@ const getOriginParent = (lineItems, currentLineItem) => {
     return target;
 };
 const isLineItemModified = (lineItem) => {
-    if (lineItem.status === 'PENDING' && lineItem.actionCode === 'EXIST') {
+    if (lineItem.actionCode === 'EXIST' && lineItem.status === 'PENDING') {
         return false;
     }
-    return lineItem.status !== 'EXIST';
+    return lineItem.actionCode !== 'EXIST';
 };
 const multiplyLineItems = (lineItem, qty, split) => {
     if (split) {
@@ -359,10 +403,17 @@ const multiplyLineItems = (lineItem, qty, split) => {
         ];
     }
 };
+const isTechnicalAttribute = (name) => {
+    return name.startsWith('#') || name.startsWith('$');
+};
+const filterOutTechnicalAttributes = (attributes) => {
+    return attributes.filter(({ name }) => !isTechnicalAttribute(name));
+};
 
 var lineItem_utils = /*#__PURE__*/Object.freeze({
     __proto__: null,
     calculateCardinalityVariables: calculateCardinalityVariables,
+    filterOutTechnicalAttributes: filterOutTechnicalAttributes,
     findLineItem: findLineItem,
     findLineItemWithComparator: findLineItemWithComparator,
     generateLineItem: generateLineItem,
@@ -373,6 +424,7 @@ var lineItem_utils = /*#__PURE__*/Object.freeze({
     getRecommendedPrices: getRecommendedPrices,
     insertLineItem: insertLineItem,
     isLineItemModified: isLineItemModified,
+    isTechnicalAttribute: isTechnicalAttribute,
     mapAttributes: mapAttributes,
     multiplyLineItems: multiplyLineItems,
     patchAttributes: patchAttributes,
@@ -392,11 +444,11 @@ class LineItemWorker {
     remove(id) {
         return new LineItemWorker(removeLineItem(this.li, id));
     }
-    replace(toReplace) {
-        return new LineItemWorker(replaceLineItem(this.li, toReplace));
+    replace(toReplace, skipCardinalityCalculation = false) {
+        return new LineItemWorker(replaceLineItem(this.li, toReplace, skipCardinalityCalculation));
     }
-    patchAttribute(attrs, id) {
-        return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs));
+    patchAttribute(attrs, id, skipCardinalityCalculation = false) {
+        return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs, skipCardinalityCalculation));
     }
 }
 
@@ -621,6 +673,8 @@ class ConfigurationService {
         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;
     }
     reset() {
@@ -631,11 +685,12 @@ class ConfigurationService {
         this.charges.next({});
         this.pricePlans.next({});
     }
-    patch$(lineItem) {
+    patch$(lineItem, options) {
         if (!this.lineItem.value) {
             return throwError(() => new Error(`Source LineItem not found`));
         }
-        this.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem).li;
+        const skipCardinalityCalculation = (options === null || options === void 0 ? void 0 : options.skipCardinalityCalculation) || this.contextSnapshot.properties['#skipCardinalityCalculation'] === 'true';
+        this.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem, skipCardinalityCalculation).li;
         return this.configure().pipe(catchError(error => {
             console.error(error);
             if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
@@ -650,8 +705,8 @@ class ConfigurationService {
             }
         }));
     }
-    patch(lineItem) {
-        this.patch$(lineItem).subscribe();
+    patch(lineItem, options) {
+        this.patch$(lineItem, options).subscribe();
     }
     setConfigurableRamp(lineItem) {
         this.configurableRamp = lineItem;
@@ -663,10 +718,18 @@ class ConfigurationService {
         return this.lineItem.value ? Object.assign({}, this.lineItem.value) : undefined;
     }
     getRuntimeModel() {
-        return this.runtimeService.runtimeModel;
+        const runtimeModel = this.runtimeService.runtimeModel;
+        if (!runtimeModel) {
+            throw new Error('Runtime model not initialized');
+        }
+        return runtimeModel;
     }
     getRuntimeContext() {
-        return this.runtimeService.runtimeContext;
+        const runtimeContext = this.runtimeService.runtimeContext;
+        if (!runtimeContext) {
+            throw new Error('Runtime context not initialized');
+        }
+        return runtimeContext;
     }
     get contextSnapshot() {
         return this.contextService.resolve();
@@ -687,51 +750,79 @@ class ConfigurationService {
         return this.pricePlans.value;
     }
     configure() {
-        var _a, _b, _c, _d, _e, _f;
+        return this.configureRequest$(this.generateRequest());
+    }
+    configureRequest$(configurationRequest) {
+        var _a;
         const runtimeContext = this.getRuntimeContext();
         const runtimeModel = this.getRuntimeModel();
-        if (!runtimeContext || !runtimeModel) {
-            return throwError(() => new Error('Runtime context/model not initialized'));
-        }
-        const uiDefinitionProperties = Object.assign(Object.assign({}, ((_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {})), ((_c = this.runtimeService.uiDefinitionProperties) !== null && _c !== void 0 ? _c : {}));
-        const qty = (_d = this.runtimeService.initializationProps) === null || _d === void 0 ? void 0 : _d.defaultQty;
-        const lineItem = (_e = this.configurableRamp) !== null && _e !== void 0 ? _e : getDefaultLineItem(runtimeContext, uiDefinitionProperties, qty);
-        const configurationRequest = this.createRequest(lineItem);
-        const mainPricingEnabled = (_f = runtimeContext.properties) === null || _f === void 0 ? void 0 : _f.PricingEnabled;
+        const uiDefinitionProperties = this.getUIDefinitionProperties();
+        const mainPricingEnabled = (_a = runtimeContext.properties) === null || _a === void 0 ? void 0 : _a.PricingEnabled;
         const pricingEnabled = mainPricingEnabled ? mainPricingEnabled === 'true' : uiDefinitionProperties.pricingEnabled;
-        return this.configurationApiService
-            .configureLineItem({ configurationRequest, runtimeModel, pricingEnabled })
-            .pipe(map(({ lineItem, context, charges, pricePlans, deletedLineItems }) => {
+        this.isLoadingSubj$.next(true);
+        return this.configurationApiService.configureLineItem({ configurationRequest, runtimeModel, pricingEnabled }).pipe(tap(({ lineItem, context, charges, pricePlans, deletedLineItems }) => {
             this.contextService.update(context !== null && context !== void 0 ? context : {});
             this.charges.next(charges !== null && charges !== void 0 ? charges : {});
             this.pricePlans.next(pricePlans !== null && pricePlans !== void 0 ? pricePlans : {});
+            if (lineItem) {
+                this.lineItem.next(lineItem);
+            }
             if (deletedLineItems === null || deletedLineItems === void 0 ? void 0 : deletedLineItems.length) {
                 this.showInactiveProductsConfirmation();
             }
-            return lineItem;
-        }))
-            .pipe(tap(lineItem => lineItem && this.lineItem.next(lineItem)), catchError(error => throwError(() => { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || error.message || JSON.stringify(error)); })));
+            this.configurableRamp = lineItem;
+        }), map(({ lineItem }) => lineItem), catchError(error => throwError(() => { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || error.message || JSON.stringify(error)); })), finalize(() => this.isLoadingSubj$.next(false)));
     }
-    configureExternal$(productId, qty) {
-        return this.runtimeService.init({ productId, defaultQty: qty }).pipe(switchMap(() => this.configure()), first(), catchError(error => {
+    configureExternal$(props) {
+        return this.runtimeService
+            .init({ productId: props.productId, defaultQty: props.qty, attributesMap: props.attributesMap })
+            .pipe(switchMap(() => this.configure()), first(), catchError(error => {
             this.messageService.add({ severity: ToastType.error, summary: error });
             throw error;
         }), finalize(() => this.reset()));
     }
-    createRequest(lineItem) {
-        var _a;
+    configureGuidedSelling$(data) {
+        return this.configurationApiService
+            .configureLineItem({
+            configurationRequest: getGuidedSellingConfigurationRequest(data),
+        })
+            .pipe(catchError(error => {
+            if (error instanceof HttpErrorResponse) {
+                this.messageService.add({ severity: ToastType.error, summary: error.error.message || error.error });
+            }
+            throw error;
+        }));
+    }
+    generateRequest() {
+        var _a, _b;
+        const runtimeContext = this.getRuntimeContext();
+        const uiDefinitionProperties = this.getUIDefinitionProperties();
+        let lineItem = this.configurableRamp;
+        if (!lineItem) {
+            const { initializationProps } = (_a = this.runtimeService) !== null && _a !== void 0 ? _a : {};
+            lineItem = getDefaultLineItem(runtimeContext, uiDefinitionProperties, initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.defaultQty);
+            // Set default attributes
+            if (initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.attributesMap) {
+                const attributes = transform(initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.attributesMap, (acc, value, name) => acc.push({ name, value }), []);
+                lineItem = new LineItemWorker(lineItem).patchAttribute(attributes).li;
+            }
+        }
         let request = {
             lineItem,
             mode: this.mode,
             step: !this.lineItem.value ? RuntimeStep.START : RuntimeStep.UPDATE,
             attributeDomainMode: 'ALL',
             context: this.contextService.resolve(),
-            lineItems: ((_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) || [],
+            lineItems: ((_b = this.quoteDraftService.quoteDraft) === null || _b === void 0 ? void 0 : _b.currentState) || [],
             asset: this.getAsset(),
         };
         request = ConfigurationTranslatorUtils.lightenConfigurationRequest(request);
         return request;
     }
+    getUIDefinitionProperties() {
+        var _a;
+        return Object.assign(Object.assign({}, getUIDefinitionProperties(this.getRuntimeContext().uiDefinitionContainer)), ((_a = this.runtimeService.uiDefinitionProperties) !== null && _a !== void 0 ? _a : {}));
+    }
     showInactiveProductsConfirmation() {
         const confirmationConfig = {
             title: ' ',
@@ -771,6 +862,138 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             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(() => {
+            var _a, _b;
+            if (!this.isStatefulConfiguration) {
+                return of(undefined);
+            }
+            const { actions, selectors } = (_b = (_a = this.runtimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
+            return this.statefulConfigurationApiService.init({
+                request: this.configurationService.generateRequest(),
+                actions: actions === null || actions === void 0 ? void 0 : actions.map(action => ({ name: action.apiName, script: action.script })),
+                selectors: selectors === null || selectors === void 0 ? void 0 : selectors.map(selector => ({ name: selector.apiName, script: selector.script })),
+            });
+        }), tap$1(stateId => (this.stateId = stateId || null)), map$2(() => undefined));
+    }
+    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() {
+        var _a;
+        return (_a = this.runtimeService.uiDefinitionProperties.statefulConfigurationEnabled) !== null && _a !== void 0 ? _a : false;
+    }
+    executeStateless$(request) {
+        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();
+            request.actions.forEach(action => {
+                var _a;
+                configurationRequest = (_a = this.executeActionScript(configurationRequest, action)) !== null && _a !== void 0 ? _a : 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(Object.assign(Object.assign({}, 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) {
+        var _a, _b, _c;
+        const { actions } = (_b = (_a = this.runtimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
+        const script = (_c = actions === null || actions === void 0 ? void 0 : actions.find(action => action.apiName === processor.name)) === null || _c === void 0 ? void 0 : _c.script;
+        if (!script) {
+            return null;
+        }
+        return this.executeProcessorScript(request, script, processor.inputData);
+    }
+    executeSelectorScript(request, processor) {
+        var _a, _b, _c;
+        const { selectors } = (_b = (_a = this.runtimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
+        const script = (_c = selectors === null || selectors === void 0 ? void 0 : selectors.find(selector => selector.apiName === processor.name)) === null || _c === void 0 ? void 0 : _c.script;
+        if (!script) {
+            return null;
+        }
+        return this.executeProcessorScript(request, script, processor.inputData);
+    }
+    executeProcessorScript(request, script, inputData) {
+        return new Function(`${script}\nreturn transform;`)()({
+            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: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.StatefulConfigurationApiService }, { type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: i4.ToastService }]; } });
+
 function extractMetadata(uiDefinition) {
     return omit(uiDefinition, [
         'children',
@@ -975,16 +1198,16 @@ class FlowConfigurationService {
         const updatedState = [...quoteDraft.currentState, term];
         return of([]).pipe(switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
     }
-    addToCart$(productId, qty) {
+    addToCart$(props) {
         const quoteDraft = this.quoteDraftService.quoteDraft;
         if (!quoteDraft) {
             return of(null);
         }
-        return this.configurationService.configureExternal$(productId, qty).pipe(map$2(lineItem => {
-            var _a, _b;
+        return this.configurationService.configureExternal$(props).pipe(map$2(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, qty !== null && qty !== void 0 ? qty : 1, split);
+            const lineItems = multiplyLineItems(lineItem, (_c = props.qty) !== null && _c !== void 0 ? _c : 1, split);
             return [...quoteDraft.currentState, ...lineItems];
         }), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
     }
@@ -1066,6 +1289,7 @@ ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
         ConfigurationRuntimeService,
         RuntimeContextService,
         ConfigurationService,
+        ConfigurationState,
     ], imports: [ConfirmationDialogModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfigurationModule, decorators: [{
             type: NgModule,
@@ -1078,6 +1302,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         ConfigurationRuntimeService,
                         RuntimeContextService,
                         ConfigurationService,
+                        ConfigurationState,
                     ],
                 }]
         }] });
@@ -1225,16 +1450,280 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             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();
+        };
+    }
+    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));
+    }
+    initCurrency(iso) {
+        if (iso) {
+            const symbol = this.getCurrencySymbol('en-US', iso);
+            this.currencySettings$.next({ iso, 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;
+        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;
+    }
+    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;
+        }, {});
+    }
+}
+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 }]; } });
+
+const DEFAULT_FORMATTING_SETTINGS = {
+    currencySymbol: DEFAULT_CURRENCY_SYMBOL,
+    decimalsCount: DEFAULT_DECIMALS_COUNT,
+    dateFormats: getSupportedDateFormats(DEFAULT_DATE_FORMAT),
+    decimalSeparator: DEFAULT_DECIMAL_SEPARATOR,
+    thousandsSeparator: DEFAULT_THOUSANDS_SEPARATOR,
+};
 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], 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,
+        {
+            provide: FORMATTING_SETTINGS_TOKEN,
+            useExisting: RuntimeSettingsService,
+        },
+    ], imports: [ConfigurationModule, FlowConfigurationModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ConfigurationModule, FlowConfigurationModule],
-                    providers: [ContextService, QuoteDraftService, ProductImagesService, MetricsCalculationService],
+                    providers: [
+                        ContextService,
+                        QuoteDraftService,
+                        ProductImagesService,
+                        MetricsCalculationService,
+                        RuntimeSettingsService,
+                        {
+                            provide: FORMATTING_SETTINGS_TOKEN,
+                            useExisting: RuntimeSettingsService,
+                        },
+                    ],
+                }]
+        }] });
+
+class CalendarDirective {
+    constructor() {
+        var _a;
+        this.ngControl = inject(NgControl, { host: true, optional: true });
+        this.formattingSettings = (_a = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })) === null || _a === void 0 ? void 0 : _a.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    set vlCalendar(calendar) {
+        this.calendar = calendar;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnInit() {
+        var _a, _b;
+        if (this.calendar) {
+            this.calendar.dateFormat = (_b = (_a = this.formattingSettings) === null || _a === void 0 ? void 0 : _a.dateFormats.primengFormat) !== null && _b !== void 0 ? _b : DEFAULT_DATE_FORMAT;
+            if (this.ngControl && this.ngControl.control) {
+                const control = this.ngControl.control;
+                control.setValue(control.value, { emitEvent: false });
+            }
+        }
+    }
+}
+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: [{
+            type: Directive,
+            args: [{
+                    selector: '[vlCalendar]',
+                }]
+        }], propDecorators: { vlCalendar: [{
+                type: Input
+            }] } });
+
+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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CalendarDirective],
+                    exports: [CalendarDirective],
+                }]
+        }] });
+
+class DatePipe {
+    constructor() {
+        var _a;
+        this.locale = inject(LOCALE_ID);
+        this.defaultOptions = inject(DATE_PIPE_DEFAULT_OPTIONS, { optional: true });
+        this.formattingSettings = (_a = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })) === null || _a === void 0 ? void 0 : _a.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(date) {
+        var _a, _b;
+        if (!date) {
+            return '';
+        }
+        try {
+            return formatDate(date, ((_a = this.formattingSettings) === null || _a === void 0 ? void 0 : _a.dateFormats.datePipeFormat) || DEFAULT_DATE_FORMAT, this.locale, (_b = this.defaultOptions) === null || _b === void 0 ? void 0 : _b.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: [{
+            type: Pipe,
+            args: [{
+                    name: 'vlDate',
+                }]
+        }] });
+
+class NumberPipe {
+    constructor() {
+        var _a;
+        this.formattingSettings = (_a = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })) === null || _a === void 0 ? void 0 : _a.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(price) {
+        var _a, _b, _c;
+        return formatNumber(price, (_a = this.formattingSettings) === null || _a === void 0 ? void 0 : _a.thousandsSeparator, (_b = this.formattingSettings) === null || _b === void 0 ? void 0 : _b.decimalSeparator, (_c = this.formattingSettings) === null || _c === void 0 ? void 0 : _c.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: [{
+            type: Pipe,
+            args: [{
+                    name: 'vlNumber',
+                }]
+        }] });
+
+class PricePipe {
+    constructor() {
+        var _a;
+        this.formattingSettings = (_a = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })) === null || _a === void 0 ? void 0 : _a.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(price) {
+        var _a, _b, _c, _d;
+        if (price == null || price === '') {
+            return '';
+        }
+        return `${((_a = this.formattingSettings) === null || _a === void 0 ? void 0 : _a.currencySymbol) || DEFAULT_CURRENCY_SYMBOL}${formatNumber(price, (_b = this.formattingSettings) === null || _b === void 0 ? void 0 : _b.thousandsSeparator, (_c = this.formattingSettings) === null || _c === void 0 ? void 0 : _c.decimalSeparator, (_d = this.formattingSettings) === null || _d === void 0 ? void 0 : _d.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: [{
+            type: Pipe,
+            args: [{
+                    name: 'vlPrice',
+                }]
+        }] });
+
+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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NumberPipe, PricePipe, DatePipe],
+                    exports: [NumberPipe, PricePipe, DatePipe],
                 }]
         }] });
 
@@ -1242,5 +1731,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ConfigurationRuntimeService, ConfigurationService, ContextService, FlowConfigurationModule, FlowConfigurationService, FlowUpdateService, LineItemWorker, MetricsCalculationService, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeStep, SdkCoreModule, UI_DEFINITION_VERSION, calculateCardinalityVariables, extractMetadata, findLineItem, findLineItemWithComparator, generateLineItem, generateModifiedAssetsMap, getAttributeValue, getAttributes, getDefaultLineItem, getOriginParent, getRecommendedPrices, insertLineItem, isLineItemModified, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
+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 };
 //# sourceMappingURL=veloceapps-sdk-core.mjs.map