@veloceapps/sdk 8.0.0-35 → 8.0.0-36

package/fesm2015/veloceapps-sdk-core.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
-import { UUID, ConfigurationContextMode, ConfigurationContext, 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 { UUID, ConfigurationContextMode, ConfigurationContext, ChargeGroupUtils, ConfigurationMode, ConfigurationTranslatorUtils, getUIDefinitionProperties, DEFAULT_CURRENCY_ISO_CODE, DEFAULT_CURRENCY_SYMBOL, validateDateFormat, DEFAULT_DATE_FORMAT, DEFAULT_DECIMALS_COUNT, getSupportedDateFormats, DEFAULT_DECIMAL_SEPARATOR, DEFAULT_THOUSANDS_SEPARATOR, parseJsonSafely, RuntimeModel, isLegacyUIDefinition, SalesforceIdUtils, EntityUtil, formatNumber } from '@veloceapps/core';
+import { BehaviorSubject, zip, noop, combineLatest, 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 { filter, tap, map, switchMap, skip, take, shareReplay, catchError, finalize, first } 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, transform, omit, cloneDeep, uniq } from 'lodash';
+import { merge, isEqual, flatten, sortBy, map as map$1, omit, transform, cloneDeep, uniq } from 'lodash';
+import moment from 'moment';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i4 from '@veloceapps/components';
 import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
 import * as i5 from 'primeng/api';
 import * as i6 from 'primeng/dynamicdialog';
-import moment from 'moment';
 import { NgControl } from '@angular/forms';
 import { DATE_PIPE_DEFAULT_OPTIONS, formatDate } from '@angular/common';
 
@@ -97,6 +97,13 @@ 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: Object.assign(Object.assign({}, context.properties), { RuntimeMode: ConfigurationContextMode.TEST, StartDate: new Date().toISOString().substring(0, 10), standalone: 'true' }),
+            });
+        }));
+    }
     update(partialContext) {
         const originalContext = this.resolve();
         const updatedContext = Object.assign(Object.assign(Object.assign({}, originalContext), partialContext), { properties: Object.assign(Object.assign({}, originalContext.properties), partialContext.properties) });
@@ -120,154 +127,281 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
 
-class RuntimeContextService {
-    constructor(configurationApiService) {
-        this.configurationApiService = configurationApiService;
-    }
-    getRuntimeContext(productId, offeringId) {
-        return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(map(runtimeData => {
-            var _a;
-            const uiDefinitionContainer = this.getUIDefinitionContainer(runtimeData);
-            const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
-            const { productName, properties } = (_a = Array.from(runtimeModel.components.values()).find(c => c.productId === productId)) !== null && _a !== void 0 ? _a : {};
-            const uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
-            return {
-                modelId: runtimeData.modelId,
-                uiDefinitionContainer: uiDefinitionContainer,
-                runtimeModel: runtimeModel,
-                runtimeMode: RuntimeMode.PROD,
-                productId: productId,
-                productType: (properties === null || properties === void 0 ? void 0 : properties['displayName']) || productName,
-                offeringId: offeringId,
-                properties: {
-                    PricingEnabled: uiDefinitionProperties.pricingEnabled ? 'true' : 'false',
-                    PriceListId: uiDefinitionProperties.priceList,
-                },
-            };
-        }));
-    }
-    getUIDefinitionContainer(runtimeData) {
-        var _a;
-        const containers = runtimeData.uiDefinitions.filter(container => !isLegacyUIDefinition(container.source));
-        return (_a = containers.find(container => container.source.primary)) !== null && _a !== void 0 ? _a : containers[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) {
+        case 'first': {
+            return lineItems.filter(li => !li.rampInstanceId).map(item => [item]);
+        }
+        case 'last': {
+            const rootTermItems = lineItems.filter(li => !li.rampInstanceId);
+            const products = rootTermItems.map(lineItem => [
+                lineItem,
+                ...lineItems.filter(li => li.rampInstanceId === lineItem.id),
+            ]);
+            return products
+                .map(items => [...items].sort((a, b) => getDateValue(a.endDate || '') - getDateValue(b.endDate || '')).pop())
+                .filter((li) => Boolean(li))
+                .map(item => [item]);
+        }
+        case 'avg': {
+            const rootTermItems = lineItems.filter(li => !li.rampInstanceId);
+            return rootTermItems.map(lineItem => [lineItem, ...lineItems.filter(li => li.rampInstanceId === lineItem.id)]);
+        }
+        case 'sum': {
+            return lineItems.map(item => [item]);
+        }
+        default: {
+            return lineItems.map(item => [item]);
+        }
     }
 }
-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 }]; } });
+function getDateValue(date) {
+    return date ? new Date(date).getTime() : 0;
+}
 
