@veloceapps/sdk 6.0.0-2 → 6.0.0-20

package/bundles/veloceapps-sdk-core.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@veloceapps/core'), require('rxjs'), require('rxjs/operators'), require('@veloceapps/api'), require('lodash'), require('@veloceapps/components'), require('primeng/api'), require('primeng/dynamicdialog'), require('moment')) :
     typeof define === 'function' && define.amd ? define('@veloceapps/sdk/core', ['exports', '@angular/core', '@veloceapps/core', 'rxjs', 'rxjs/operators', '@veloceapps/api', 'lodash', '@veloceapps/components', 'primeng/api', 'primeng/dynamicdialog', 'moment'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.veloceapps = global.veloceapps || {}, global.veloceapps.sdk = global.veloceapps.sdk || {}, global.veloceapps.sdk.core = {}), global.ng.core, global["@veloceapps/core"], global.rxjs, global.rxjs.operators, global["@veloceapps/api"], global.lodash, global["@veloceapps/components"], global["primeng/api"], global["primeng/dynamicdialog"], global.moment));
-})(this, (function (exports, i0, core, rxjs, operators, i1, lodash, components, i4, i5, moment) { 'use strict';
+})(this, (function (exports, i0, core, rxjs, operators, i1, lodash, components, i5, i6, moment) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,8 +26,8 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
     var getDefaultLineItem = function (context, uiDefinitionProperties, qty) {
@@ -40,7 +40,7 @@
         return lineItem;
     };
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -107,6 +107,64 @@
     function __param(paramIndex, decorator) {
         return function (target, key) { decorator(target, key, paramIndex); };
     }
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function")
+            throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn)
+                context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access)
+                context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done)
+                throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0)
+                    continue;
+                if (result === null || typeof result !== "object")
+                    throw new TypeError("Object expected");
+                if (_ = accept(result.get))
+                    descriptor.get = _;
+                if (_ = accept(result.set))
+                    descriptor.set = _;
+                if (_ = accept(result.init))
+                    initializers.push(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field")
+                    initializers.push(_);
+                else
+                    descriptor[key] = _;
+            }
+        }
+        if (target)
+            Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    }
+    ;
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    }
+    ;
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    }
+    ;
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol")
+            name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    }
+    ;
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
             return Reflect.metadata(metadataKey, metadataValue);
@@ -138,7 +196,7 @@
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (_)
+            while (g && (g = 0, op[0] && (_ = 0)), _)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -202,7 +260,11 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -302,7 +364,7 @@
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
     }
     function __asyncValues(o) {
         if (!Symbol.asyncIterator)
@@ -357,6 +419,11 @@
             throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
+    }
 
     exports.RuntimeMode = void 0;
     (function (RuntimeMode) {
@@ -416,147 +483,416 @@
         };
         return ContextService;
     }());
