@veloceapps/sdk 6.0.0-10 → 6.0.0-100

package/fesm2015/veloceapps-sdk-core.js

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
 import { Injectable, NgModule } from '@angular/core';
-import { UUID, ConfigurationContext, ConfigurationContextMode, RuntimeModel, SalesforceIdUtils, ConfigurationMode, ChargeGroupUtils } from '@veloceapps/core';
-import { BehaviorSubject, zip, noop, combineLatest, Subject, take as take$1, map as map$1, distinctUntilChanged, catchError, of, tap as tap$1, throwError, shareReplay as shareReplay$1, switchMap as switchMap$1 } from 'rxjs';
-import { filter, tap, map, switchMap, skip, take, shareReplay, first, catchError as catchError$1, finalize } from 'rxjs/operators';
+import { UUID, ConfigurationContext, RuntimeModel, ConfigurationContextMode, SalesforceIdUtils, ConfigurationMode, ConfigurationTranslatorUtils, ChargeGroupUtils } from '@veloceapps/core';
+import { BehaviorSubject, combineLatest, zip, noop, throwError, shareReplay as shareReplay$1, tap as tap$1, map as map$2, of, switchMap as switchMap$1, catchError as catchError$1, Subject, take as take$1, distinctUntilChanged } from 'rxjs';
+import { filter, tap, map, first, switchMap, skip, take, shareReplay, catchError, finalize } from 'rxjs/operators';
 import * as i1 from '@veloceapps/api';
 import { PriceApiService, ContextApiService, ProductModelApiService, ConfigurationApiService } from '@veloceapps/api';
-import { merge, isEqual, uniq, flatten, sortBy, map as map$2, cloneDeep } from 'lodash';
+import { merge, flatten, sortBy, map as map$1, isEqual, omit, cloneDeep, uniq } from 'lodash';
 import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
-import * as i4 from 'primeng/api';
-import * as i5 from 'primeng/dynamicdialog';
+import * as i5 from 'primeng/api';
+import * as i6 from 'primeng/dynamicdialog';
 import moment from 'moment';
 
 const getDefaultLineItem = (context, uiDefinitionProperties, qty = 1) => {
@@ -36,392 +36,53 @@ var RuntimeStep;
     RuntimeStep["UPDATE"] = "UPDATE";
 })(RuntimeStep || (RuntimeStep = {}));
 