-class ConfigurationRuntimeService {
-    constructor(apiService, contextService, runtimeContextService) {
-        this.apiService = apiService;
-        this.contextService = contextService;
-        this.runtimeContextService = runtimeContextService;
-        this._isInitialized = false;
-        this.uiDefinitionProperties = {};
+class QuoteDraftService {
+    get isInitialized() {
+        return this.isInitializedSubj$.getValue();
     }
-    reset() {
-        this._isInitialized = false;
-        this._runtimeContext = undefined;
-        this.initializationProps = undefined;
-        this.uiDefinitionProperties = {};
+    set isInitialized(value) {
+        if (this.isInitialized !== value) {
+            this.isInitializedSubj$.next(value);
+        }
     }
-    initTestMode(uiDefinitionContainer) {
-        var _a;
-        this.uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
-        const uiDefinitionExternals = (_a = uiDefinitionContainer.source.externals) !== null && _a !== void 0 ? _a : {};
-        return combineLatest([
-            this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId),
-            this.contextService.create('TestId', ConfigurationContextMode.TEST),
-        ]).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: uiDefinitionContainer.modelId,
-                runtimeModel: RuntimeModel.create(runtimeData.types, runtimeData.products),
-                runtimeMode: RuntimeMode.TEST,
-                uiDefinitionContainer,
-            };
-            return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
+    get hasUnsavedChanges() {
+        return this._hasUnsavedChanges;
     }
-    init(props) {
-        this.initializationProps = props;
-        const context = this.contextService.resolve();
-        return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(tap(runtimeContext => {
-            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 && ((_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),
-                });
-            }
-            return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
+    set hasUnsavedChanges(value) {
+        var _a, _b;
+        this._hasUnsavedChanges = value;
+        if (!this._hasUnsavedChanges) {
+            this.initialCurrentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
+        }
     }
-    overrideUIDefinition(uiDefinitionContainer) {
-        if (!this._runtimeContext) {
+    get hasProducts$() {
+        return this.quoteSubj$.pipe(map(() => this.hasProducts));
+    }
+    get hasProducts() {
+        const quoteDraft = this.quoteSubj$.value;
+        return Boolean(quoteDraft && quoteDraft.currentState.length > 0);
+    }
+    constructor(context, quoteApiService, priceApiService) {
+        this.context = context;
+        this.quoteApiService = quoteApiService;
+        this.priceApiService = priceApiService;
+        this.quoteSubj$ = new BehaviorSubject(null);
+        this.resetSubj$ = new BehaviorSubject(true);
+        this.isInitializedSubj$ = new BehaviorSubject(false);
+        this.initialCurrentState = [];
+        this._hasUnsavedChanges = false;
+        this.allPriceLists = [];
+        this.assetPriceLists = [];
+        this.reset$ = this.resetSubj$.asObservable();
+        this.activePriceList$ = this.context.resolve$().pipe(map(ctx => this.allPriceLists.find(priceList => priceList.id === ctx.properties.PriceListId)), map(priceList => priceList !== null && priceList !== void 0 ? priceList : null));
+        this.isInitializedSubj$
+            .pipe(filter(isInitialized => isInitialized), switchMap(() => this.quoteSubj$.asObservable()), skip(1), tap(quote => this.markAsUpdated(quote)))
+            .subscribe();
+    }
+    reset() {
+        this.resetSubj$.next(true);
+        this.quoteSubj$.next(null);
+        this.hasUnsavedChanges = false;
+    }
+    init(quoteId, params) {
+        return zip(this.quoteApiService.getQuoteDraft(quoteId, params), this.priceApiService.getPriceLists()).pipe(tap(([quote, allPriceLists]) => {
+            this.allPriceLists = allPriceLists;
+            this.quoteSubj$.next(quote);
+            this.context.update(quote.context);
+            this.populateActivePriceLists$();
+        }), map(() => noop()), take(1));
+    }
+    setCurrentLineItemState(lineItems) {
+        const quoteDraft = this.quoteSubj$.value;
+        if (!quoteDraft) {
             return;
         }
-        this._runtimeContext.uiDefinitionContainer = uiDefinitionContainer;
-        this.uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
+        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: lineItems }));
     }
-    id15to18(propertyName, source) {
-        if (!source) {
+    updateQuoteDraft(update) {
+        const quoteDraft = this.quoteSubj$.value;
+        if (!quoteDraft) {
             return;
         }
-        const value = source[propertyName];
-        if (typeof value === 'string' && value.length === 15) {
-            source[propertyName] = SalesforceIdUtils.generateId18FromId15(value);
+        if (update.context) {
+            this.context.set(update.context);
         }
+        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), update));
     }
-    get isInitialized() {
-        return this._isInitialized;
+    updateByPriceSummary(priceSummary) {
+        const quoteDraft = this.quoteSubj$.value;
+        if (!quoteDraft) {
+            return;
+        }
+        const updatedCurrentState = this.currentState.map(lineItem => {
+            const updated = priceSummary.lineItems.find(li => li.id === lineItem.id);
+            return updated !== null && updated !== void 0 ? updated : lineItem;
+        });
+        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedCurrentState, totalPrices: priceSummary.totalPrices, approvalItems: priceSummary.approvalItems }));
     }
-    get runtimeModel() {
-        var _a;
-        return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
+    get quoteDraft$() {
+        return combineLatest([this.quoteSubj$, this.context.resolve$()]).pipe(map(() => this.quoteDraft), filter((quote) => Boolean(quote)), shareReplay());
     }
-    get runtimeContext() {
-        return this._runtimeContext;
+    get quoteDraft() {
+        const quote = this.quoteSubj$.value;
+        if (!quote) {
+            return null;
+        }
+        return Object.assign(Object.assign({}, quote), { context: this.context.resolve() });
     }
-}
-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 }]; } });
-
-const findLineItem = (id, lineItems) => {
-    return findLineItemWithComparator(lineItems, (li) => li.id === id);
-};
-const findLineItemWithComparator = (lineItems, comparator) => {
-    let currentLevel = lineItems;
-    while (currentLevel.length) {
-        const found = currentLevel.find(comparator);
-        if (found) {
-            return found;
+    get quoteDraftForActivePriceList() {
+        const quoteDraft = this.quoteDraft;
+        if (!quoteDraft) {
+            return null;
         }
-        currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
+        return Object.assign(Object.assign({}, quoteDraft), { initialState: this.filterByActivePriceList(quoteDraft.initialState), currentState: this.filterByActivePriceList(quoteDraft.currentState) });
     }
-    return;
-};
-const insertLineItem = (lineItem, parentId, toInsert) => {
-    const insertData = lineItem.id === parentId ? [toInsert] : [];
-    return Object.assign(Object.assign({}, lineItem), { lineItems: [
-            ...insertData,
-            ...lineItem.lineItems.map(li => {
-                return insertLineItem(li, parentId, toInsert);
-            }),
-        ] });
-};
-const removeLineItem = (lineItem, idToRemove) => {
+    get currentState$() {
+        return this.quoteDraft$.pipe(map(quote => quote.currentState));
+    }
+    get currentState() {
+        var _a, _b;
+        return (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
+    }
+    /**
+     * Stream of activeCurrentState
+     */
+    get activeCurrentState$() {
+        return this.quoteDraft$.pipe(map(() => this.activeCurrentState));
+    }
+    /**
+     * activeCurrentState is currentState passed through additional filters
+     */
+    get activeCurrentState() {
+        var _a, _b;
+        let currentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
+        currentState = this.filterByActivePriceList(currentState);
+        return currentState;
+    }
+    /**
+     * Stream of activeInitialState
+     */
+    get activeInitialState$() {
+        return this.quoteDraft$.pipe(map(() => this.activeInitialState));
+    }
+    /**
+     * activeInitialState is initialState passed through additional filters
+     */
+    get activeInitialState() {
+        var _a, _b;
+        const ctx = this.context.resolve();
+        let initialState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState) !== null && _b !== void 0 ? _b : [];
+        if (ctx.mode === ConfigurationContextMode.ACCOUNT) {
+            initialState = this.filterByActivePriceList(initialState);
+        }
+        return initialState;
+    }
+    get isStandalone() {
+        return this.context.resolve().properties.standalone === 'true';
+    }
+    get isStandalone$() {
+        return this.context.resolve$().pipe(map(() => this.isStandalone));
+    }
+    getInitialCurrentState() {
+        return this.initialCurrentState;
+    }
+    isEditMode$() {
+        return this.context.resolve$().pipe(map(() => this.isEditMode()));
+    }
+    isEditMode() {
+        const context = this.context.resolve();
+        if (context.mode === ConfigurationContextMode.ACCOUNT) {
+            return true;
+        }
+        if (context.mode === ConfigurationContextMode.QUOTE) {
+            return context.properties.Status === 'Draft';
+        }
+        return false;
+    }
+    updateActivePriceList(priceListId) {
+        this.context.update({ properties: { PriceListId: priceListId } });
+    }
+    populateActivePriceLists$() {
+        const ctx = this.context.resolve();
+        const quoteDraft = this.quoteDraft;
+        if (!quoteDraft) {
+            return;
+        }
+        // In ACCOUNT mode populate price lists from related assets
+        if (ctx.mode === ConfigurationContextMode.ACCOUNT) {
+            // Populate list of price lists
+            this.assetPriceLists = quoteDraft.currentState
+                .map(({ priceListId }) => priceListId)
+                .reduce((trunk, priceListId) => {
+                var _a, _b;
+                if (!priceListId || trunk.some(item => item.id === priceListId)) {
+                    return trunk;
+                }
+                return [
+                    ...trunk,
+                    { id: priceListId, name: (_b = (_a = this.allPriceLists.find(item => item.id === priceListId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '' },
+                ];
+            }, []);
+        }
+    }
+    filterByActivePriceList(lineItems) {
+        const ctx = this.context.resolve();
+        return lineItems.filter(li => !li.priceListId || li.priceListId === ctx.properties.PriceListId);
+    }
+    markAsUpdated(quote) {
+        if ((quote === null || quote === void 0 ? void 0 : quote.context.properties.mode) === ConfigurationContextMode.ACCOUNT) {
+            this.hasUnsavedChanges = !!quote && !quote.currentState.every(li => li.actionCode === 'EXIST');
+        }
+        else {
+            this.hasUnsavedChanges = !isEqual(this.initialCurrentState, quote === null || quote === void 0 ? void 0 : quote.currentState);
+        }
+    }
+}
+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 }]; } });
+
+const findLineItem = (id, lineItems) => {
+    return findLineItemWithComparator(lineItems, (li) => li.id === id);
+};
+const findLineItemWithComparator = (lineItems, comparator) => {
+    let currentLevel = lineItems;
+    while (currentLevel.length) {
+        const found = currentLevel.find(comparator);
+        if (found) {
+            return found;
+        }
+        currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
+    }
+    return;
+};
+const insertLineItem = (lineItem, parentId, toInsert) => {
+    const insertData = lineItem.id === parentId ? [toInsert] : [];
+    return Object.assign(Object.assign({}, lineItem), { lineItems: [
+            ...insertData,
+            ...lineItem.lineItems.map(li => {
+                return insertLineItem(li, parentId, toInsert);
+            }),
+        ] });
+};
+const removeLineItem = (lineItem, idToRemove) => {
     return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems
             .map(li => {
             if (li.id === idToRemove) {
@@ -452,214 +586,145 @@ class LineItemWorker {
     }
 }
 
-class QuoteDraftService {
-    get isInitialized() {
-        return this.isInitializedSubj$.getValue();
+function extractMetadata(uiDefinition) {
+    return omit(uiDefinition, [
+        'children',
+        'pages',
+        'components',
+    ]);
+}
+
+class FlowUpdateService {
+    update(rootLineItems, updates, charges) {
+        let remainingUpdates = [...updates];
+        let currentLevel = rootLineItems;
+        while (currentLevel.length && remainingUpdates.length) {
+            currentLevel.forEach(li => {
+                const unhandledUpdates = [];
+                remainingUpdates.forEach(update => {
+                    let updated = false;
+                    switch (update.dataType) {
+                        case 'LINEITEM':
+                            updated = this.applyLineItemUpdate(li, update, charges);
+                            break;
+                        case 'CHARGE':
+                            updated = this.applyChargeUpdate(li, update);
+                            break;
+                        case 'GROUP_CHARGE':
+                            updated = this.applyChargeGroupUpdate(li, update);
+                            break;
+                        default:
+                            // Unknown dataType. Do not try to handle it anymore
+                            updated = true;
+                    }
+                    if (!updated) {
+                        unhandledUpdates.push(update);
+                    }
+                });
+                remainingUpdates = unhandledUpdates;
+            });
+            currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
+        }
     }
-    set isInitialized(value) {
-        if (this.isInitialized !== value) {
-            this.isInitializedSubj$.next(value);
+    delete(lineItems, id) {
+        const idsToRemove = [id];
+        const topLevelLineItem = lineItems.find(li => li.id === id);
+        if (topLevelLineItem) {
+            // find term-related line items (which are only top level)
+            // expired term line items won't be deleted
+            let foundTermLineItem = topLevelLineItem;
+            while (foundTermLineItem) {
+                foundTermLineItem = lineItems.find(li => foundTermLineItem && li.rampInstanceId === foundTermLineItem.id);
+                if (foundTermLineItem) {
+                    idsToRemove.push(foundTermLineItem.id);
+                }
+            }
         }
+        const filtered = lineItems.filter(lineItem => !idsToRemove.includes(lineItem.id));
+        return filtered.map(lineItem => new LineItemWorker(lineItem).remove(id).li);
     }
-    get hasUnsavedChanges() {
-        return this._hasUnsavedChanges;
+    applyLineItemUpdate(lineItem, update, charges) {
+        if (lineItem.id !== update.id) {
+            return false;
+        }
+        switch (update.attributeType) {
+            case 'QTY':
+                lineItem.qty = update.newValue;
+                break;
+            case 'EFFECTIVE_START_DATE':
+                lineItem.properties['StartDate'] = moment(update.newValue).format('YYYY-MM-DD');
+                break;
+            case 'END_DATE':
+                lineItem.properties['EndDate'] = moment(update.newValue).format('YYYY-MM-DD');
+                break;
+            case 'PRICE_ADJUSTMENT':
+                {
+                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
+                    if (charge) {
+                        charge.priceAdjustment = update.newValue;
+                    }
+                }
+                break;
+            case 'LIST_PRICE_ADJUSTMENT':
+            case 'MARGIN_ADJUSTMENT':
+                {
+                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
+                    if (charge) {
+                        charge.listPriceAdjustment = update.newValue;
+                    }
+                }
+                break;
+            case 'COST_ADJUSTMENT':
+                {
+                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
+                    if (charge) {
+                        charge.costAdjustment = update.newValue;
+                    }
+                }
+                break;
+            default:
+                throw new Error(`Not suppored AttributeType for LineItem update: ${update.attributeType}`);
+        }
+        return true;
     }
-    set hasUnsavedChanges(value) {
-        var _a, _b;
-        this._hasUnsavedChanges = value;
-        if (!this._hasUnsavedChanges) {
-            this.initialCurrentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
+    applyChargeUpdate(lineItem, update) {
+        const foundCharge = lineItem.chargeItems.find(({ id }) => id === update.id);
+        if (!foundCharge) {
+            return false;
+        }
+        if (update.attributeType === 'PRICE_ADJUSTMENT') {
+            foundCharge.priceAdjustment = update.newValue;
+        }
+        else if (update.attributeType === 'LIST_PRICE_ADJUSTMENT') {
+            foundCharge.listPriceAdjustment = update.newValue;
         }
+        else {
+            throw new Error(`Not suppored AttributeType for Charge Item update: ${update.attributeType}`);
+        }
+        return true;
     }
-    get hasProducts$() {
-        return this.quoteSubj$.pipe(map(() => this.hasProducts));
-    }
-    get hasProducts() {
-        const quoteDraft = this.quoteSubj$.value;
-        return Boolean(quoteDraft && quoteDraft.currentState.length > 0);
-    }
-    constructor(context, quoteApiService, priceApiService) {
-        this.context = context;
-        this.quoteApiService = quoteApiService;
-        this.priceApiService = priceApiService;
-        this.quoteSubj$ = new BehaviorSubject(null);
-        this.resetSubj$ = new BehaviorSubject(true);
-        this.isInitializedSubj$ = new BehaviorSubject(false);
-        this.initialCurrentState = [];
-        this._hasUnsavedChanges = false;
-        this.allPriceLists = [];
-        this.assetPriceLists = [];
-        this.reset$ = this.resetSubj$.asObservable();
-        this.activePriceList$ = this.context.resolve$().pipe(map(ctx => this.allPriceLists.find(priceList => priceList.id === ctx.properties.PriceListId)), map(priceList => priceList !== null && priceList !== void 0 ? priceList : null));
-        this.isInitializedSubj$
-            .pipe(filter(isInitialized => isInitialized), switchMap(() => this.quoteSubj$.asObservable()), skip(1), tap(quote => this.markAsUpdated(quote)))
-            .subscribe();
-    }
-    reset() {
-        this.resetSubj$.next(true);
-        this.quoteSubj$.next(null);
-        this.hasUnsavedChanges = false;
-    }
-    init(quoteId, params) {
-        return zip(this.quoteApiService.getQuoteDraft(quoteId, params), this.priceApiService.getPriceLists()).pipe(tap(([quote, allPriceLists]) => {
-            this.allPriceLists = allPriceLists;
-            this.quoteSubj$.next(quote);
-            this.context.update(quote.context);
-            this.populateActivePriceLists$();
-        }), map(() => noop()), take(1));
-    }
-    setCurrentLineItemState(lineItems) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
-        }
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: lineItems }));
-    }
-    updateQuoteDraft(update) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
-        }
-        if (update.context) {
-            this.context.set(update.context);
-        }
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), update));
-    }
-    updateByPriceSummary(priceSummary) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
-        }
-        const updatedCurrentState = this.currentState.map(lineItem => {
-            const updated = priceSummary.lineItems.find(li => li.id === lineItem.id);
-            return updated !== null && updated !== void 0 ? updated : lineItem;
-        });
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedCurrentState, totalPrices: priceSummary.totalPrices, approvalItems: priceSummary.approvalItems }));
-    }
-    get quoteDraft$() {
-        return combineLatest([this.quoteSubj$, this.context.resolve$()]).pipe(map(() => this.quoteDraft), filter((quote) => Boolean(quote)), shareReplay());
-    }
-    get quoteDraft() {
-        const quote = this.quoteSubj$.value;
-        if (!quote) {
-            return null;
-        }
-        return Object.assign(Object.assign({}, quote), { context: this.context.resolve() });
-    }
-    get quoteDraftForActivePriceList() {
-        const quoteDraft = this.quoteDraft;
-        if (!quoteDraft) {
-            return null;
-        }
-        return Object.assign(Object.assign({}, quoteDraft), { initialState: this.filterByActivePriceList(quoteDraft.initialState), currentState: this.filterByActivePriceList(quoteDraft.currentState) });
-    }
-    get currentState$() {
-        return this.quoteDraft$.pipe(map(quote => quote.currentState));
-    }
-    get currentState() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
-    }
-    /**
-     * Stream of activeCurrentState
-     */
-    get activeCurrentState$() {
-        return this.quoteDraft$.pipe(map(() => this.activeCurrentState));
-    }
-    /**
-     * activeCurrentState is currentState passed through additional filters
-     */
-    get activeCurrentState() {
-        var _a, _b;
-        let currentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
-        currentState = this.filterByActivePriceList(currentState);
-        return currentState;
-    }
-    /**
-     * Stream of activeInitialState
-     */
-    get activeInitialState$() {
-        return this.quoteDraft$.pipe(map(() => this.activeInitialState));
-    }
-    /**
-     * activeInitialState is initialState passed through additional filters
-     */
-    get activeInitialState() {
-        var _a, _b;
-        const ctx = this.context.resolve();
-        let initialState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState) !== null && _b !== void 0 ? _b : [];
-        if (ctx.mode === ConfigurationContextMode.ACCOUNT) {
-            initialState = this.filterByActivePriceList(initialState);
-        }
-        return initialState;
-    }
-    get isStandalone() {
-        return this.context.resolve().properties.standalone === 'true';
-    }
-    get isStandalone$() {
-        return this.context.resolve$().pipe(map(() => this.isStandalone));
-    }
-    getInitialCurrentState() {
-        return this.initialCurrentState;
-    }
-    isEditMode$() {
-        return this.context.resolve$().pipe(map(() => this.isEditMode()));
-    }
-    isEditMode() {
-        const context = this.context.resolve();
-        if (context.mode === ConfigurationContextMode.ACCOUNT) {
-            return true;
-        }
-        if (context.mode === ConfigurationContextMode.QUOTE) {
-            return context.properties.Status === 'Draft';
-        }
-        return false;
-    }
-    updateActivePriceList(priceListId) {
-        this.context.update({ properties: { PriceListId: priceListId } });
-    }
-    populateActivePriceLists$() {
-        const ctx = this.context.resolve();
-        const quoteDraft = this.quoteDraft;
-        if (!quoteDraft) {
-            return;
+    applyChargeGroupUpdate(lineItem, update) {
+        const foundChargeGroup = ChargeGroupUtils.findChargeGroupById(update.id, lineItem);
+        if (!foundChargeGroup) {
+            return false;
         }
-        // In ACCOUNT mode populate price lists from related assets
-        if (ctx.mode === ConfigurationContextMode.ACCOUNT) {
-            // Populate list of price lists
-            this.assetPriceLists = quoteDraft.currentState
-                .map(({ priceListId }) => priceListId)
-                .reduce((trunk, priceListId) => {
-                var _a, _b;
-                if (!priceListId || trunk.some(item => item.id === priceListId)) {
-                    return trunk;
-                }
-                return [
-                    ...trunk,
-                    { id: priceListId, name: (_b = (_a = this.allPriceLists.find(item => item.id === priceListId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '' },
-                ];
-            }, []);
+        if (update.attributeType === 'PRICE_ADJUSTMENT') {
+            foundChargeGroup.priceAdjustment = update.newValue;
         }
-    }
-    filterByActivePriceList(lineItems) {
-        const ctx = this.context.resolve();
-        return lineItems.filter(li => !li.priceListId || li.priceListId === ctx.properties.PriceListId);
-    }
-    markAsUpdated(quote) {
-        if ((quote === null || quote === void 0 ? void 0 : quote.context.properties.mode) === ConfigurationContextMode.ACCOUNT) {
-            this.hasUnsavedChanges = !!quote && !quote.currentState.every(li => li.actionCode === 'EXIST');
+        else if (update.attributeType === 'LIST_PRICE_ADJUSTMENT') {
+            foundChargeGroup.listPriceAdjustment = update.newValue;
         }
         else {
-            this.hasUnsavedChanges = !isEqual(this.initialCurrentState, quote === null || quote === void 0 ? void 0 : quote.currentState);
+            throw new Error(`Not suppored AttributeType for Charge Group Item update: ${update.attributeType}`);
         }
+        return true;
     }
 }
-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 }]; } });
+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
+        }] });
 
 class ConfigurationService {
     constructor(quoteDraftService, runtimeService, contextService, configurationApiService, messageService, dialogService) {
@@ -870,417 +935,592 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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;
+class FlowConfigurationService {
+    constructor(proceduresApiService, contextService, quoteDraftService, updateService, configurationService) {
+        this.proceduresApiService = proceduresApiService;
+        this.contextService = contextService;
+        this.quoteDraftService = quoteDraftService;
+        this.updateService = updateService;
         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));
+    calculate$(quoteDraft) {
+        return this.proceduresApiService.apply$(quoteDraft).pipe(tap$1(result => {
+            // sort the result current state based on the quote draft initial state
+            const initialStateIds = quoteDraft.initialState.map(lineItem => lineItem.integrationId);
+            result.currentState = result.currentState
+                .slice()
+                .sort((a, b) => initialStateIds.indexOf(a.integrationId) - initialStateIds.indexOf(b.integrationId));
+            this.quoteDraftService.updateQuoteDraft(result);
+        }), map$2(noop));
     }
-    cleanup() {
-        this.stateId = null;
-        this.configurationService.reset();
-        this.stateSubj$.next({});
+    calculate(quoteDraft) {
+        this.calculate$(quoteDraft).subscribe();
     }
-    execute$(req) {
-        if (this.isStatefulConfiguration) {
-            return this.executeStateful$(req);
-        }
-        else {
-            return this.executeStateless$(req);
+    update$(updates) {
+        const quoteDraft = this.quoteDraftService.quoteDraft;
+        if (!quoteDraft) {
+            return of(null);
         }
+        return of([]).pipe(map$2(() => {
+            const updatedState = cloneDeep(quoteDraft.currentState);
+            this.updateService.update(updatedState, updates, quoteDraft.charges);
+            return updatedState;
+        }), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
     }
-    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))));
+    update(updates) {
+        this.update$(updates).subscribe();
     }
-    get isStatefulConfiguration() {
-        var _a;
-        return (_a = this.runtimeService.uiDefinitionProperties.statefulConfigurationEnabled) !== null && _a !== void 0 ? _a : false;
+    revert$(lineItemId) {
+        const quoteDraft = this.quoteDraftService.quoteDraft;
+        const initialCurrentState = this.quoteDraftService.getInitialCurrentState();
+        const currentState = this.quoteDraftService.activeCurrentState;
+        const currentLineItemIndex = currentState.findIndex(({ id }) => id === lineItemId);
+        const currentLineItem = currentState[currentLineItemIndex];
+        const initialLineItem = initialCurrentState.find(({ integrationId }) => integrationId === (currentLineItem === null || currentLineItem === void 0 ? void 0 : currentLineItem.integrationId));
+        if (!quoteDraft || !currentLineItem || !initialLineItem) {
+            return of(null);
+        }
+        const updatedState = cloneDeep(currentState);
+        updatedState.splice(currentLineItemIndex, 1, initialLineItem);
+        return of([]).pipe(tap$1(() => {
+            this.quoteDraftService.setCurrentLineItemState(updatedState);
+        }), switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
     }
-    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));
+    revert(lineItemId) {
+        this.revert$(lineItemId).subscribe();
     }
-    executeStateful$(request) {
-        if (!this.stateId) {
-            return of(undefined);
+    delete$(ids) {
+        const quoteDraft = this.quoteDraftService.quoteDraft;
+        const currentState = this.quoteDraftService.currentState;
+        if (!quoteDraft) {
+            return of(null);
         }
-        return this.statefulConfigurationApiService.execute(this.stateId, request).pipe(tap$1(response => {
-            this.stateId = response.stateId;
-            const updatedState = this.stateSubj$.value;
-            EntityUtil.entries(response.selectors).forEach(([key, value]) => {
-                if (!value.success) {
-                    if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
-                        this.toastService.add({ summary: value.errorMessage, severity: ToastType.error });
-                    }
-                    return;
-                }
-                updatedState[key] = value.result;
-            });
-            this.stateSubj$.next(updatedState);
-        }), map$2(() => undefined));
+        return of([]).pipe(map$2(() => ids.reduce((result, id) => this.updateService.delete(result, id), currentState)), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
     }
-    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;
+    delete(ids) {
+        this.delete$(ids).subscribe();
+    }
+    addTerm$(term) {
+        const quoteDraft = this.quoteDraftService.quoteDraft;
+        if (!quoteDraft) {
+            return of(null);
         }
-        return this.executeProcessorScript(request, script, processor.inputData);
+        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());
     }
-    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;
+    addToCart$(props) {
+        const quoteDraft = this.quoteDraftService.quoteDraft;
+        if (!quoteDraft) {
+            return of(null);
         }
-        return this.executeProcessorScript(request, script, processor.inputData);
+        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, (_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());
     }
-    executeProcessorScript(request, script, inputData) {
-        return new Function(`${script}\nreturn transform;`)()({
-            request,
-            inputData: inputData,
-        });
+    get() {
+        return this.quoteDraftService.quoteDraft$.pipe(map$2(() => this.quoteDraftService.activeCurrentState), shareReplay$1());
+    }
+    getSnapshot() {
+        var _a, _b;
+        return (_b = (_a = this.quoteDraftService) === null || _a === void 0 ? void 0 : _a.currentState.slice()) !== null && _b !== void 0 ? _b : [];
+    }
+    get charges$() {
+        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ charges }) => charges));
+    }
+    get pricePlans$() {
+        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ pricePlans }) => pricePlans));
+    }
+    get activeMetrics$() {
+        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ activeMetrics }) => activeMetrics));
+    }
+    get chargesSnapshot() {
+        var _a, _b;
+        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.charges) !== null && _b !== void 0 ? _b : {};
+    }
+    get pricePlansSnapshot() {
+        var _a, _b;
+        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.pricePlans) !== null && _b !== void 0 ? _b : {};
+    }
+    get activeMetricsSnapshot() {
+        var _a, _b;
+        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.activeMetrics) !== null && _b !== void 0 ? _b : [];
+    }
+    get contextSnapshot() {
+        return this.contextService.resolve();
+    }
+    get context$() {
+        return this.contextService.resolve$();
+    }
+    handleErrorAndBounceBack() {
+        return (source$) => {
+            return source$.pipe(catchError$1(error => {
+                console.error(error);
+                // bounce back if configuration call has failed
+                const quoteDraft = this.quoteDraftService.quoteDraft;
+                if (quoteDraft) {
+                    this.quoteDraftService.updateQuoteDraft(quoteDraft);
+                }
+                return throwError(() => error);
+            }));
+        };
     }
 }