-    ContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ContextService, deps: [{ token: i1__namespace.ContextApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ContextService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ContextService, decorators: [{
+    ContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ContextService, deps: [{ token: i1__namespace.ContextApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ContextService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ContextService, decorators: [{
                 type: i0.Injectable,
                 args: [{ providedIn: 'root' }]
             }], ctorParameters: function () { return [{ type: i1__namespace.ContextApiService }]; } });
 
-    function calculateMetricByMethod(lineItems, metric, method) {
-        var items = getLineItemsByMethod(lineItems, method);
-        return items.reduce(function (acc, li) {
-            var value = li.reduce(function (accProduct, item) { return 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(function (li) { return !li.rampInstanceId; }).map(function (item) { return [item]; });
-            }
-            case 'last': {
-                var rootTermItems = lineItems.filter(function (li) { return !li.rampInstanceId; });
-                var products = rootTermItems.map(function (lineItem) { return __spreadArray([
-                    lineItem
-                ], __read(lineItems.filter(function (li) { return li.rampInstanceId === lineItem.id; }))); });
-                return products
-                    .map(function (items) { return __spreadArray([], __read(items)).sort(function (a, b) { return getDateValue(a.endDate || '') - getDateValue(b.endDate || ''); }).pop(); })
-                    .filter(function (li) { return Boolean(li); })
-                    .map(function (item) { return [item]; });
-            }
-            case 'avg': {
-                var rootTermItems = lineItems.filter(function (li) { return !li.rampInstanceId; });
-                return rootTermItems.map(function (lineItem) { return __spreadArray([lineItem], __read(lineItems.filter(function (li) { return li.rampInstanceId === lineItem.id; }))); });
-            }
-            case 'sum': {
-                return lineItems.map(function (item) { return [item]; });
+    var RuntimeContextService = /** @class */ (function () {
+        function RuntimeContextService(configurationApiService) {
+            this.configurationApiService = configurationApiService;
+        }
+        RuntimeContextService.prototype.getRuntimeContext = function (productId, offeringId) {
+            var _this = this;
+            return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(operators.map(function (runtimeData) {
+                var _a, _b, _c;
+                var uiDefinition = _this.getUIDefinition(runtimeData);
+                var runtimeModel = core.RuntimeModel.create(runtimeData.types, runtimeData.products);
+                var _d = (_a = Array.from(runtimeModel.components.values()).find(function (c) { return c.productId === productId; })) !== null && _a !== void 0 ? _a : {}, productName = _d.productName, properties = _d.properties;
+                return {
+                    modelId: runtimeData.modelId,
+                    uiDefinition: uiDefinition,
+                    runtimeModel: runtimeModel,
+                    runtimeMode: exports.RuntimeMode.PROD,
+                    productId: productId,
+                    productType: (properties === null || properties === void 0 ? void 0 : properties.displayName) || productName,
+                    offeringId: offeringId,
+                    properties: {
+                        PricingEnabled: ((_b = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _b === void 0 ? void 0 : _b.pricingEnabled) ? 'true' : 'false',
+                        PriceListId: (_c = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _c === void 0 ? void 0 : _c.priceList,
+                    },
+                };
+            }));
+        };
+        RuntimeContextService.prototype.getUIDefinition = function (runtimeData) {
+            var _a;
+            var rawUiDefinitions;
+            try {
+                rawUiDefinitions = JSON.parse(runtimeData.uiDefinitionsSource);
             }
-            default: {
-                return lineItems.map(function (item) { return [item]; });
+            catch (e) {
+                return;
             }
-        }
-    }
-    function getDateValue(date) {
-        return date ? new Date(date).getTime() : 0;
-    }
+            var uiDefinitions = rawUiDefinitions.filter(function (uiDef) { return uiDef.version; });
+            var uiDefinition = (_a = uiDefinitions.find(function (uiDef) { return uiDef.primary; })) !== null && _a !== void 0 ? _a : uiDefinitions[0];
+            return uiDefinition;
+        };
+        return RuntimeContextService;
+    }());
+    RuntimeContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RuntimeContextService, deps: [{ token: i1__namespace.ConfigurationApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RuntimeContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RuntimeContextService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RuntimeContextService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }]; } });
 
-    var QuoteDraftService = /** @class */ (function () {
-        function QuoteDraftService(context, quoteApiService, priceApiService) {
-            var _this = this;
-            this.context = context;
-            this.quoteApiService = quoteApiService;
-            this.priceApiService = priceApiService;
-            this.quoteSubj$ = new rxjs.BehaviorSubject(null);
-            this.resetSubj$ = new rxjs.BehaviorSubject(true);
-            this.isInitializedSubj$ = new rxjs.BehaviorSubject(false);
-            this.initialCurrentState = [];
-            this._hasUnsavedChanges = false;
-            this.allPriceLists = [];
-            this.assetPriceLists = [];
-            this.reset$ = this.resetSubj$.asObservable();
-            this.activePriceList$ = this.context.resolve$().pipe(operators.map(function (ctx) { return _this.allPriceLists.find(function (priceList) { return priceList.id === ctx.properties.PriceListId; }); }), operators.map(function (priceList) { return priceList !== null && priceList !== void 0 ? priceList : null; }));
-            this.isInitializedSubj$
-                .pipe(operators.filter(function (isInitialized) { return isInitialized; }), operators.switchMap(function () { return _this.quoteSubj$.asObservable(); }), operators.skip(1), operators.tap(function (quote) { return _this.markAsUpdated(quote); }))
-                .subscribe();
+    var ConfigurationRuntimeService = /** @class */ (function () {
+        function ConfigurationRuntimeService(apiService, contextService, runtimeContextService) {
+            this.apiService = apiService;
+            this.contextService = contextService;
+            this.runtimeContextService = runtimeContextService;
+            this._isInitialized = false;
+            this.uiDefinitionProperties = {};
         }
-        Object.defineProperty(QuoteDraftService.prototype, "isInitialized", {
-            get: function () {
-                return this.isInitializedSubj$.getValue();
-            },
-            set: function (value) {
-                if (this.isInitialized !== value) {
-                    this.isInitializedSubj$.next(value);
+        ConfigurationRuntimeService.prototype.reset = function () {
+            this._isInitialized = false;
+            this._runtimeContext = undefined;
+            this._assets = undefined;
+            this.initializationProps = undefined;
+            this.uiDefinitionProperties = {};
+        };
+        ConfigurationRuntimeService.prototype.initTestMode = function (modelId, uiDefinition) {
+            var _this = this;
+            var _a, _b;
+            this.uiDefinitionProperties = (_a = uiDefinition.properties) !== null && _a !== void 0 ? _a : {};
+            var uiDefinitionExternals = (_b = uiDefinition.externals) !== null && _b !== void 0 ? _b : {};
+            return rxjs.combineLatest([
+                this.apiService.getRuntimeDataByModelId(modelId),
+                this.contextService.create('TestId', core.ConfigurationContextMode.TEST),
+            ]).pipe(operators.first(), operators.tap(function (_e) {
+                var _f = __read(_e, 2), runtimeData = _f[0], context = _f[1];
+                var _a;
+                _this._runtimeContext = {
+                    modelId: modelId,
+                    runtimeModel: core.RuntimeModel.create(runtimeData.types, runtimeData.products),
+                    runtimeMode: exports.RuntimeMode.TEST,
+                };
+                _this.contextService.update({
+                    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, (_a = _this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), context.properties), { ModelId: modelId, RuntimeMode: core.ConfigurationContextMode.TEST, PricingEnabled: _this.uiDefinitionProperties.pricingEnabled ? 'true' : 'false', StartDate: new Date().toISOString().substring(0, 10), PriceListId: _this.uiDefinitionProperties.priceList, standalone: 'true' }), uiDefinitionExternals),
+                });
+                _this._isInitialized = true;
+            }));
+        };
+        ConfigurationRuntimeService.prototype.init = function (props) {
+            var _this = this;
+            this.initializationProps = props;
+            this._assets = props.assets;
+            var context = this.contextService.resolve();
+            return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(operators.tap(function (runtimeContext) {
+                var _a, _b, _c, _d;
+                _this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {};
+                var PriceListId = ((_c = context.properties) !== null && _c !== void 0 ? _c : {}).PriceListId;
+                var mergeContext = Object.assign(Object.assign({}, runtimeContext), { properties: Object.assign(Object.assign(Object.assign({}, runtimeContext.properties), context.properties), { PricingEnabled: PriceListId ? 'true' : 'false' }) });
+                _this.id15to18('AccountId', mergeContext.properties);
+                _this._runtimeContext = mergeContext;
+                if (context.properties && ((_d = _this._runtimeContext.properties) === null || _d === void 0 ? void 0 : _d.StartDate)) {
+                    _this.contextService.update({
+                        properties: Object.assign(Object.assign({}, _this._runtimeContext.properties), context.properties),
+                    });
                 }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "hasUnsavedChanges", {
+                _this._isInitialized = true;
+            }));
+        };
+        ConfigurationRuntimeService.prototype.id15to18 = function (propertyName, source) {
+            if (!source) {
+                return;
+            }
+            var value = source[propertyName];
+            if (typeof value === 'string' && value.length === 15) {
+                source[propertyName] = core.SalesforceIdUtils.generateId18FromId15(value);
+            }
+        };
+        ConfigurationRuntimeService.prototype.getAsset = function (lineItem) {
+            return this._assets && this._assets.find(function (a) { return a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId; });
+        };
+        Object.defineProperty(ConfigurationRuntimeService.prototype, "isInitialized", {
             get: function () {
-                return this._hasUnsavedChanges;
-            },
-            set: function (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 : [];
-                }
+                return this._isInitialized;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(QuoteDraftService.prototype, "hasAssets$", {
+        Object.defineProperty(ConfigurationRuntimeService.prototype, "runtimeModel", {
             get: function () {
-                var _this = this;
-                return this.quoteSubj$.pipe(operators.map(function () { return _this.hasAssets; }));
+                var _a;
+                return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(QuoteDraftService.prototype, "hasAssets", {
+        Object.defineProperty(ConfigurationRuntimeService.prototype, "runtimeContext", {
             get: function () {
-                var quoteDraft = this.quoteSubj$.value;
-                return Boolean(quoteDraft && quoteDraft.currentState.length > 0);
+                return this._runtimeContext;
             },
             enumerable: false,
             configurable: true
         });
-        QuoteDraftService.prototype.reset = function () {
-            this.resetSubj$.next(true);
-            this.quoteSubj$.next(null);
-            this.hasUnsavedChanges = false;
-        };
-        QuoteDraftService.prototype.init = function (quoteId, params) {
-            var _this = this;
-            return rxjs.zip(this.quoteApiService.getQuoteDraft(quoteId, params), this.priceApiService.getPriceLists()).pipe(operators.tap(function (_c) {
-                var _d = __read(_c, 2), quote = _d[0], allPriceLists = _d[1];
-                _this.allPriceLists = allPriceLists;
-                _this.quoteSubj$.next(quote);
-                _this.context.update(quote.context);
-                _this.populateActivePriceLists$();
-            }), operators.map(function () { return rxjs.noop(); }), operators.take(1));
-        };
-        QuoteDraftService.prototype.setCurrentLineItemState = function (lineItems) {
-            var quoteDraft = this.quoteSubj$.value;
-            if (!quoteDraft) {
-                return;
-            }
-            this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: lineItems }));
-        };
-        QuoteDraftService.prototype.updateQuoteDraft = function (update) {
-            var quoteDraft = this.quoteSubj$.value;
-            if (!quoteDraft) {
-                return;
-            }
-            if (update.context) {
-                this.context.set(update.context);
+        return ConfigurationRuntimeService;
+    }());
+    ConfigurationRuntimeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationRuntimeService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: ContextService }, { token: RuntimeContextService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ConfigurationRuntimeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationRuntimeService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationRuntimeService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }, { type: ContextService }, { type: RuntimeContextService }]; } });
+
+    var findLineItem = function (id, lineItems) {
+        return findLineItemWithComparator(lineItems, function (li) { return li.id === id; });
+    };
+    var findLineItemWithComparator = function (lineItems, comparator) {
+        var currentLevel = lineItems;
+        while (currentLevel.length) {
+            var found = currentLevel.find(comparator);
+            if (found) {
+                return found;
             }
-            this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), update));
-        };
+            currentLevel = lodash.flatten(currentLevel.map(function (parent) { return parent.lineItems; }));
+        }
+        return;
+    };
+    var insertLineItem = function (lineItem, parentId, toInsert) {
+        var insertData = lineItem.id === parentId ? [toInsert] : [];
+        return Object.assign(Object.assign({}, lineItem), { lineItems: __spreadArray(__spreadArray([], __read(insertData)), __read(lineItem.lineItems.map(function (li) {
+                return insertLineItem(li, parentId, toInsert);
+            }))) });
+    };
+    var removeLineItem = function (lineItem, idToRemove) {
+        return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems
+                .map(function (li) {
+                if (li.id === idToRemove) {
+                    return;
+                }
+                else if (li.lineItems.length) {
+                    return removeLineItem(li, idToRemove);
+                }
+                return li;
+            })
+                .filter(function (r) { return !!r; }) });
+    };
+    var replaceLineItem = function (lineItem, replaceTo) {
+        if (lineItem.id === replaceTo.id) {
+            return Object.assign({}, replaceTo);
+        }
+        return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(function (li) {
+                if (li.id === replaceTo.id) {
+                    return replaceTo;
+                }
+                else if (li.lineItems.length) {
+                    return replaceLineItem(li, replaceTo);
+                }
+                return li;
+            }) });
+    };
+    var mapAttributes = function (attributes) {
+        return attributes.reduce(function (acc, _c) {
+            var _d;
+            var name = _c.name, value = _c.value;
+            return (Object.assign(Object.assign({}, acc), (_d = {}, _d[name] = value, _d)));
+        }, {});
+    };
+    var getAttributes = function (attributes, names) {
+        if (names === void 0) { names = []; }
+        var filtered = attributes.filter(function (_c) {
+            var name = _c.name;
+            return names.includes(name);
+        });
+        return lodash.sortBy(filtered, [function (_c) {
+                var name = _c.name;
+                return names.indexOf(name);
+            }]);
+    };
+    var upsertAttributes = function (originalAttributes, attributesToUpsert) {
+        return attributesToUpsert.reduce(function (acc, _c) {
+            var name = _c.name, value = _c.value;
+            var _d = __read(getAttributes(acc, [name]), 1), origAttr = _d[0];
+            return __spreadArray(__spreadArray([], __read(acc.filter(function (attr) { return attr.name !== name; }))), [
+                Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? origAttr : { name: name })), { cfgStatus: 'User', value: value }),
+            ]);
+        }, originalAttributes);
+    };
+    var patchAttributes = function (rootLineItem, id, attrs) {
+        var lineItem = findLineItem(id, [rootLineItem]);
+        if (!lineItem) {
+            return rootLineItem;
+        }
+        var attributes = upsertAttributes(lineItem.attributes, attrs);
+        return replaceLineItem(rootLineItem, Object.assign(Object.assign({}, lineItem), { attributes: attributes }));
+    };
+    var getAttributeValue = function (attributes, name) { var _a; return (_a = attributes.find(function (attr) { return attr.name === name; })) === null || _a === void 0 ? void 0 : _a.value; };
+    var generateLineItem = function (port, type, parentId, attributes, lineItems) {
+        if (attributes === void 0) { attributes = []; }
+        if (lineItems === void 0) { lineItems = []; }
+        return {
+            id: core.UUID.UUID(),
+            port: port,
+            type: type,
+            actionCode: 'ADD',
+            cfgStatus: 'New',
+            attributes: attributes.map(function (_c) {
+                var name = _c.name, value = _c.value;
+                return ({ cfgStatus: 'User', name: name, value: value });
+            }),
+            lineItems: lineItems,
+            parentId: parentId,
+            qty: 1,
+        };
+    };
+    var getRecommendedPrices = function (portDomain, type) {
+        var _a, _b;
+        var domainType = portDomain.domainTypes.find(function (_c) {
+            var name = _c.name;
+            return name === type;
+        });
+        var _c = __read((_b = (_a = domainType === null || domainType === void 0 ? void 0 : domainType.recommendedPrices) === null || _a === void 0 ? void 0 : _a.filter(function (_c) {
+            var chargeMethod = _c.chargeMethod;
+            return chargeMethod === 'ONE_TIME';
+        }).reduce(function (acc, rp) {
+            var _c = __read(acc, 2), netPrice = _c[0], listPrice = _c[1];
+            return [netPrice + rp.netPrice, listPrice + rp.listPrice];
+        }, [0, 0])) !== null && _b !== void 0 ? _b : [0, 0], 2), net = _c[0], list = _c[1];
+        return { net: net, list: list };
+    };
+    var multiplyLineItems = function (lineItem, qty, split) {
+        if (split) {
+            var unifyIds_1 = function (lineItem) { return (Object.assign(Object.assign({}, lineItem), { id: core.UUID.UUID(), lineItems: lineItem.lineItems.map(unifyIds_1) })); };
+            return lodash.map(new Array(qty), function () { return unifyIds_1(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,
+        mapAttributes: mapAttributes,
+        getAttributes: getAttributes,
+        upsertAttributes: upsertAttributes,
+        patchAttributes: patchAttributes,
+        getAttributeValue: getAttributeValue,
+        generateLineItem: generateLineItem,
+        getRecommendedPrices: getRecommendedPrices,
+        multiplyLineItems: multiplyLineItems
+    });
+
+    var LineItemWorker = /** @class */ (function () {
+        function LineItemWorker(src) {
+            this.li = Object.assign({}, src);
+        }
+        LineItemWorker.prototype.insert = function (parentId, toInsert) {
+            return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+        };
+        LineItemWorker.prototype.remove = function (id) {
+            return new LineItemWorker(removeLineItem(this.li, id));
+        };
+        LineItemWorker.prototype.replace = function (toReplace) {
+            return new LineItemWorker(replaceLineItem(this.li, toReplace));
+        };
+        LineItemWorker.prototype.patchAttribute = function (attrs, id) {
+            return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs));
+        };
+        return LineItemWorker;
+    }());
+
+    var QuoteDraftService = /** @class */ (function () {
+        function QuoteDraftService(context, quoteApiService, priceApiService) {
+            var _this = this;
+            this.context = context;
+            this.quoteApiService = quoteApiService;
+            this.priceApiService = priceApiService;
+            this.quoteSubj$ = new rxjs.BehaviorSubject(null);
+            this.resetSubj$ = new rxjs.BehaviorSubject(true);
+            this.isInitializedSubj$ = new rxjs.BehaviorSubject(false);
+            this.initialCurrentState = [];
+            this._hasUnsavedChanges = false;
+            this.allPriceLists = [];
+            this.assetPriceLists = [];
+            this.reset$ = this.resetSubj$.asObservable();
+            this.activePriceList$ = this.context.resolve$().pipe(operators.map(function (ctx) { return _this.allPriceLists.find(function (priceList) { return priceList.id === ctx.properties.PriceListId; }); }), operators.map(function (priceList) { return priceList !== null && priceList !== void 0 ? priceList : null; }));
+            this.isInitializedSubj$
+                .pipe(operators.filter(function (isInitialized) { return isInitialized; }), operators.switchMap(function () { return _this.quoteSubj$.asObservable(); }), operators.skip(1), operators.tap(function (quote) { return _this.markAsUpdated(quote); }))
+                .subscribe();
+        }
+        Object.defineProperty(QuoteDraftService.prototype, "isInitialized", {
+            get: function () {
+                return this.isInitializedSubj$.getValue();
+            },
+            set: function (value) {
+                if (this.isInitialized !== value) {
+                    this.isInitializedSubj$.next(value);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "hasUnsavedChanges", {
+            get: function () {
+                return this._hasUnsavedChanges;
+            },
+            set: function (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 : [];
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "hasAssets$", {
+            get: function () {
+                var _this = this;
+                return this.quoteSubj$.pipe(operators.map(function () { return _this.hasAssets; }));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "hasAssets", {
+            get: function () {
+                var quoteDraft = this.quoteSubj$.value;
+                return Boolean(quoteDraft && quoteDraft.currentState.length > 0);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        QuoteDraftService.prototype.reset = function () {
+            this.resetSubj$.next(true);
+            this.quoteSubj$.next(null);
+            this.hasUnsavedChanges = false;
+        };
+        QuoteDraftService.prototype.init = function (quoteId, params) {
+            var _this = this;
+            return rxjs.zip(this.quoteApiService.getQuoteDraft(quoteId, params), this.priceApiService.getPriceLists()).pipe(operators.tap(function (_c) {
+                var _d = __read(_c, 2), quote = _d[0], allPriceLists = _d[1];
+                _this.allPriceLists = allPriceLists;
+                _this.quoteSubj$.next(quote);
+                _this.context.update(quote.context);
+                _this.populateActivePriceLists$();
+            }), operators.map(function () { return rxjs.noop(); }), operators.take(1));
+        };
+        QuoteDraftService.prototype.setCurrentLineItemState = function (lineItems) {
+            var quoteDraft = this.quoteSubj$.value;
+            if (!quoteDraft) {
+                return;
+            }
+            this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: lineItems }));
+        };
+        QuoteDraftService.prototype.updateQuoteDraft = function (update) {
+            var quoteDraft = this.quoteSubj$.value;
+            if (!quoteDraft) {
+                return;
+            }
+            if (update.context) {
+                this.context.set(update.context);
+            }
+            this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), update));
+        };
         QuoteDraftService.prototype.updateByPriceSummary = function (priceSummary) {
             var quoteDraft = this.quoteSubj$.value;
             if (!quoteDraft) {
@@ -691,483 +1027,60 @@
             if (context.mode === core.ConfigurationContextMode.ACCOUNT) {
                 return true;
             }
-            if (context.mode === core.ConfigurationContextMode.QUOTE) {
-                return context.properties.Status === 'Draft';
-            }
-            return false;
-        };
-        QuoteDraftService.prototype.updateActivePriceList = function (priceListId) {
-            this.context.update({ properties: { PriceListId: priceListId } });
-        };
-        QuoteDraftService.prototype.populateActivePriceLists$ = function () {
-            var _this = this;
-            var ctx = this.context.resolve();
-            var quoteDraft = this.quoteDraft;
-            if (!quoteDraft) {
-                return;
-            }
-            // In ACCOUNT mode populate price lists from related assets
-            if (ctx.mode === core.ConfigurationContextMode.ACCOUNT) {
-                // Populate list of price lists
-                this.assetPriceLists = quoteDraft.currentState
-                    .map(function (_c) {
-                    var priceListId = _c.priceListId;
-                    return priceListId;
-                })
-                    .reduce(function (trunk, priceListId) {
-                    var _a, _b;
-                    if (!priceListId || trunk.some(function (item) { return item.id === priceListId; })) {
-                        return trunk;
-                    }
-                    return __spreadArray(__spreadArray([], __read(trunk)), [
-                        { id: priceListId, name: (_b = (_a = _this.allPriceLists.find(function (item) { return item.id === priceListId; })) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '' },
-                    ]);
-                }, []);
-            }
-        };
-        QuoteDraftService.prototype.filterByActivePriceList = function (lineItems) {
-            var ctx = this.context.resolve();
-            return lineItems.filter(function (li) { return !li.priceListId || li.priceListId === ctx.properties.PriceListId; });
-        };
-        QuoteDraftService.prototype.markAsUpdated = function (quote) {
-            if ((quote === null || quote === void 0 ? void 0 : quote.context.properties.mode) === core.ConfigurationContextMode.ACCOUNT) {
-                this.hasUnsavedChanges = !!quote && !quote.currentState.every(function (li) { return li.actionCode === 'EXIST'; });
-            }
-            else {
-                this.hasUnsavedChanges = !lodash.isEqual(this.initialCurrentState, quote === null || quote === void 0 ? void 0 : quote.currentState);
-            }
-        };
-        return QuoteDraftService;
-    }());
-    QuoteDraftService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: QuoteDraftService, deps: [{ token: ContextService }, { token: i1__namespace.QuoteApiService }, { token: i1__namespace.PriceApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    QuoteDraftService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: QuoteDraftService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: QuoteDraftService, decorators: [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], ctorParameters: function () { return [{ type: ContextService }, { type: i1__namespace.QuoteApiService }, { type: i1__namespace.PriceApiService }]; } });
-
-    var MetricsCalculationService = /** @class */ (function () {
-        function MetricsCalculationService(quoteDraftService, settingsService) {
-            var _this = this;
-            this.quoteDraftService = quoteDraftService;
-            this.settingsService = settingsService;
-            this.metricsUpdated$ = new rxjs.Subject();
-            this.quoteMetricsSettings = {};
-            this.metricsCalculationMethodMap = {};
-            this.metricsData = {};
-            rxjs.combineLatest([
-                this.quoteDraftService.currentState$,
-                this.settingsService.fetchSetting('QUOTE_LEVEL_METRIC_CALCULATION_METHOD').pipe(rxjs.take(1)),
-            ]).subscribe(function (_a) {
-                var _b = __read(_a, 2), lineItems = _b[0], setting = _b[1];
-                var settingsData = {};
-                try {
-                    settingsData = JSON.parse((setting === null || setting === void 0 ? void 0 : setting.value) || '{}');
-                }
-                catch (error) {
-                    settingsData = {};
-                }
-                _this.quoteMetricsSettings = settingsData;
-                _this.updateMetrics(lineItems);
-            });
-        }
-        Object.defineProperty(MetricsCalculationService.prototype, "onMetricsUpdate$", {
-            get: function () {
-                return this.metricsUpdated$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MetricsCalculationService.prototype.getMetricValue = function (metric) {
-            return this.metricsData[metric] || 0;
-        };
-        MetricsCalculationService.prototype.updateMetrics = function (lineItems) {
-            var _this = this;
-            var metricKeys = this.collectMetricKeys(lineItems).filter(function (key) { return !key.includes('Effective_'); });
-            this.metricsCalculationMethodMap = this.buildMetricsCalculationMethods(metricKeys, this.metricsCalculationMethodMap);
-            this.metricsData = metricKeys.reduce(function (acc, key) {
-                var _a;
-                return (Object.assign(Object.assign({}, acc), (_a = {}, _a[key] = _this.calculateMetric(lineItems, key), _a)));
-            }, {});
-            this.metricsUpdated$.next();
-        };
-        MetricsCalculationService.prototype.calculateMetric = function (lineItems, metric) {
-            return calculateMetricByMethod(lineItems, metric, this.metricsCalculationMethodMap[metric] || 'sum');
-        };
-        MetricsCalculationService.prototype.buildMetricsCalculationMethods = function (metricKeys, initial) {
-            var _this = this;
-            return metricKeys.reduce(function (acc, name) {
-                var _a, _b;
-                if (acc[name]) {
-                    return acc;
-                }
-                acc = Object.assign(Object.assign({}, acc), (_a = {}, _a[name] = 'sum', _a));
-                var settingKey = name.replace(/VDM_|Total_/g, '');
-                if (_this.quoteMetricsSettings[settingKey]) {
-                    acc = Object.assign(Object.assign({}, acc), (_b = {}, _b[name] = _this.quoteMetricsSettings[settingKey], _b));
-                }
-                return acc;
-            }, initial);
-        };
-        MetricsCalculationService.prototype.collectMetricKeys = function (lineItems) {
-            var _this = this;
-            var keys = [];
-            lineItems.forEach(function (lineItem) {
-                keys.push.apply(keys, __spreadArray([], __read(Object.keys(lineItem.totalMetrics || {}))));
-                keys.push.apply(keys, __spreadArray([], __read(_this.collectMetricKeys(lineItem.lineItems))));
-            });
-            return lodash.uniq(keys);
-        };
-        return MetricsCalculationService;
-    }());
-    MetricsCalculationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MetricsCalculationService, deps: [{ token: QuoteDraftService }, { token: i1__namespace.ConfigurationSettingsApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    MetricsCalculationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MetricsCalculationService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MetricsCalculationService, decorators: [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: i1__namespace.ConfigurationSettingsApiService }]; } });
-
-    var ProductImagesService = /** @class */ (function () {
-        function ProductImagesService(productApiService) {
-            this.productApiService = productApiService;
-            this.imagesMap$ = new rxjs.BehaviorSubject({});
-        }
-        ProductImagesService.prototype.getImageUrl$ = function (productId) {
-            var _a;
-            if (this.imagesMap$.value[productId] == null) {
-                this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), (_a = {}, _a[productId] = '', _a)));
-                this.fetchProductImage(productId);
-            }
-            return this.imagesMap$.pipe(rxjs.map(function (imagesMap) { return imagesMap[productId]; }), rxjs.distinctUntilChanged());
-        };
-        ProductImagesService.prototype.fetchProductImage = function (productId) {
-            var _this = this;
-            this.productApiService
-                .fetchImage$(productId)
-                .pipe(rxjs.map(function (file) { return URL.createObjectURL(file); }), rxjs.catchError(function () { return rxjs.of(''); }), rxjs.tap(function (url) {
-                var _a;
-                return _this.imagesMap$.next(Object.assign(Object.assign({}, _this.imagesMap$.value), (_a = {}, _a[productId] = url, _a)));
-            }))
-                .subscribe();
-        };
-        return ProductImagesService;
-    }());
-    ProductImagesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ProductImagesService, deps: [{ token: i1__namespace.ProductApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ProductImagesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ProductImagesService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ProductImagesService, decorators: [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.ProductApiService }]; } });
-
-    var RuntimeContextService = /** @class */ (function () {
-        function RuntimeContextService(configurationApiService) {
-            this.configurationApiService = configurationApiService;
-        }
-        RuntimeContextService.prototype.getRuntimeContext = function (productId, offeringId) {
-            var _this = this;
-            return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(operators.map(function (runtimeData) {
-                var _a, _b, _c;
-                var uiDefinition = _this.getUIDefinition(runtimeData);
-                var runtimeModel = core.RuntimeModel.create(runtimeData.types, runtimeData.products);
-                var _d = (_a = Array.from(runtimeModel.components.values()).find(function (c) { return c.productId === productId; })) !== null && _a !== void 0 ? _a : {}, productName = _d.productName, properties = _d.properties;
-                return {
-                    modelId: runtimeData.modelId,
-                    uiDefinition: uiDefinition,
-                    runtimeModel: runtimeModel,
-                    runtimeMode: exports.RuntimeMode.PROD,
-                    productId: productId,
-                    productType: (properties === null || properties === void 0 ? void 0 : properties.displayName) || productName,
-                    offeringId: offeringId,
-                    properties: {
-                        PricingEnabled: ((_b = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _b === void 0 ? void 0 : _b.pricingEnabled) ? 'true' : 'false',
-                        PriceListId: (_c = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _c === void 0 ? void 0 : _c.priceList,
-                    },
-                };
-            }));
-        };
-        RuntimeContextService.prototype.getUIDefinition = function (runtimeData) {
-            var _a;
-            var rawUiDefinitions;
-            try {
-                rawUiDefinitions = JSON.parse(runtimeData.uiDefinitionsSource);
-            }
-            catch (e) {
-                return;
-            }
-            var uiDefinitions = rawUiDefinitions.filter(function (uiDef) { return uiDef.version; });
-            var uiDefinition = (_a = uiDefinitions.find(function (uiDef) { return uiDef.primary; })) !== null && _a !== void 0 ? _a : uiDefinitions[0];
-            return uiDefinition;
-        };
-        return RuntimeContextService;
-    }());
-    RuntimeContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService, deps: [{ token: i1__namespace.ConfigurationApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    RuntimeContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }]; } });
-
-    var ConfigurationRuntimeService = /** @class */ (function () {
-        function ConfigurationRuntimeService(apiService, contextService, runtimeContextService) {
-            this.apiService = apiService;
-            this.contextService = contextService;
-            this.runtimeContextService = runtimeContextService;
-            this._isInitialized = false;
-            this.uiDefinitionProperties = {};
-        }
-        ConfigurationRuntimeService.prototype.reset = function () {
-            this._isInitialized = false;
-            this._runtimeContext = undefined;
-            this._assets = undefined;
-            this.initializationProps = undefined;
-            this.uiDefinitionProperties = {};
-        };
-        ConfigurationRuntimeService.prototype.initTestMode = function (modelId, uiDefinition) {
-            var _this = this;
-            var _a, _b;
-            this.uiDefinitionProperties = (_a = uiDefinition.properties) !== null && _a !== void 0 ? _a : {};
-            var uiDefinitionExternals = (_b = uiDefinition.externals) !== null && _b !== void 0 ? _b : {};
-            return rxjs.combineLatest([
-                this.apiService.getRuntimeDataByModelId(modelId),
-                this.contextService.create('TestId', core.ConfigurationContextMode.TEST),
-            ]).pipe(operators.first(), operators.tap(function (_e) {
-                var _f = __read(_e, 2), runtimeData = _f[0], context = _f[1];
-                var _a;
-                _this._runtimeContext = {
-                    modelId: modelId,
-                    runtimeModel: core.RuntimeModel.create(runtimeData.types, runtimeData.products),
-                    runtimeMode: exports.RuntimeMode.TEST,
-                };
-                _this.contextService.update({
-                    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, (_a = _this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), context.properties), { ModelId: modelId, RuntimeMode: core.ConfigurationContextMode.TEST, PricingEnabled: _this.uiDefinitionProperties.pricingEnabled ? 'true' : 'false', StartDate: new Date().toISOString().substring(0, 10), PriceListId: _this.uiDefinitionProperties.priceList, standalone: 'true' }), uiDefinitionExternals),
-                });
-                _this._isInitialized = true;
-            }));
-        };
-        ConfigurationRuntimeService.prototype.init = function (props) {
-            var _this = this;
-            this.initializationProps = props;
-            this._assets = props.assets;
-            var context = this.contextService.resolve();
-            return this.runtimeContextService.getRuntimeContext(props.productId, props.offeringId).pipe(operators.tap(function (runtimeContext) {
-                var _a, _b, _c, _d;
-                _this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {};
-                var PriceListId = ((_c = context.properties) !== null && _c !== void 0 ? _c : {}).PriceListId;
-                var mergeContext = Object.assign(Object.assign({}, runtimeContext), { properties: Object.assign(Object.assign(Object.assign({}, runtimeContext.properties), context.properties), { PricingEnabled: PriceListId ? 'true' : 'false' }) });
-                _this.id15to18('AccountId', mergeContext.properties);
-                _this._runtimeContext = mergeContext;
-                if (context.properties && ((_d = _this._runtimeContext.properties) === null || _d === void 0 ? void 0 : _d.StartDate)) {
-                    _this.contextService.update({
-                        properties: Object.assign(Object.assign({}, _this._runtimeContext.properties), context.properties),
-                    });
-                }
-                _this._isInitialized = true;
-            }));
-        };
-        ConfigurationRuntimeService.prototype.id15to18 = function (propertyName, source) {
-            if (!source) {
-                return;
-            }
-            var value = source[propertyName];
-            if (typeof value === 'string' && value.length === 15) {
-                source[propertyName] = core.SalesforceIdUtils.generateId18FromId15(value);
-            }
-        };
-        ConfigurationRuntimeService.prototype.getAsset = function (lineItem) {
-            return this._assets && this._assets.find(function (a) { return a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId; });
-        };
-        Object.defineProperty(ConfigurationRuntimeService.prototype, "isInitialized", {
-            get: function () {
-                return this._isInitialized;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ConfigurationRuntimeService.prototype, "runtimeModel", {
-            get: function () {
-                var _a;
-                return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ConfigurationRuntimeService.prototype, "runtimeContext", {
-            get: function () {
-                return this._runtimeContext;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return ConfigurationRuntimeService;
-    }());
-    ConfigurationRuntimeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: ContextService }, { token: RuntimeContextService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ConfigurationRuntimeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }, { type: ContextService }, { type: RuntimeContextService }]; } });
-
-    var findLineItem = function (id, lineItems) {
-        return findLineItemWithComparator(lineItems, function (li) { return li.id === id; });
-    };
-    var findLineItemWithComparator = function (lineItems, comparator) {
-        var currentLevel = lineItems;
-        while (currentLevel.length) {
-            var found = currentLevel.find(comparator);
-            if (found) {
-                return found;
-            }
-            currentLevel = lodash.flatten(currentLevel.map(function (parent) { return parent.lineItems; }));
-        }
-        return;
-    };
-    var insertLineItem = function (lineItem, parentId, toInsert) {
-        var insertData = lineItem.id === parentId ? [toInsert] : [];
-        return Object.assign(Object.assign({}, lineItem), { lineItems: __spreadArray(__spreadArray([], __read(insertData)), __read(lineItem.lineItems.map(function (li) {
-                return insertLineItem(li, parentId, toInsert);
-            }))) });
-    };
-    var removeLineItem = function (lineItem, idToRemove) {
-        return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems
-                .map(function (li) {
-                if (li.id === idToRemove) {
-                    return;
-                }
-                else if (li.lineItems.length) {
-                    return removeLineItem(li, idToRemove);
-                }
-                return li;
-            })
-                .filter(function (r) { return !!r; }) });
-    };
-    var replaceLineItem = function (lineItem, replaceTo) {
-        if (lineItem.id === replaceTo.id) {
-            return Object.assign({}, replaceTo);
-        }
-        return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(function (li) {
-                if (li.id === replaceTo.id) {
-                    return replaceTo;
-                }
-                else if (li.lineItems.length) {
-                    return replaceLineItem(li, replaceTo);
-                }
-                return li;
-            }) });
-    };
-    var mapAttributes = function (attributes) {
-        return attributes.reduce(function (acc, _c) {
-            var _d;
-            var name = _c.name, value = _c.value;
-            return (Object.assign(Object.assign({}, acc), (_d = {}, _d[name] = value, _d)));
-        }, {});
-    };
-    var getAttributes = function (attributes, names) {
-        if (names === void 0) { names = []; }
-        var filtered = attributes.filter(function (_c) {
-            var name = _c.name;
-            return names.includes(name);
-        });
-        return lodash.sortBy(filtered, [function (_c) {
-                var name = _c.name;
-                return names.indexOf(name);
-            }]);
-    };
-    var upsertAttributes = function (originalAttributes, attributesToUpsert) {
-        return attributesToUpsert.reduce(function (acc, _c) {
-            var name = _c.name, value = _c.value;
-            var _d = __read(getAttributes(acc, [name]), 1), origAttr = _d[0];
-            return __spreadArray(__spreadArray([], __read(acc.filter(function (attr) { return attr.name !== name; }))), [
-                Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? origAttr : { name: name })), { cfgStatus: 'User', value: value }),
-            ]);
-        }, originalAttributes);
-    };
-    var patchAttributes = function (rootLineItem, id, attrs) {
-        var lineItem = findLineItem(id, [rootLineItem]);
-        if (!lineItem) {
-            return rootLineItem;
-        }
-        var attributes = upsertAttributes(lineItem.attributes, attrs);
-        return replaceLineItem(rootLineItem, Object.assign(Object.assign({}, lineItem), { attributes: attributes }));
-    };
-    var getAttributeValue = function (attributes, name) { var _a; return (_a = attributes.find(function (attr) { return attr.name === name; })) === null || _a === void 0 ? void 0 : _a.value; };
-    var generateLineItem = function (port, type, parentId, attributes, lineItems) {
-        if (attributes === void 0) { attributes = []; }
-        if (lineItems === void 0) { lineItems = []; }
-        return {
-            id: core.UUID.UUID(),
-            port: port,
-            type: type,
-            actionCode: 'ADD',
-            cfgStatus: 'New',
-            attributes: attributes.map(function (_c) {
-                var name = _c.name, value = _c.value;
-                return ({ cfgStatus: 'User', name: name, value: value });
-            }),
-            lineItems: lineItems,
-            parentId: parentId,
-            qty: 1,
+            if (context.mode === core.ConfigurationContextMode.QUOTE) {
+                return context.properties.Status === 'Draft';
+            }
+            return false;
         };
-    };
-    var getRecommendedPrices = function (portDomain, type) {
-        var _a, _b;
-        var domainType = portDomain.domainTypes.find(function (_c) {
-            var name = _c.name;
-            return name === type;
-        });
-        var _c = __read((_b = (_a = domainType === null || domainType === void 0 ? void 0 : domainType.recommendedPrices) === null || _a === void 0 ? void 0 : _a.filter(function (_c) {
-            var chargeMethod = _c.chargeMethod;
-            return chargeMethod === 'ONE_TIME';
-        }).reduce(function (acc, rp) {
-            var _c = __read(acc, 2), netPrice = _c[0], listPrice = _c[1];
-            return [netPrice + rp.netPrice, listPrice + rp.listPrice];
-        }, [0, 0])) !== null && _b !== void 0 ? _b : [0, 0], 2), net = _c[0], list = _c[1];
-        return { net: net, list: list };
-    };
-    var multiplyLineItems = function (lineItem, qty, split) {
-        if (split) {
-            var unifyIds_1 = function (lineItem) { return (Object.assign(Object.assign({}, lineItem), { id: core.UUID.UUID(), lineItems: lineItem.lineItems.map(unifyIds_1) })); };
-            return lodash.map(new Array(qty), function () { return unifyIds_1(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,
-        mapAttributes: mapAttributes,
-        getAttributes: getAttributes,
-        upsertAttributes: upsertAttributes,
-        patchAttributes: patchAttributes,
-        getAttributeValue: getAttributeValue,
-        generateLineItem: generateLineItem,
-        getRecommendedPrices: getRecommendedPrices,
-        multiplyLineItems: multiplyLineItems
-    });
-
-    var LineItemWorker = /** @class */ (function () {
-        function LineItemWorker(src) {
-            this.li = Object.assign({}, src);
-        }
-        LineItemWorker.prototype.insert = function (parentId, toInsert) {
-            return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+        QuoteDraftService.prototype.updateActivePriceList = function (priceListId) {
+            this.context.update({ properties: { PriceListId: priceListId } });
         };
-        LineItemWorker.prototype.remove = function (id) {
-            return new LineItemWorker(removeLineItem(this.li, id));
+        QuoteDraftService.prototype.populateActivePriceLists$ = function () {
+            var _this = this;
+            var ctx = this.context.resolve();
+            var quoteDraft = this.quoteDraft;
+            if (!quoteDraft) {
+                return;
+            }
+            // In ACCOUNT mode populate price lists from related assets
+            if (ctx.mode === core.ConfigurationContextMode.ACCOUNT) {
+                // Populate list of price lists
+                this.assetPriceLists = quoteDraft.currentState
+                    .map(function (_c) {
+                    var priceListId = _c.priceListId;
+                    return priceListId;
+                })
+                    .reduce(function (trunk, priceListId) {
+                    var _a, _b;
+                    if (!priceListId || trunk.some(function (item) { return item.id === priceListId; })) {
+                        return trunk;
+                    }
+                    return __spreadArray(__spreadArray([], __read(trunk)), [
+                        { id: priceListId, name: (_b = (_a = _this.allPriceLists.find(function (item) { return item.id === priceListId; })) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '' },
+                    ]);
+                }, []);
+            }
         };
-        LineItemWorker.prototype.replace = function (toReplace) {
-            return new LineItemWorker(replaceLineItem(this.li, toReplace));
+        QuoteDraftService.prototype.filterByActivePriceList = function (lineItems) {
+            var ctx = this.context.resolve();
+            return lineItems.filter(function (li) { return !li.priceListId || li.priceListId === ctx.properties.PriceListId; });
         };
-        LineItemWorker.prototype.patchAttribute = function (attrs, id) {
-            return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs));
+        QuoteDraftService.prototype.markAsUpdated = function (quote) {
+            if ((quote === null || quote === void 0 ? void 0 : quote.context.properties.mode) === core.ConfigurationContextMode.ACCOUNT) {
+                this.hasUnsavedChanges = !!quote && !quote.currentState.every(function (li) { return li.actionCode === 'EXIST'; });
+            }
+            else {
+                this.hasUnsavedChanges = !lodash.isEqual(this.initialCurrentState, quote === null || quote === void 0 ? void 0 : quote.currentState);
+            }
         };
-        return LineItemWorker;
+        return QuoteDraftService;
     }());
+    QuoteDraftService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuoteDraftService, deps: [{ token: ContextService }, { token: i1__namespace.QuoteApiService }, { token: i1__namespace.PriceApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    QuoteDraftService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuoteDraftService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: QuoteDraftService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return [{ type: ContextService }, { type: i1__namespace.QuoteApiService }, { type: i1__namespace.PriceApiService }]; } });
 
     var ConfigurationService = /** @class */ (function () {
         function ConfigurationService(quoteDraftService, runtimeService, contextService, configurationApiService, messageService, dialogService) {
@@ -1352,11 +1265,11 @@
         };
         return ConfigurationService;
     }());
-    ConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: ContextService }, { token: i1__namespace.ConfigurationApiService }, { token: i4__namespace.MessageService }, { token: i5__namespace.DialogService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService, decorators: [{
+    ConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: ContextService }, { token: i1__namespace.ConfigurationApiService }, { token: i5__namespace.MessageService }, { token: i6__namespace.DialogService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationService, decorators: [{
                 type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: ContextService }, { type: i1__namespace.ConfigurationApiService }, { type: i4__namespace.MessageService }, { type: i5__namespace.DialogService }]; } });
+            }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: ContextService }, { type: i1__namespace.ConfigurationApiService }, { type: i5__namespace.MessageService }, { type: i6__namespace.DialogService }]; } });
 
     var FlowUpdateService = /** @class */ (function () {
         function FlowUpdateService() {
@@ -1482,9 +1395,9 @@
         };
         return FlowUpdateService;
     }());