+const UI_DEFINITION_VERSION = 3;
+
 class ContextService {
     constructor(contextApiService) {
         this.contextApiService = contextApiService;
         this.context = new BehaviorSubject(null);
     }
-    get isInitialized() {
-        return Boolean(this.context.value);
-    }
-    resolve() {
-        if (!this.context.value) {
-            throw new Error('Context is not initialized yet!');
-        }
-        return Object.assign({}, this.context.value);
-    }
-    resolve$() {
-        return this.context.pipe(filter((ctx) => Boolean(ctx)));
-    }
-    create(headerId, mode) {
-        return this.contextApiService.getContext(headerId, mode).pipe(tap(context => this.context.next(merge(new ConfigurationContext(headerId, mode), context))), map(() => this.resolve()));
-    }
-    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) });
-        this.context.next(updatedContext);
-        return updatedContext;
-    }
-    set(context) {
-        const originalContext = this.resolve();
-        const updatedContext = Object.assign(Object.assign({}, originalContext), context);
-        this.context.next(updatedContext);
-        return updatedContext;
-    }
-    delete() {
-        this.context.next(null);
-    }
-}
-ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ContextService, deps: [{ token: i1.ContextApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ContextService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ContextService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
-
-function calculateMetricByMethod(lineItems, metric, method) {
-    const items = getLineItemsByMethod(lineItems, method);
-    return items.reduce((acc, li) => {
-        let value = li.reduce((accProduct, item) => accProduct + ((item.totalMetrics && item.totalMetrics[metric]) || 0), 0);
-        if (method === 'avg' && li.length > 0) {
-            value /= li.length;
-        }
-        return acc + value;
-    }, 0);
-}
-function getLineItemsByMethod(lineItems, method) {
-    switch (method) {
-        case 'first': {
-            return lineItems.filter(li => !li.rampInstanceId).map(item => [item]);
-        }
-        case 'last': {
-            const rootTermItems = lineItems.filter(li => !li.rampInstanceId);
-            const products = rootTermItems.map(lineItem => [
-                lineItem,
-                ...lineItems.filter(li => li.rampInstanceId === lineItem.id),
-            ]);
-            return products
-                .map(items => [...items].sort((a, b) => getDateValue(a.endDate || '') - getDateValue(b.endDate || '')).pop())
-                .filter((li) => Boolean(li))
-                .map(item => [item]);
-        }
-        case 'avg': {
-            const rootTermItems = lineItems.filter(li => !li.rampInstanceId);
-            return rootTermItems.map(lineItem => [lineItem, ...lineItems.filter(li => li.rampInstanceId === lineItem.id)]);
-        }
-        case 'sum': {
-            return lineItems.map(item => [item]);
-        }
-        default: {
-            return lineItems.map(item => [item]);
-        }
-    }
-}
-function getDateValue(date) {
-    return date ? new Date(date).getTime() : 0;
-}
-
-class QuoteDraftService {
-    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();
-    }
-    get isInitialized() {
-        return this.isInitializedSubj$.getValue();
-    }
-    set isInitialized(value) {
-        if (this.isInitialized !== value) {
-            this.isInitializedSubj$.next(value);
-        }
-    }
-    get hasUnsavedChanges() {
-        return this._hasUnsavedChanges;
-    }
-    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 : [];
-        }
-    }
-    get hasAssets$() {
-        return this.quoteSubj$.pipe(map(() => this.hasAssets));
-    }
-    get hasAssets() {
-        const quoteDraft = this.quoteSubj$.value;
-        return Boolean(quoteDraft && quoteDraft.currentState.length > 0);
-    }
-    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;
-        }
-        // 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: "12.2.15", 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: "12.2.15", ngImport: i0, type: QuoteDraftService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: QuoteDraftService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: ContextService }, { type: i1.QuoteApiService }, { type: i1.PriceApiService }]; } });
-
-class MetricsCalculationService {
-    constructor(quoteDraftService, settingsService) {
-        this.quoteDraftService = quoteDraftService;
-        this.settingsService = settingsService;
-        this.metricsUpdated$ = new Subject();
-        this.quoteMetricsSettings = {};
-        this.metricsCalculationMethodMap = {};
-        this.metricsData = {};
-        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);
-        });
-    }
-    get onMetricsUpdate$() {
-        return this.metricsUpdated$.asObservable();
-    }
-    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) => {
-            if (acc[name]) {
-                return acc;
-            }
-            acc = Object.assign(Object.assign({}, acc), { [name]: 'sum' });
-            const settingKey = name.replace(/VDM_|Total_/g, '');
-            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);
-    }
-}
-MetricsCalculationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: MetricsCalculationService, deps: [{ token: QuoteDraftService }, { token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-MetricsCalculationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: MetricsCalculationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: MetricsCalculationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: i1.ConfigurationSettingsApiService }]; } });
-
-class ProductImagesService {
-    constructor(productApiService) {
-        this.productApiService = productApiService;
-        this.imagesMap$ = new BehaviorSubject({});
+    get isInitialized() {
+        return Boolean(this.context.value);
     }
-    getImageUrl$(productId) {
-        if (this.imagesMap$.value[productId] == null) {
-            this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: '' }));
-            this.fetchProductImage(productId);
+    get mode() {
+        return this.resolve().properties.mode;
+    }
+    resolve() {
+        if (!this.context.value) {
+            throw new Error('Context is not initialized yet!');
         }
-        return this.imagesMap$.pipe(map$1(imagesMap => imagesMap[productId]), distinctUntilChanged());
+        return Object.assign({}, this.context.value);
     }
-    fetchProductImage(productId) {
-        this.productApiService
-            .fetchImage$(productId)
-            .pipe(map$1(file => URL.createObjectURL(file)), catchError(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
-            .subscribe();
+    resolve$() {
+        return this.context.pipe(filter((ctx) => Boolean(ctx)));
+    }
+    create(headerId, mode) {
+        return this.contextApiService.getContext(headerId, mode).pipe(tap(context => this.context.next(merge(new ConfigurationContext(headerId, mode), context))), map(() => this.resolve()));
+    }
+    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) });
+        this.context.next(updatedContext);
+        return updatedContext;
+    }
+    set(context) {
+        const originalContext = this.resolve();
+        const updatedContext = Object.assign(Object.assign({}, originalContext), context);
+        this.context.next(updatedContext);
+        return updatedContext;
+    }
+    delete() {
+        this.context.next(null);
     }
 }
-ProductImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ProductImagesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ProductImagesService, decorators: [{
+ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ContextService, deps: [{ token: i1.ContextApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ContextService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ContextService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.ProductApiService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
 
 class RuntimeContextService {
     constructor(configurationApiService) {
@@ -462,9 +123,9 @@ class RuntimeContextService {
         return uiDefinition;
     }
 }
-RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeContextService, decorators: [{
+RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RuntimeContextService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RuntimeContextService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }]; } });
 
@@ -479,7 +140,6 @@ class ConfigurationRuntimeService {
     reset() {
         this._isInitialized = false;
         this._runtimeContext = undefined;
-        this._assets = undefined;
         this.initializationProps = undefined;
         this.uiDefinitionProperties = {};
     }
@@ -505,7 +165,6 @@ class ConfigurationRuntimeService {
     }
     init(props) {
         this.initializationProps = props;
-        this._assets = props.assets;
         const context = this.contextService.resolve();
         return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(tap(runtimeContext => {
             var _a, _b, _c, _d;
@@ -531,9 +190,6 @@ class ConfigurationRuntimeService {
             source[propertyName] = SalesforceIdUtils.generateId18FromId15(value);
         }
     }
-    getAsset(lineItem) {
-        return this._assets && this._assets.find(a => a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId);
-    }
     get isInitialized() {
         return this._isInitialized;
     }
@@ -545,9 +201,9 @@ class ConfigurationRuntimeService {
         return this._runtimeContext;
     }
 }
-ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", 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: "12.2.15", ngImport: i0, type: ConfigurationRuntimeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationRuntimeService, decorators: [{
+ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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: "12.2.17", ngImport: i0, type: ConfigurationRuntimeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationRuntimeService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: ContextService }, { type: RuntimeContextService }]; } });
 