-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: [{
+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.StatefulConfigurationApiService }, { type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: i4.ToastService }]; } });
-
-function extractMetadata(uiDefinition) {
-    return omit(uiDefinition, [
-        'children',
-        'pages',
-        'components',
-    ]);
-}
+        }], ctorParameters: function () { return [{ type: i1.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }]; } });
 
-class FlowUpdateService {
-    update(rootLineItems, updates, charges) {
-        let remainingUpdates = [...updates];
-        let currentLevel = rootLineItems;
-        while (currentLevel.length && remainingUpdates.length) {
-            currentLevel.forEach(li => {
-                const unhandledUpdates = [];
-                remainingUpdates.forEach(update => {
-                    let updated = false;
-                    switch (update.dataType) {
-                        case 'LINEITEM':
-                            updated = this.applyLineItemUpdate(li, update, charges);
-                            break;
-                        case 'CHARGE':
-                            updated = this.applyChargeUpdate(li, update);
-                            break;
-                        case 'GROUP_CHARGE':
-                            updated = this.applyChargeGroupUpdate(li, update);
-                            break;
-                        default:
-                            // Unknown dataType. Do not try to handle it anymore
-                            updated = true;
-                    }
-                    if (!updated) {
-                        unhandledUpdates.push(update);
-                    }
-                });
-                remainingUpdates = unhandledUpdates;
-            });
-            currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
-        }
+class MetricsCalculationService {
+    get onMetricsUpdate$() {
+        return this.metricsUpdated$.asObservable();
     }
-    delete(lineItems, id) {
-        const idsToRemove = [id];
-        const topLevelLineItem = lineItems.find(li => li.id === id);
-        if (topLevelLineItem) {
-            // find term-related line items (which are only top level)
-            // expired term line items won't be deleted
-            let foundTermLineItem = topLevelLineItem;
-            while (foundTermLineItem) {
-                foundTermLineItem = lineItems.find(li => foundTermLineItem && li.rampInstanceId === foundTermLineItem.id);
-                if (foundTermLineItem) {
-                    idsToRemove.push(foundTermLineItem.id);
-                }
+    constructor(quoteDraftService, flowConfiguration, settingsService) {
+        this.quoteDraftService = quoteDraftService;
+        this.flowConfiguration = flowConfiguration;
+        this.settingsService = settingsService;
+        this.metricsUpdated$ = new Subject();
+        this.quoteMetricsSettings = {};
+        this.metricsCalculationMethodMap = {};
+        this.metricsData = {};
+        this.activeMetricRules = [];
+        this.activeMetricRules = this.flowConfiguration.activeMetricsSnapshot.filter(metricRule => metricRule.metrics.some(metric => !!metric.totalName));
+        combineLatest([
+            this.quoteDraftService.currentState$,
+            this.settingsService.fetchSetting('QUOTE_LEVEL_METRIC_CALCULATION_METHOD').pipe(take$1(1)),
+        ]).subscribe(([lineItems, setting]) => {
+            let settingsData = {};
+            try {
+                settingsData = JSON.parse((setting === null || setting === void 0 ? void 0 : setting.value) || '{}');
             }
-        }
-        const filtered = lineItems.filter(lineItem => !idsToRemove.includes(lineItem.id));
-        return filtered.map(lineItem => new LineItemWorker(lineItem).remove(id).li);
+            catch (error) {
+                settingsData = {};
+            }
+            this.quoteMetricsSettings = settingsData;
+            this.updateMetrics(lineItems);
+        });
     }
-    applyLineItemUpdate(lineItem, update, charges) {
-        if (lineItem.id !== update.id) {
-            return false;
-        }
-        switch (update.attributeType) {
-            case 'QTY':
-                lineItem.qty = update.newValue;
-                break;
-            case 'EFFECTIVE_START_DATE':
-                lineItem.properties['StartDate'] = moment(update.newValue).format('YYYY-MM-DD');
-                break;
-            case 'END_DATE':
-                lineItem.properties['EndDate'] = moment(update.newValue).format('YYYY-MM-DD');
-                break;
-            case 'PRICE_ADJUSTMENT':
-                {
-                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
-                    if (charge) {
-                        charge.priceAdjustment = update.newValue;
-                    }
-                }
-                break;
-            case 'LIST_PRICE_ADJUSTMENT':
-            case 'MARGIN_ADJUSTMENT':
-                {
-                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
-                    if (charge) {
-                        charge.listPriceAdjustment = update.newValue;
-                    }
-                }
-                break;
-            case 'COST_ADJUSTMENT':
-                {
-                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
-                    if (charge) {
-                        charge.costAdjustment = update.newValue;
-                    }
-                }
-                break;
-            default:
-                throw new Error(`Not suppored AttributeType for LineItem update: ${update.attributeType}`);
-        }
-        return true;
+    getMetricValue(metric) {
+        return this.metricsData[metric] || 0;
     }
-    applyChargeUpdate(lineItem, update) {
-        const foundCharge = lineItem.chargeItems.find(({ id }) => id === update.id);
-        if (!foundCharge) {
-            return false;
+    updateMetrics(lineItems) {
+        const metricKeys = this.collectMetricKeys(lineItems).filter(key => !key.includes('Effective_'));
+        this.metricsCalculationMethodMap = this.buildMetricsCalculationMethods(metricKeys, this.metricsCalculationMethodMap);
+        this.metricsData = metricKeys.reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: this.calculateMetric(lineItems, key) })), {});
+        this.metricsUpdated$.next();
+    }
+    calculateMetric(lineItems, metric) {
+        return calculateMetricByMethod(lineItems, metric, this.metricsCalculationMethodMap[metric] || 'sum');
+    }
+    buildMetricsCalculationMethods(metricKeys, initial) {
+        return metricKeys.reduce((acc, name) => {
+            var _a, _b;
+            if (acc[name]) {
+                return acc;
+            }
+            acc = Object.assign(Object.assign({}, acc), { [name]: 'sum' });
+            const metricRule = this.getMetricRuleByTotalMetricName(name);
+            const settingKey = ((_b = (_a = metricRule === null || metricRule === void 0 ? void 0 : metricRule.metrics) === null || _a === void 0 ? void 0 : _a.find(metric => metric.totalName === name)) === null || _b === void 0 ? void 0 : _b.name) || name;
+            if (this.quoteMetricsSettings[settingKey]) {
+                acc = Object.assign(Object.assign({}, acc), { [name]: this.quoteMetricsSettings[settingKey] });
+            }
+            return acc;
+        }, initial);
+    }
+    collectMetricKeys(lineItems) {
+        const keys = [];
+        lineItems.forEach(lineItem => {
+            keys.push(...Object.keys(lineItem.totalMetrics || {}));
+            keys.push(...this.collectMetricKeys(lineItem.lineItems));
+        });
+        return uniq(keys);
+    }
+    getMetricRuleByTotalMetricName(name) {
+        return this.activeMetricRules.find(metricRule => metricRule.metrics.find(metric => metric.totalName === name));
+    }
+}
+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 }]; } });
+
+class ProductImagesService {
+    constructor(productApiService) {
+        this.productApiService = productApiService;
+        this.imagesMap$ = new BehaviorSubject({});
+    }
+    getImageUrl$(productId) {
+        if (this.imagesMap$.value[productId] == null) {
+            this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: '' }));
+            this.fetchProductImage(productId);
         }