-    FlowUpdateService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowUpdateService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    FlowUpdateService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowUpdateService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowUpdateService, decorators: [{
+    FlowUpdateService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowUpdateService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    FlowUpdateService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowUpdateService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowUpdateService, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -1614,6 +1527,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(FlowConfigurationService.prototype, "activeMetrics$", {
+            get: function () {
+                return this.quoteDraftService.quoteDraft$.pipe(rxjs.map(function (_c) {
+                    var activeMetrics = _c.activeMetrics;
+                    return activeMetrics;
+                }));
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FlowConfigurationService.prototype, "chargesSnapshot", {
             get: function () {
                 var _a, _b;
@@ -1630,6 +1553,14 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(FlowConfigurationService.prototype, "activeMetricsSnapshot", {
+            get: function () {
+                var _a, _b;
+                return (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.activeMetrics) !== null && _b !== void 0 ? _b : [];
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FlowConfigurationService.prototype, "contextSnapshot", {
             get: function () {
                 return this.contextService.resolve();
@@ -1660,9 +1591,9 @@
         };
         return FlowConfigurationService;
     }());
-    FlowConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationService, deps: [{ token: i1__namespace.ProceduresApiService }, { token: ContextService }, { token: QuoteDraftService }, { token: FlowUpdateService }, { token: ConfigurationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    FlowConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationService, decorators: [{
+    FlowConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowConfigurationService, deps: [{ token: i1__namespace.ProceduresApiService }, { token: ContextService }, { token: QuoteDraftService }, { token: FlowUpdateService }, { token: ConfigurationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    FlowConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowConfigurationService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowConfigurationService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i1__namespace.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }]; } });
 
@@ -1671,10 +1602,10 @@
         }
         return FlowConfigurationModule;
     }());
-    FlowConfigurationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    FlowConfigurationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationModule });
-    FlowConfigurationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService, i1.PriceApiService], imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FlowConfigurationModule, decorators: [{
+    FlowConfigurationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowConfigurationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    FlowConfigurationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowConfigurationModule });
+    FlowConfigurationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService, i1.PriceApiService], imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FlowConfigurationModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
@@ -1687,9 +1618,9 @@
         }
         return ConfigurationModule;
     }());