@@ -589,17 +245,33 @@ const removeLineItem = (lineItem, idToRemove) => {
 };
 const replaceLineItem = (lineItem, replaceTo) => {
     if (lineItem.id === replaceTo.id) {
-        return Object.assign({}, replaceTo);
+        return Object.assign({}, recalculateCardinalityVariables(lineItem, replaceTo));
     }
-    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(li => {
-            if (li.id === replaceTo.id) {
-                return replaceTo;
-            }
-            else if (li.lineItems.length) {
-                return replaceLineItem(li, replaceTo);
-            }
-            return li;
-        }) });
+    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo)) });
+};
+const calculateCardinalityVariables = (lineItems) => {
+    const cardVars = new Map();
+    lineItems.forEach(li => {
+        var _a;
+        const cardinalityVariableName = `#CV-${li.type}@${li.port}`;
+        cardVars.set(cardinalityVariableName, ((_a = cardVars.get(cardinalityVariableName)) !== null && _a !== void 0 ? _a : 0) + li.qty);
+    });
+    return cardVars;
+};
+const recalculateCardinalityVariables = (original, updated) => {
+    const cardinalityVariables = calculateCardinalityVariables(updated.lineItems);
+    const originalCardinalityVariables = calculateCardinalityVariables(original.lineItems);
+    originalCardinalityVariables.forEach((value, key) => {
+        if (cardinalityVariables.get(key) === value) {
+            // no need to update cardinality if no changes
+            cardinalityVariables.delete(key);
+        }
+        else if (!cardinalityVariables.has(key)) {
+            // remove last item from port
+            cardinalityVariables.set(key, 0);
+        }
+    });
+    return Object.assign(Object.assign({}, updated), { attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value }))) });
 };
 const mapAttributes = (attributes) => {
     return attributes.reduce((acc, { name, value }) => (Object.assign(Object.assign({}, acc), { [name]: value })), {});
@@ -622,78 +294,289 @@ const patchAttributes = (rootLineItem, id, attrs) => {
     if (!lineItem) {
         return rootLineItem;
     }
-    const attributes = upsertAttributes(lineItem.attributes, attrs);
-    return replaceLineItem(rootLineItem, Object.assign(Object.assign({}, lineItem), { attributes }));
-};
-const getAttributeValue = (attributes, name) => { var _a; return (_a = attributes.find(attr => attr.name === name)) === null || _a === void 0 ? void 0 : _a.value; };
-const generateLineItem = (port, type, parentId, attributes = [], lineItems = []) => {
-    return {
-        id: UUID.UUID(),
-        port,
-        type,
-        actionCode: 'ADD',
-        cfgStatus: 'New',
-        attributes: attributes.map(({ name, value }) => ({ cfgStatus: 'User', name, value })),
-        lineItems,
-        parentId,
-        qty: 1,
-    };
-};
-const getRecommendedPrices = (portDomain, type) => {
-    var _a, _b;
-    const domainType = portDomain.domainTypes.find(({ name }) => name === type);
-    const [net, list] = (_b = (_a = domainType === null || domainType === void 0 ? void 0 : domainType.recommendedPrices) === null || _a === void 0 ? void 0 : _a.filter(({ chargeMethod }) => chargeMethod === 'ONE_TIME').reduce((acc, rp) => {
-        const [netPrice, listPrice] = acc;
-        return [netPrice + rp.netPrice, listPrice + rp.listPrice];
-    }, [0, 0])) !== null && _b !== void 0 ? _b : [0, 0];
-    return { net, list };
-};
-const multiplyLineItems = (lineItem, qty, split) => {
-    if (split) {
-        const unifyIds = (lineItem) => (Object.assign(Object.assign({}, lineItem), { id: UUID.UUID(), lineItems: lineItem.lineItems.map(unifyIds) }));
-        return map$2(new Array(qty), () => unifyIds(lineItem));
+    const attributes = upsertAttributes(lineItem.attributes, attrs);
+    return replaceLineItem(rootLineItem, Object.assign(Object.assign({}, lineItem), { attributes }));
+};
+const getAttributeValue = (attributes, name) => { var _a; return (_a = attributes.find(attr => attr.name === name)) === null || _a === void 0 ? void 0 : _a.value; };
+const generateLineItem = (port, type, parentId, attributes = [], lineItems = []) => {
+    return {
+        id: UUID.UUID(),
+        port,
+        type,
+        actionCode: 'ADD',
+        cfgStatus: 'New',
+        attributes: attributes.map(({ name, value }) => ({ cfgStatus: 'User', name, value })),
+        lineItems,
+        parentId,
+        qty: 1,
+    };
+};
+const getRecommendedPrices = (portDomain, type) => {
+    var _a, _b;
+    const domainType = portDomain.domainTypes.find(({ name }) => name === type);
+    const [net, list] = (_b = (_a = domainType === null || domainType === void 0 ? void 0 : domainType.recommendedPrices) === null || _a === void 0 ? void 0 : _a.filter(({ chargeMethod }) => chargeMethod === 'ONE_TIME').reduce((acc, rp) => {
+        const [netPrice, listPrice] = acc;
+        return [netPrice + rp.netPrice, listPrice + rp.listPrice];
+    }, [0, 0])) !== null && _b !== void 0 ? _b : [0, 0];
+    return { net, list };
+};
+const multiplyLineItems = (lineItem, qty, split) => {
+    if (split) {
+        const unifyIds = (lineItem) => (Object.assign(Object.assign({}, lineItem), { id: UUID.UUID(), lineItems: lineItem.lineItems.map(unifyIds) }));
+        return map$1(new Array(qty), () => unifyIds(lineItem));
+    }
+    else {
+        return [
+            Object.assign(Object.assign({}, lineItem), { qty: qty }),
+        ];
+    }
+};
+
+var lineItem_utils = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    findLineItem: findLineItem,
+    findLineItemWithComparator: findLineItemWithComparator,
+    insertLineItem: insertLineItem,
+    removeLineItem: removeLineItem,
+    replaceLineItem: replaceLineItem,
+    calculateCardinalityVariables: calculateCardinalityVariables,
+    recalculateCardinalityVariables: recalculateCardinalityVariables,
+    mapAttributes: mapAttributes,
+    getAttributes: getAttributes,
+    upsertAttributes: upsertAttributes,
+    patchAttributes: patchAttributes,
+    getAttributeValue: getAttributeValue,
+    generateLineItem: generateLineItem,
+    getRecommendedPrices: getRecommendedPrices,
+    multiplyLineItems: multiplyLineItems
+});
+
+class LineItemWorker {
+    constructor(src) {
+        this.li = Object.assign({}, src);
+    }
+    insert(parentId, toInsert) {
+        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+    }
+    remove(id) {
+        return new LineItemWorker(removeLineItem(this.li, id));
+    }
+    replace(toReplace) {
+        return new LineItemWorker(replaceLineItem(this.li, toReplace));
+    }
+    patchAttribute(attrs, id) {
+        return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs));
+    }
+}
+
+class QuoteDraftService {
+    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();
+    }
+    get isInitialized() {
+        return this.isInitializedSubj$.getValue();
+    }
+    set isInitialized(value) {
+        if (this.isInitialized !== value) {
+            this.isInitializedSubj$.next(value);
+        }
+    }
+    get hasUnsavedChanges() {
+        return this._hasUnsavedChanges;
+    }
+    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 : [];
+        }
+    }
+    get hasProducts$() {
+        return this.quoteSubj$.pipe(map(() => this.hasProducts));
+    }
+    get hasProducts() {
+        const quoteDraft = this.quoteSubj$.value;
+        return Boolean(quoteDraft && quoteDraft.currentState.length > 0);
+    }
+    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';
     }