-        if (update.attributeType === 'PRICE_ADJUSTMENT') {
-            foundCharge.priceAdjustment = update.newValue;
+        return this.imagesMap$.pipe(map$2(imagesMap => imagesMap[productId]), distinctUntilChanged());
+    }
+    fetchProductImage(productId) {
+        this.productApiService
+            .fetchImage$(productId)
+            .pipe(map$2(file => URL.createObjectURL(file)), catchError$1(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
+            .subscribe();
+    }
+}
+ProductImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, providedIn: 'root' });
+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();
+        };
+    }
+    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 });
         }
-        else if (update.attributeType === 'LIST_PRICE_ADJUSTMENT') {
-            foundCharge.listPriceAdjustment = update.newValue;
+    }
+    getFormattingSettings() {
+        var _a, _b;
+        if (this.formattingSettings) {
+            return this.formattingSettings;
         }
-        else {
-            throw new Error(`Not suppored AttributeType for Charge Item update: ${update.attributeType}`);
+        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.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 }]; } });
+
+class RuntimeContextService {
+    constructor(configurationApiService) {
+        this.configurationApiService = configurationApiService;
+    }
+    getRuntimeContext(productId, offeringId) {
+        return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(map(runtimeData => {
+            var _a;
+            const uiDefinitionContainer = this.getUIDefinitionContainer(runtimeData);
+            const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
+            const { productName, properties } = (_a = Array.from(runtimeModel.components.values()).find(c => c.productId === productId)) !== null && _a !== void 0 ? _a : {};
+            const uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
+            return {
+                modelId: runtimeData.modelId,
+                uiDefinitionContainer: uiDefinitionContainer,
+                runtimeModel: runtimeModel,
+                runtimeMode: RuntimeMode.PROD,
+                productId: productId,
+                productType: (properties === null || properties === void 0 ? void 0 : properties['displayName']) || productName,
+                offeringId: offeringId,
+                properties: {
+                    PricingEnabled: uiDefinitionProperties.pricingEnabled ? 'true' : 'false',
+                    PriceListId: uiDefinitionProperties.priceList,
+                },
+            };
+        }));
+    }
+    getUIDefinitionContainer(runtimeData) {
+        var _a;
+        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.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) {
+        var _a;
+        this.uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
+        const uiDefinitionExternals = (_a = uiDefinitionContainer.source.externals) !== null && _a !== void 0 ? _a : {};
+        return combineLatest([
+            this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId),
+            this.contextService.initTestMode(),
+        ]).pipe(first(), map(([runtimeData, context]) => {
+            var _a;
+            this.contextService.update({
+                properties: Object.assign(Object.assign(Object.assign(Object.assign({}, (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), context.properties), { ModelId: uiDefinitionContainer.modelId, PricingEnabled: this.uiDefinitionProperties.pricingEnabled ? 'true' : 'false', PriceListId: this.uiDefinitionProperties.priceList, offeringId: this.uiDefinitionProperties.offeringId }), uiDefinitionExternals),
+            });
+            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 => {
+            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 && ((_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),
+                });
+            }
+            return this._runtimeContext;
+        }), tap(() => (this._isInitialized = true)));
+    }
+    overrideUIDefinition(uiDefinitionContainer) {
+        if (!this._runtimeContext) {
+            return;
         }
-        return true;
+        this._runtimeContext.uiDefinitionContainer = uiDefinitionContainer;
+        this.uiDefinitionProperties = getUIDefinitionProperties(uiDefinitionContainer);
     }