-    ConfigurationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    ConfigurationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationModule, imports: [components.ConfirmationDialogModule] });
-    ConfigurationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationModule, providers: [
+    ConfigurationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    ConfigurationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationModule, imports: [components.ConfirmationDialogModule] });
+    ConfigurationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationModule, providers: [
             i1.ContextApiService,
             i1.ProductModelApiService,
             i1.ConfigurationApiService,
@@ -1697,7 +1628,7 @@
             RuntimeContextService,
             ConfigurationService,
         ], imports: [[components.ConfirmationDialogModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigurationModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [components.ConfirmationDialogModule],
@@ -1712,15 +1643,177 @@
                     }]
             }] });
 
+    function calculateMetricByMethod(lineItems, metric, method) {
+        var items = getLineItemsByMethod(lineItems, method);
+        return items.reduce(function (acc, li) {
+            var value = li.reduce(function (accProduct, item) { return 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(function (li) { return !li.rampInstanceId; }).map(function (item) { return [item]; });
+            }
+            case 'last': {
+                var rootTermItems = lineItems.filter(function (li) { return !li.rampInstanceId; });
+                var products = rootTermItems.map(function (lineItem) { return __spreadArray([
+                    lineItem
+                ], __read(lineItems.filter(function (li) { return li.rampInstanceId === lineItem.id; }))); });
+                return products
+                    .map(function (items) { return __spreadArray([], __read(items)).sort(function (a, b) { return getDateValue(a.endDate || '') - getDateValue(b.endDate || ''); }).pop(); })
+                    .filter(function (li) { return Boolean(li); })
+                    .map(function (item) { return [item]; });
+            }
+            case 'avg': {
+                var rootTermItems = lineItems.filter(function (li) { return !li.rampInstanceId; });
+                return rootTermItems.map(function (lineItem) { return __spreadArray([lineItem], __read(lineItems.filter(function (li) { return li.rampInstanceId === lineItem.id; }))); });
+            }
+            case 'sum': {
+                return lineItems.map(function (item) { return [item]; });
+            }
+            default: {
+                return lineItems.map(function (item) { return [item]; });
+            }
+        }
+    }
+    function getDateValue(date) {
+        return date ? new Date(date).getTime() : 0;
+    }
+
+    var MetricsCalculationService = /** @class */ (function () {
+        function MetricsCalculationService(quoteDraftService, flowConfiguration, settingsService) {
+            var _this = this;
+            this.quoteDraftService = quoteDraftService;
+            this.flowConfiguration = flowConfiguration;
+            this.settingsService = settingsService;
+            this.metricsUpdated$ = new rxjs.Subject();
+            this.quoteMetricsSettings = {};
+            this.metricsCalculationMethodMap = {};
+            this.metricsData = {};
+            this.activeMetricRules = [];
+            this.activeMetricRules = this.flowConfiguration.activeMetricsSnapshot.filter(function (metricRule) { return metricRule.metrics.some(function (metric) { return !!metric.totalName; }); });
+            rxjs.combineLatest([
+                this.quoteDraftService.currentState$,
+                this.settingsService.fetchSetting('QUOTE_LEVEL_METRIC_CALCULATION_METHOD').pipe(rxjs.take(1)),
+            ]).subscribe(function (_c) {
+                var _d = __read(_c, 2), lineItems = _d[0], setting = _d[1];
+                var settingsData = {};
+                try {
+                    settingsData = JSON.parse((setting === null || setting === void 0 ? void 0 : setting.value) || '{}');
+                }
+                catch (error) {
+                    settingsData = {};
+                }
+                _this.quoteMetricsSettings = settingsData;
+                _this.updateMetrics(lineItems);
+            });
+        }
+        Object.defineProperty(MetricsCalculationService.prototype, "onMetricsUpdate$", {
+            get: function () {
+                return this.metricsUpdated$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        MetricsCalculationService.prototype.getMetricValue = function (metric) {
+            return this.metricsData[metric] || 0;
+        };
+        MetricsCalculationService.prototype.updateMetrics = function (lineItems) {
+            var _this = this;
+            var metricKeys = this.collectMetricKeys(lineItems).filter(function (key) { return !key.includes('Effective_'); });
+            this.metricsCalculationMethodMap = this.buildMetricsCalculationMethods(metricKeys, this.metricsCalculationMethodMap);
+            this.metricsData = metricKeys.reduce(function (acc, key) {
+                var _c;
+                return (Object.assign(Object.assign({}, acc), (_c = {}, _c[key] = _this.calculateMetric(lineItems, key), _c)));
+            }, {});
+            this.metricsUpdated$.next();
+        };
+        MetricsCalculationService.prototype.calculateMetric = function (lineItems, metric) {
+            return calculateMetricByMethod(lineItems, metric, this.metricsCalculationMethodMap[metric] || 'sum');
+        };
+        MetricsCalculationService.prototype.buildMetricsCalculationMethods = function (metricKeys, initial) {
+            var _this = this;
+            return metricKeys.reduce(function (acc, name) {
+                var _c, _d;
+                var _a, _b;
+                if (acc[name]) {
+                    return acc;
+                }
+                acc = Object.assign(Object.assign({}, acc), (_c = {}, _c[name] = 'sum', _c));
+                var metricRule = _this.getMetricRuleByTotalMetricName(name);
+                var settingKey = ((_b = (_a = metricRule === null || metricRule === void 0 ? void 0 : metricRule.metrics) === null || _a === void 0 ? void 0 : _a.find(function (metric) { return metric.totalName === name; })) === null || _b === void 0 ? void 0 : _b.name) || name;
+                if (_this.quoteMetricsSettings[settingKey]) {
+                    acc = Object.assign(Object.assign({}, acc), (_d = {}, _d[name] = _this.quoteMetricsSettings[settingKey], _d));
+                }
+                return acc;
+            }, initial);
+        };
+        MetricsCalculationService.prototype.collectMetricKeys = function (lineItems) {
+            var _this = this;
+            var keys = [];
+            lineItems.forEach(function (lineItem) {
+                keys.push.apply(keys, __spreadArray([], __read(Object.keys(lineItem.totalMetrics || {}))));
+                keys.push.apply(keys, __spreadArray([], __read(_this.collectMetricKeys(lineItem.lineItems))));
+            });
+            return lodash.uniq(keys);
+        };
+        MetricsCalculationService.prototype.getMetricRuleByTotalMetricName = function (name) {
+            return this.activeMetricRules.find(function (metricRule) { return metricRule.metrics.find(function (metric) { return metric.totalName === name; }); });
+        };
+        return MetricsCalculationService;
+    }());
+    MetricsCalculationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MetricsCalculationService, deps: [{ token: QuoteDraftService }, { token: FlowConfigurationService }, { token: i1__namespace.ConfigurationSettingsApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    MetricsCalculationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MetricsCalculationService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MetricsCalculationService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: FlowConfigurationService }, { type: i1__namespace.ConfigurationSettingsApiService }]; } });
+
+    var ProductImagesService = /** @class */ (function () {
+        function ProductImagesService(productApiService) {
+            this.productApiService = productApiService;
+            this.imagesMap$ = new rxjs.BehaviorSubject({});
+        }
+        ProductImagesService.prototype.getImageUrl$ = function (productId) {
+            var _a;
+            if (this.imagesMap$.value[productId] == null) {
+                this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), (_a = {}, _a[productId] = '', _a)));
+                this.fetchProductImage(productId);
+            }
+            return this.imagesMap$.pipe(rxjs.map(function (imagesMap) { return imagesMap[productId]; }), rxjs.distinctUntilChanged());
+        };
+        ProductImagesService.prototype.fetchProductImage = function (productId) {
+            var _this = this;
+            this.productApiService
+                .fetchImage$(productId)
+                .pipe(rxjs.map(function (file) { return URL.createObjectURL(file); }), rxjs.catchError(function () { return rxjs.of(''); }), rxjs.tap(function (url) {
+                var _a;
+                return _this.imagesMap$.next(Object.assign(Object.assign({}, _this.imagesMap$.value), (_a = {}, _a[productId] = url, _a)));
+            }))
+                .subscribe();
+        };
+        return ProductImagesService;
+    }());
+    ProductImagesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ProductImagesService, deps: [{ token: i1__namespace.ProductApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ProductImagesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ProductImagesService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ProductImagesService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.ProductApiService }]; } });
+
     var SdkCoreModule = /** @class */ (function () {
         function SdkCoreModule() {
         }
         return SdkCoreModule;
     }());
-    SdkCoreModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SdkCoreModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SdkCoreModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SdkCoreModule, imports: [ConfigurationModule, FlowConfigurationModule] });
-    SdkCoreModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SdkCoreModule, providers: [ContextService, QuoteDraftService, ProductImagesService, MetricsCalculationService], imports: [[ConfigurationModule, FlowConfigurationModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SdkCoreModule, decorators: [{
+    SdkCoreModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SdkCoreModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SdkCoreModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SdkCoreModule, imports: [ConfigurationModule, FlowConfigurationModule] });
+    SdkCoreModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SdkCoreModule, providers: [ContextService, QuoteDraftService, ProductImagesService, MetricsCalculationService], imports: [[ConfigurationModule, FlowConfigurationModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SdkCoreModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [ConfigurationModule, FlowConfigurationModule],