-    else {
-        return [
-            Object.assign(Object.assign({}, lineItem), { qty: qty }),
-        ];
+    get isStandalone$() {
+        return this.context.resolve$().pipe(map(() => this.isStandalone));
     }
-};
-
-var lineItem_utils = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    findLineItem: findLineItem,
-    findLineItemWithComparator: findLineItemWithComparator,
-    insertLineItem: insertLineItem,
-    removeLineItem: removeLineItem,
-    replaceLineItem: replaceLineItem,
-    mapAttributes: mapAttributes,
-    getAttributes: getAttributes,
-    upsertAttributes: upsertAttributes,
-    patchAttributes: patchAttributes,
-    getAttributeValue: getAttributeValue,
-    generateLineItem: generateLineItem,
-    getRecommendedPrices: getRecommendedPrices,
-    multiplyLineItems: multiplyLineItems
-});
-
-class LineItemWorker {
-    constructor(src) {
-        this.li = Object.assign({}, src);
+    getInitialCurrentState() {
+        return this.initialCurrentState;
     }
-    insert(parentId, toInsert) {
-        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+    isEditMode$() {
+        return this.context.resolve$().pipe(map(() => this.isEditMode()));
     }
-    remove(id) {
-        return new LineItemWorker(removeLineItem(this.li, id));
+    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;
     }
-    replace(toReplace) {
-        return new LineItemWorker(replaceLineItem(this.li, toReplace));
+    updateActivePriceList(priceListId) {
+        this.context.update({ properties: { PriceListId: priceListId } });
     }
-    patchAttribute(attrs, id) {
-        return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs));
+    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: "12.2.17", 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: "12.2.17", ngImport: i0, type: QuoteDraftService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuoteDraftService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: ContextService }, { type: i1.QuoteApiService }, { type: i1.PriceApiService }]; } });
 
 class ConfigurationService {
     constructor(quoteDraftService, runtimeService, contextService, configurationApiService, messageService, dialogService) {
@@ -704,7 +587,6 @@ class ConfigurationService {
         this.messageService = messageService;
         this.dialogService = dialogService;
         this.mode = ConfigurationMode.SEARCH;
-        this.states = {};
         this.lineItem = new BehaviorSubject(undefined);
         this.charges = new BehaviorSubject({});
         this.pricePlans = new BehaviorSubject({});
@@ -713,7 +595,7 @@ class ConfigurationService {
     reset() {
         this.hasUnsavedChanges = false;
         this.runtimeService.reset();
-        this.states = {};
+        this.configurableRamp = undefined;
         this.lineItem.next(undefined);
         this.charges.next({});
         this.pricePlans.next({});
@@ -722,11 +604,8 @@ class ConfigurationService {
         if (!this.lineItem.value) {
             return throwError(() => new Error(`Source LineItem not found`));
         }
-        this.states.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem).li;
-        this.states.asset = this.states.configurableRamp
-            ? this.runtimeService.getAsset(this.states.configurableRamp)
-            : undefined;
-        return this.configure().pipe(catchError$1(error => {
+        this.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem).li;
+        return this.configure().pipe(catchError(error => {
             console.error(error);
             if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
                 this.messageService.add({ severity: 'error', summary: error });
@@ -743,8 +622,8 @@ class ConfigurationService {
     patch(lineItem) {
         this.patch$(lineItem).subscribe();
     }
-    updateCurrentStates(update) {
-        this.states = Object.assign(Object.assign({}, this.states), update);
+    setConfigurableRamp(lineItem) {
+        this.configurableRamp = lineItem;
     }
     get() {
         return this.lineItem.asObservable().pipe(shareReplay$1());
@@ -785,7 +664,7 @@ class ConfigurationService {
         }
         const uiDefinitionProperties = Object.assign(Object.assign({}, ((_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {})), ((_c = this.runtimeService.uiDefinitionProperties) !== null && _c !== void 0 ? _c : {}));
         const qty = (_d = this.runtimeService.initializationProps) === null || _d === void 0 ? void 0 : _d.defaultQty;
-        const lineItem = (_e = this.states.configurableRamp) !== null && _e !== void 0 ? _e : getDefaultLineItem(runtimeContext, uiDefinitionProperties, qty);
+        const lineItem = (_e = this.configurableRamp) !== null && _e !== void 0 ? _e : getDefaultLineItem(runtimeContext, uiDefinitionProperties, qty);
         const configurationRequest = this.createRequest(lineItem);
         const mainPricingEnabled = (_f = runtimeContext.properties) === null || _f === void 0 ? void 0 : _f.PricingEnabled;
         const pricingEnabled = mainPricingEnabled ? mainPricingEnabled === 'true' : uiDefinitionProperties.pricingEnabled;
@@ -800,29 +679,35 @@ class ConfigurationService {
             }
             return lineItem;
         }))
-            .pipe(tap(lineItem => lineItem && this.lineItem.next(lineItem)), catchError$1(error => throwError(() => { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || error.message || JSON.stringify(error)); })));
+            .pipe(tap(lineItem => lineItem && this.lineItem.next(lineItem)), catchError(error => throwError(() => { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || error.message || JSON.stringify(error)); })));
     }
     configureExternal$(productId, qty) {
-        this.updateCurrentStates({
-            currentState: this.quoteDraftService.currentState,
-        });
-        return this.runtimeService.init({ productId, defaultQty: qty }).pipe(switchMap(() => this.configure()), first(), catchError$1(error => {
+        return this.runtimeService.init({ productId, defaultQty: qty }).pipe(switchMap(() => this.configure()), first(), catchError(error => {
             this.messageService.add({ severity: ToastType.error, summary: error });
             throw error;
         }), finalize(() => this.reset()));
     }
     createRequest(lineItem) {
-        return {
+        var _a;
+        let request = {
             lineItem,
             mode: this.mode,
             step: !this.lineItem.value ? RuntimeStep.START : RuntimeStep.UPDATE,
             attributeDomainMode: 'ALL',
             context: this.contextService.resolve(),
-            lineItems: this.states.currentState || [],
-            asset: this.states.asset,
+            lineItems: ((_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) || [],
+            asset: this.getAsset(),
         };
+        request = ConfigurationTranslatorUtils.lightenConfigurationRequest(request);
+        return request;
     }
     showInactiveProductsConfirmation() {
+        const confirmationConfig = {
+            title: ' ',
+            description: 'This quote contains inactive products. Do you want to remove them?',
+            primaryButtonLabel: 'Remove products',
+            secondaryButtonLabel: 'Back to Quote',
+        };
         this.dialogService
             .open(ConfirmationComponent, {
             dismissableMask: false,
@@ -831,14 +716,7 @@ class ConfigurationService {
             showHeader: true,
             header: `Inactive Products in Quote`,
             width: '440px',
-            data: {
-                confirmationConfig: {
-                    title: ' ',
-                    description: 'This quote contains inactive products. Do you want to remove them?',
-                    submitBtn: 'Remove products',
-                    cancelBtn: 'Back to Quote',
-                },
-            },
+            data: { confirmationConfig },
         })
             .onClose.subscribe(result => {
             if (!result) {
@@ -847,15 +725,31 @@ class ConfigurationService {
             }
         });
     }
+    getAsset() {
+        var _a;
+        const lineItem = this.configurableRamp;
+        if (!lineItem) {
+            return;
+        }
+        return (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState.find(a => a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId);
+    }
 }
-ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: ContextService }, { token: i1.ConfigurationApiService }, { token: i4.MessageService }, { token: i5.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService, decorators: [{
+ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: ContextService }, { token: i1.ConfigurationApiService }, { token: i5.MessageService }, { token: i6.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: ContextService }, { type: i1.ConfigurationApiService }, { type: i4.MessageService }, { type: i5.DialogService }]; } });
+        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: ContextService }, { type: i1.ConfigurationApiService }, { type: i5.MessageService }, { type: i6.DialogService }]; } });
+
+function extractMetadata(uiDefinition) {
+    return omit(uiDefinition, [
+        'children',
+        'pages',
+        'components',
+    ]);
+}
 
 class FlowUpdateService {
-    update(rootLineItems, updates) {
+    update(rootLineItems, updates, charges) {
         let remainingUpdates = [...updates];
         let currentLevel = rootLineItems;
         while (currentLevel.length && remainingUpdates.length) {
@@ -865,7 +759,7 @@ class FlowUpdateService {
                     let updated = false;
                     switch (update.dataType) {
                         case 'LINEITEM':
-                            updated = this.applyLineItemUpdate(li, update);
+                            updated = this.applyLineItemUpdate(li, update, charges);
                             break;
                         case 'CHARGE':
                             updated = this.applyChargeUpdate(li, update);
@@ -903,7 +797,7 @@ class FlowUpdateService {
         const filtered = lineItems.filter(lineItem => !idsToRemove.includes(lineItem.id));
         return filtered.map(lineItem => new LineItemWorker(lineItem).remove(id).li);
     }
-    applyLineItemUpdate(lineItem, update) {
+    applyLineItemUpdate(lineItem, update, charges) {
         if (lineItem.id !== update.id) {
             return false;
         }
@@ -919,7 +813,7 @@ class FlowUpdateService {
                 break;
             case 'PRICE_ADJUSTMENT':
                 {
-                    const [charge] = lineItem.chargeItems;
+                    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;
                     }
@@ -927,7 +821,7 @@ class FlowUpdateService {
                 break;
             case 'LIST_PRICE_ADJUSTMENT':
                 {
-                    const [charge] = lineItem.chargeItems;
+                    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;
                     }
@@ -971,9 +865,9 @@ class FlowUpdateService {
         return true;
     }
 }
-FlowUpdateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FlowUpdateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FlowUpdateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FlowUpdateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FlowUpdateService, decorators: [{
+FlowUpdateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FlowUpdateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FlowUpdateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FlowUpdateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FlowUpdateService, decorators: [{
             type: Injectable
         }] });
 
@@ -993,7 +887,7 @@ class FlowConfigurationService {
                 .slice()
                 .sort((a, b) => initialStateIds.indexOf(a.integrationId) - initialStateIds.indexOf(b.integrationId));
             this.quoteDraftService.updateQuoteDraft(result);
-        }), map$1(noop));
+        }), map$2(noop));
     }
     calculate(quoteDraft) {
         this.calculate$(quoteDraft).subscribe();
@@ -1003,11 +897,11 @@ class FlowConfigurationService {
         if (!quoteDraft) {
             return of(null);
         }
-        return of([]).pipe(map$1(() => {
+        return of([]).pipe(map$2(() => {
             const updatedState = cloneDeep(quoteDraft.currentState);
-            this.updateService.update(updatedState, updates);
+            this.updateService.update(updatedState, updates, quoteDraft.charges);
             return updatedState;
-        }), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        }), 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();
@@ -1026,7 +920,7 @@ class FlowConfigurationService {
         updatedState.splice(currentLineItemIndex, 1, initialLineItem);
         return of([]).pipe(tap$1(() => {
             this.quoteDraftService.setCurrentLineItemState(updatedState);
-        }), switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        }), switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
     }
     revert(lineItemId) {
         this.revert$(lineItemId).subscribe();
@@ -1037,7 +931,7 @@ class FlowConfigurationService {
         if (!quoteDraft) {
             return of(null);
         }
-        return of([]).pipe(map$1(() => ids.reduce((result, id) => this.updateService.delete(result, id), currentState)), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        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());
     }
     delete(ids) {
         this.delete$(ids).subscribe();
@@ -1048,36 +942,36 @@ class FlowConfigurationService {
             return of(null);
         }
         const updatedState = [...quoteDraft.currentState, term];
-        return of([]).pipe(switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        return of([]).pipe(switchMap$1(() => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$2(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
     }
     addToCart$(productId, qty) {
         const quoteDraft = this.quoteDraftService.quoteDraft;
         if (!quoteDraft) {
             return of(null);
         }
-        return this.configurationService.configureExternal$(productId, qty).pipe(map$1(lineItem => {
+        return this.configurationService.configureExternal$(productId, qty).pipe(map$2(lineItem => {
             var _a, _b;
             const model = this.configurationService.getRuntimeModel();
             const split = (_b = (_a = model === null || model === void 0 ? void 0 : model.types.find(type => type.name === lineItem.type)) === null || _a === void 0 ? void 0 : _a.split) !== null && _b !== void 0 ? _b : false;
             const lineItems = multiplyLineItems(lineItem, qty !== null && qty !== void 0 ? qty : 1, split);
             return [...quoteDraft.currentState, ...lineItems];
-        }), switchMap$1(updatedState => this.calculate$(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedState }))), map$1(() => this.quoteDraftService.quoteDraft), this.handleErrorAndBounceBack());
+        }), 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$1(() => this.quoteDraftService.activeCurrentState), shareReplay$1());
+        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$1(({ charges }) => charges));
+        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ charges }) => charges));
     }
     get pricePlans$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ pricePlans }) => pricePlans));
+        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ pricePlans }) => pricePlans));
     }
     get activeMetrics$() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(({ activeMetrics }) => activeMetrics));
+        return this.quoteDraftService.quoteDraft$.pipe(map$2(({ activeMetrics }) => activeMetrics));
     }
     get chargesSnapshot() {
         var _a, _b;
@@ -1099,7 +993,7 @@ class FlowConfigurationService {
     }
     handleErrorAndBounceBack() {
         return (source$) => {
-            return source$.pipe(catchError(error => {
+            return source$.pipe(catchError$1(error => {
                 console.error(error);
                 // bounce back if configuration call has failed
                 const quoteDraft = this.quoteDraftService.quoteDraft;
@@ -1111,18 +1005,18 @@ class FlowConfigurationService {
         };
     }
 }
-FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", 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: "12.2.15", ngImport: i0, type: FlowConfigurationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FlowConfigurationService, decorators: [{
+FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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: "12.2.17", ngImport: i0, type: FlowConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FlowConfigurationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }]; } });
 
 class FlowConfigurationModule {
 }
-FlowConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FlowConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FlowConfigurationModule });
-FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService, PriceApiService], imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: FlowConfigurationModule, decorators: [{
+FlowConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FlowConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FlowConfigurationModule });
+FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService, PriceApiService], imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FlowConfigurationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -1132,9 +1026,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
 
 class ConfigurationModule {
 }
-ConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationModule, imports: [ConfirmationDialogModule] });
-ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationModule, providers: [
+ConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationModule, imports: [ConfirmationDialogModule] });
+ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationModule, providers: [
         ContextApiService,
         ProductModelApiService,
         ConfigurationApiService,
@@ -1142,7 +1036,7 @@ ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
         RuntimeContextService,
         ConfigurationService,
     ], imports: [[ConfirmationDialogModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigurationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ConfirmationDialogModule],
@@ -1157,12 +1051,155 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                 }]
         }] });
 
+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 {
+    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);
+        });
+    }
+    get onMetricsUpdate$() {
+        return this.metricsUpdated$.asObservable();
+    }
+    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: "12.2.17", 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: "12.2.17", ngImport: i0, type: MetricsCalculationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", 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: "12.2.17", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ProductImagesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ProductImagesService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.ProductApiService }]; } });
+
 class SdkCoreModule {
 }
-SdkCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SdkCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdkCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SdkCoreModule, imports: [ConfigurationModule, FlowConfigurationModule] });
-SdkCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SdkCoreModule, providers: [ContextService, QuoteDraftService, ProductImagesService, MetricsCalculationService], imports: [[ConfigurationModule, FlowConfigurationModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SdkCoreModule, decorators: [{
+SdkCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SdkCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdkCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SdkCoreModule, imports: [ConfigurationModule, FlowConfigurationModule] });
+SdkCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SdkCoreModule, providers: [ContextService, QuoteDraftService, ProductImagesService, MetricsCalculationService], imports: [[ConfigurationModule, FlowConfigurationModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SdkCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ConfigurationModule, FlowConfigurationModule],
@@ -1174,5 +1211,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConfigurationRuntimeService, ConfigurationService, ContextService, FlowConfigurationModule, FlowConfigurationService, FlowUpdateService, LineItemWorker, MetricsCalculationService, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeStep, SdkCoreModule, findLineItem, findLineItemWithComparator, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getRecommendedPrices, insertLineItem, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, removeLineItem, replaceLineItem, upsertAttributes };
+export { ConfigurationRuntimeService, ConfigurationService, ContextService, FlowConfigurationModule, FlowConfigurationService, FlowUpdateService, LineItemWorker, MetricsCalculationService, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeStep, SdkCoreModule, UI_DEFINITION_VERSION, calculateCardinalityVariables, extractMetadata, findLineItem, findLineItemWithComparator, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getRecommendedPrices, insertLineItem, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
 //# sourceMappingURL=veloceapps-sdk-core.js.map