-    applyChargeGroupUpdate(lineItem, update) {
-        const foundChargeGroup = ChargeGroupUtils.findChargeGroupById(update.id, lineItem);
-        if (!foundChargeGroup) {
-            return false;
-        }
-        if (update.attributeType === 'PRICE_ADJUSTMENT') {
-            foundChargeGroup.priceAdjustment = update.newValue;
-        }
-        else if (update.attributeType === 'LIST_PRICE_ADJUSTMENT') {
-            foundChargeGroup.listPriceAdjustment = update.newValue;
+    id15to18(propertyName, source) {
+        if (!source) {
+            return;
         }
-        else {
-            throw new Error(`Not suppored AttributeType for Charge Group Item update: ${update.attributeType}`);
+        const value = source[propertyName];
+        if (typeof value === 'string' && value.length === 15) {
+            source[propertyName] = SalesforceIdUtils.generateId18FromId15(value);
         }
-        return true;
+    }
+    get isInitialized() {
+        return this._isInitialized;
+    }
+    get runtimeModel() {
+        var _a;
+        return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
+    }
+    get runtimeContext() {
+        return this._runtimeContext;
     }
 }
-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: [{
+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 FlowConfigurationService {
-    constructor(proceduresApiService, contextService, quoteDraftService, updateService, configurationService) {
-        this.proceduresApiService = proceduresApiService;
-        this.contextService = contextService;
-        this.quoteDraftService = quoteDraftService;
-        this.updateService = updateService;
+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;
     }
-    calculate$(quoteDraft) {
-        return this.proceduresApiService.apply$(quoteDraft).pipe(tap$1(result => {
-            // sort the result current state based on the quote draft initial state
-            const initialStateIds = quoteDraft.initialState.map(lineItem => lineItem.integrationId);
-            result.currentState = result.currentState
-                .slice()
-                .sort((a, b) => initialStateIds.indexOf(a.integrationId) - initialStateIds.indexOf(b.integrationId));
-            this.quoteDraftService.updateQuoteDraft(result);
-        }), map$2(noop));
+    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));
     }
-    calculate(quoteDraft) {
-        this.calculate$(quoteDraft).subscribe();
+    cleanup() {
+        this.stateId = null;
+        this.configurationService.reset();
+        this.stateSubj$.next({});
     }
-    update$(updates) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        if (!quoteDraft) {
-            return of(null);
+    execute$(req) {
+        if (this.isStatefulConfiguration) {
+            return this.executeStateful$(req);
         }
-        return of([]).pipe(map$2(() => {
-            const updatedState = cloneDeep(quoteDraft.currentState);
-            this.updateService.update(updatedState, updates, quoteDraft.charges);
-            return updatedState;
-        }), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
-    }
-    update(updates) {
-        this.update$(updates).subscribe();
-    }
-    revert$(lineItemId) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        const initialCurrentState = this.quoteDraftService.getInitialCurrentState();
-        const currentState = this.quoteDraftService.activeCurrentState;
-        const currentLineItemIndex = currentState.findIndex(({ id }) => id === lineItemId);
-        const currentLineItem = currentState[currentLineItemIndex];
-        const initialLineItem = initialCurrentState.find(({ integrationId }) => integrationId === (currentLineItem === null || currentLineItem === void 0 ? void 0 : currentLineItem.integrationId));
-        if (!quoteDraft || !currentLineItem || !initialLineItem) {
-            return of(null);
+        else {
+            return this.executeStateless$(req);
         }
-        const updatedState = cloneDeep(currentState);
-        updatedState.splice(currentLineItemIndex, 1, initialLineItem);
-        return of([]).pipe(tap$1(() => {
-            this.quoteDraftService.setCurrentLineItemState(updatedState);
-        }), switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
     }
-    revert(lineItemId) {
-        this.revert$(lineItemId).subscribe();
+    dispatch$(actionName, inputData) {
+        return this.execute$({ actions: [{ name: actionName, inputData }] });
     }
-    delete$(ids) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        const currentState = this.quoteDraftService.currentState;
-        if (!quoteDraft) {
-            return of(null);
-        }
-        return of([]).pipe(map$2(() => ids.reduce((result, id) => this.updateService.delete(result, id), currentState)), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+    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))));
     }
-    delete(ids) {
-        this.delete$(ids).subscribe();
+    get isStatefulConfiguration() {
+        var _a;
+        return (_a = this.runtimeService.uiDefinitionProperties.statefulConfigurationEnabled) !== null && _a !== void 0 ? _a : false;
     }
-    addTerm$(term) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        if (!quoteDraft) {
-            return of(null);
-        }
-        const updatedState = [...quoteDraft.currentState, term];
-        return of([]).pipe(switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+    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));
     }
-    addToCart$(props) {
-        const quoteDraft = this.quoteDraftService.quoteDraft;
-        if (!quoteDraft) {
-            return of(null);
+    executeStateful$(request) {
+        if (!this.stateId) {
+            return of(undefined);
         }
-        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, (_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());
-    }
-    get() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$2(() => this.quoteDraftService.activeCurrentState), shareReplay$1());
-    }
-    getSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraftService) === null || _a === void 0 ? void 0 : _a.currentState.slice()) !== null && _b !== void 0 ? _b : [];
-    }
-    get charges$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ charges }) => charges));
-    }
-    get pricePlans$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ pricePlans }) => pricePlans));
-    }
-    get activeMetrics$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ activeMetrics }) => activeMetrics));
-    }
-    get chargesSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.charges) !== null && _b !== void 0 ? _b : {};
-    }
-    get pricePlansSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.pricePlans) !== null && _b !== void 0 ? _b : {};
-    }
-    get activeMetricsSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.activeMetrics) !== null && _b !== void 0 ? _b : [];
-    }
-    get contextSnapshot() {
-        return this.contextService.resolve();
-    }
-    get context$() {
-        return this.contextService.resolve$();
-    }
-    handleErrorAndBounceBack() {
-        return (source$) => {
-            return source$.pipe(catchError$1(error => {
-                console.error(error);
-                // bounce back if configuration call has failed
-                const quoteDraft = this.quoteDraftService.quoteDraft;
-                if (quoteDraft) {
-                    this.quoteDraftService.updateQuoteDraft(quoteDraft);
+        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;
                 }
-                return throwError(() => error);
-            }));
-        };
+                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,
+        });
     }
 }
-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: [{
+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.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.StatefulConfigurationApiService }, { type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: i4.ToastService }]; } });
 
 class FlowConfigurationModule {
 }
@@ -1324,239 +1564,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-function calculateMetricByMethod(lineItems, metric, method) {
-    const items = getLineItemsByMethod(lineItems, method);
-    return items.reduce((acc, li) => {
-        let value = li.reduce((accProduct, item) => accProduct + ((item.totalMetrics && item.totalMetrics[metric]) || 0), 0);
-        if (method === 'avg' && li.length > 0) {
-            value /= li.length;
-        }
-        return acc + value;
-    }, 0);
-}
-function getLineItemsByMethod(lineItems, method) {
-    switch (method) {
-        case 'first': {
-            return lineItems.filter(li => !li.rampInstanceId).map(item => [item]);
-        }
-        case 'last': {
-            const rootTermItems = lineItems.filter(li => !li.rampInstanceId);
-            const products = rootTermItems.map(lineItem => [
-                lineItem,
-                ...lineItems.filter(li => li.rampInstanceId === lineItem.id),
-            ]);
-            return products
-                .map(items => [...items].sort((a, b) => getDateValue(a.endDate || '') - getDateValue(b.endDate || '')).pop())
-                .filter((li) => Boolean(li))
-                .map(item => [item]);
-        }
-        case 'avg': {
-            const rootTermItems = lineItems.filter(li => !li.rampInstanceId);
-            return rootTermItems.map(lineItem => [lineItem, ...lineItems.filter(li => li.rampInstanceId === lineItem.id)]);
-        }
-        case 'sum': {
-            return lineItems.map(item => [item]);
-        }
-        default: {
-            return lineItems.map(item => [item]);
-        }
-    }
-}
-function getDateValue(date) {
-    return date ? new Date(date).getTime() : 0;
-}
-
-class MetricsCalculationService {
-    get onMetricsUpdate$() {
-        return this.metricsUpdated$.asObservable();
-    }
-    constructor(quoteDraftService, flowConfiguration, settingsService) {
-        this.quoteDraftService = quoteDraftService;
-        this.flowConfiguration = flowConfiguration;
-        this.settingsService = settingsService;
-        this.metricsUpdated$ = new Subject();
-        this.quoteMetricsSettings = {};
-        this.metricsCalculationMethodMap = {};
-        this.metricsData = {};
-        this.activeMetricRules = [];
-        this.activeMetricRules = this.flowConfiguration.activeMetricsSnapshot.filter(metricRule => metricRule.metrics.some(metric => !!metric.totalName));
-        combineLatest([
-            this.quoteDraftService.currentState$,
-            this.settingsService.fetchSetting('QUOTE_LEVEL_METRIC_CALCULATION_METHOD').pipe(take$1(1)),
-        ]).subscribe(([lineItems, setting]) => {
-            let settingsData = {};
-            try {
-                settingsData = JSON.parse((setting === null || setting === void 0 ? void 0 : setting.value) || '{}');
-            }
-            catch (error) {
-                settingsData = {};
-            }
-            this.quoteMetricsSettings = settingsData;
-            this.updateMetrics(lineItems);
-        });
-    }
-    getMetricValue(metric) {
-        return this.metricsData[metric] || 0;
-    }
-    updateMetrics(lineItems) {
-        const metricKeys = this.collectMetricKeys(lineItems).filter(key => !key.includes('Effective_'));
-        this.metricsCalculationMethodMap = this.buildMetricsCalculationMethods(metricKeys, this.metricsCalculationMethodMap);
-        this.metricsData = metricKeys.reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: this.calculateMetric(lineItems, key) })), {});
-        this.metricsUpdated$.next();
-    }
-    calculateMetric(lineItems, metric) {
-        return calculateMetricByMethod(lineItems, metric, this.metricsCalculationMethodMap[metric] || 'sum');
-    }
-    buildMetricsCalculationMethods(metricKeys, initial) {
-        return metricKeys.reduce((acc, name) => {
-            var _a, _b;
-            if (acc[name]) {
-                return acc;
-            }
-            acc = Object.assign(Object.assign({}, acc), { [name]: 'sum' });
-            const metricRule = this.getMetricRuleByTotalMetricName(name);
-            const settingKey = ((_b = (_a = metricRule === null || metricRule === void 0 ? void 0 : metricRule.metrics) === null || _a === void 0 ? void 0 : _a.find(metric => metric.totalName === name)) === null || _b === void 0 ? void 0 : _b.name) || name;
-            if (this.quoteMetricsSettings[settingKey]) {
-                acc = Object.assign(Object.assign({}, acc), { [name]: this.quoteMetricsSettings[settingKey] });
-            }
-            return acc;
-        }, initial);
-    }
-    collectMetricKeys(lineItems) {
-        const keys = [];
-        lineItems.forEach(lineItem => {
-            keys.push(...Object.keys(lineItem.totalMetrics || {}));
-            keys.push(...this.collectMetricKeys(lineItem.lineItems));
-        });
-        return uniq(keys);
-    }
-    getMetricRuleByTotalMetricName(name) {
-        return this.activeMetricRules.find(metricRule => metricRule.metrics.find(metric => metric.totalName === name));
-    }
-}
-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 }]; } });
-
-class ProductImagesService {
-    constructor(productApiService) {
-        this.productApiService = productApiService;
-        this.imagesMap$ = new BehaviorSubject({});
-    }
-    getImageUrl$(productId) {
-        if (this.imagesMap$.value[productId] == null) {
-            this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: '' }));
-            this.fetchProductImage(productId);
-        }
-        return this.imagesMap$.pipe(map$2(imagesMap => imagesMap[productId]), distinctUntilChanged());
-    }
-    fetchProductImage(productId) {
-        this.productApiService
-            .fetchImage$(productId)
-            .pipe(map$2(file => URL.createObjectURL(file)), catchError$1(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
-            .subscribe();
-    }
-}
-ProductImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, providedIn: 'root' });
-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();
-        };
-    }
-    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.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 DEFAULT_FORMATTING_SETTINGS = {
     currencySymbol: DEFAULT_CURRENCY_SYMBOL,
     decimalsCount: DEFAULT_DECIMALS_COUNT,