@veloceapps/sdk 6.0.0-4 → 6.0.0-40

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) {
@@ -374,6 +441,8 @@
         RuntimeStep["UPDATE"] = "UPDATE";
     })(exports.RuntimeStep || (exports.RuntimeStep = {}));
 
+    var UI_DEFINITION_VERSION = 3;
+
     var ContextService = /** @class */ (function () {
         function ContextService(contextApiService) {
             this.contextApiService = contextApiService;
@@ -416,576 +485,135 @@
         };
         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);
-                }
-            },
-            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;
+        ConfigurationRuntimeService.prototype.reset = function () {
+            this._isInitialized = false;
+            this._runtimeContext = undefined;
+            this.initializationProps = undefined;
+            this.uiDefinitionProperties = {};
         };
-        QuoteDraftService.prototype.init = function (quoteId, params) {
+        ConfigurationRuntimeService.prototype.initTestMode = function (modelId, uiDefinition) {
             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));
+            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;
+            }));
         };
-        QuoteDraftService.prototype.setCurrentLineItemState = function (lineItems) {
-            var quoteDraft = this.quoteSubj$.value;
-            if (!quoteDraft) {
-                return;
-            }
-            this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: lineItems }));
+        ConfigurationRuntimeService.prototype.init = function (props) {
+            var _this = this;
+            this.initializationProps = props;
+            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;
+            }));
         };
-        QuoteDraftService.prototype.updateQuoteDraft = function (update) {
-            var quoteDraft = this.quoteSubj$.value;
-            if (!quoteDraft) {
+        ConfigurationRuntimeService.prototype.id15to18 = function (propertyName, source) {
+            if (!source) {
                 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) {
-                return;
+            var value = source[propertyName];
+            if (typeof value === 'string' && value.length === 15) {
+                source[propertyName] = core.SalesforceIdUtils.generateId18FromId15(value);
             }
-            var updatedCurrentState = this.currentState.map(function (lineItem) {
-                var updated = priceSummary.lineItems.find(function (li) { return li.id === lineItem.id; });
-                return updated !== null && updated !== void 0 ? updated : lineItem;
-            });
-            this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedCurrentState, totalPrices: priceSummary.totalPrices, approvalItems: priceSummary.approvalItems }));
         };
-        Object.defineProperty(QuoteDraftService.prototype, "quoteDraft$", {
+        Object.defineProperty(ConfigurationRuntimeService.prototype, "isInitialized", {
             get: function () {
-                var _this = this;
-                return rxjs.combineLatest([this.quoteSubj$, this.context.resolve$()]).pipe(operators.map(function () { return _this.quoteDraft; }), operators.filter(function (quote) { return Boolean(quote); }), operators.shareReplay());
+                return this._isInitialized;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(QuoteDraftService.prototype, "quoteDraft", {
+        Object.defineProperty(ConfigurationRuntimeService.prototype, "runtimeModel", {
             get: function () {
-                var quote = this.quoteSubj$.value;
-                if (!quote) {
-                    return null;
-                }
-                return Object.assign(Object.assign({}, quote), { context: this.context.resolve() });
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "quoteDraftForActivePriceList", {
-            get: function () {
-                var quoteDraft = this.quoteDraft;
-                if (!quoteDraft) {
-                    return null;
-                }
-                return Object.assign(Object.assign({}, quoteDraft), { initialState: this.filterByActivePriceList(quoteDraft.initialState), currentState: this.filterByActivePriceList(quoteDraft.currentState) });
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "currentState$", {
-            get: function () {
-                return this.quoteDraft$.pipe(operators.map(function (quote) { return quote.currentState; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "currentState", {
-            get: function () {
-                var _a, _b;
-                return (_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, "activeCurrentState$", {
-            /**
-             * Stream of activeCurrentState
-             */
-            get: function () {
-                var _this = this;
-                return this.quoteDraft$.pipe(operators.map(function () { return _this.activeCurrentState; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "activeCurrentState", {
-            /**
-             * activeCurrentState is currentState passed through additional filters
-             */
-            get: function () {
-                var _a, _b;
-                var currentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
-                currentState = this.filterByActivePriceList(currentState);
-                return currentState;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "activeInitialState$", {
-            /**
-             * Stream of activeInitialState
-             */
-            get: function () {
-                var _this = this;
-                return this.quoteDraft$.pipe(operators.map(function () { return _this.activeInitialState; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "activeInitialState", {
-            /**
-             * activeInitialState is initialState passed through additional filters
-             */
-            get: function () {
-                var _a, _b;
-                var ctx = this.context.resolve();
-                var initialState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState) !== null && _b !== void 0 ? _b : [];
-                if (ctx.mode === core.ConfigurationContextMode.ACCOUNT) {
-                    initialState = this.filterByActivePriceList(initialState);
-                }
-                return initialState;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "isStandalone", {
-            get: function () {
-                return this.context.resolve().properties.standalone === 'true';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QuoteDraftService.prototype, "isStandalone$", {
-            get: function () {
-                var _this = this;
-                return this.context.resolve$().pipe(operators.map(function () { return _this.isStandalone; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        QuoteDraftService.prototype.getInitialCurrentState = function () {
-            return this.initialCurrentState;
-        };
-        QuoteDraftService.prototype.isEditMode$ = function () {
-            var _this = this;
-            return this.context.resolve$().pipe(operators.map(function () { return _this.isEditMode(); }));
-        };
-        QuoteDraftService.prototype.isEditMode = function () {
-            var context = this.context.resolve();
-            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;
+                var _a;
+                return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
             },
             enumerable: false,
             configurable: true
@@ -999,9 +627,9 @@
         });
         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: [{
+    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 }]; } });
 
@@ -1040,17 +668,36 @@
     };
     var replaceLineItem = function (lineItem, replaceTo) {
         if (lineItem.id === replaceTo.id) {
-            return Object.assign({}, replaceTo);
+            return Object.assign({}, recalculateCardinalityVariables(lineItem, replaceTo));
         }
-        return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(function (li) {
-                if (li.id === replaceTo.id) {
-                    return replaceTo;
-                }
-                else if (li.lineItems.length) {
-                    return replaceLineItem(li, replaceTo);
-                }
-                return li;
-            }) });
+        return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(function (li) { return replaceLineItem(li, replaceTo); }) });
+    };
+    var calculateCardinalityVariables = function (lineItems) {
+        var cardVars = new Map();
+        lineItems.forEach(function (li) {
+            var _a;
+            var cardinalityVariableName = "#CV-" + li.type + "@" + li.port;
+            cardVars.set(cardinalityVariableName, ((_a = cardVars.get(cardinalityVariableName)) !== null && _a !== void 0 ? _a : 0) + li.qty);
+        });
+        return cardVars;
+    };
+    var recalculateCardinalityVariables = function (original, updated) {
+        var cardinalityVariables = calculateCardinalityVariables(updated.lineItems);
+        var originalCardinalityVariables = calculateCardinalityVariables(original.lineItems);
+        originalCardinalityVariables.forEach(function (value, key) {
+            if (cardinalityVariables.get(key) === value) {
+                // no need to update cardinality if no changes
+                cardinalityVariables.delete(key);
+            }
+            else if (!cardinalityVariables.has(key)) {
+                // remove last item from port
+                cardinalityVariables.set(key, 0);
+            }
+        });
+        return Object.assign(Object.assign({}, updated), { attributes: upsertAttributes(updated.attributes, __spreadArray([], __read(cardinalityVariables)).map(function (_c) {
+                var _d = __read(_c, 2), name = _d[0], value = _d[1];
+                return ({ name: name, value: value });
+            })) });
     };
     var mapAttributes = function (attributes) {
         return attributes.reduce(function (acc, _c) {
@@ -1140,6 +787,8 @@
         insertLineItem: insertLineItem,
         removeLineItem: removeLineItem,
         replaceLineItem: replaceLineItem,
+        calculateCardinalityVariables: calculateCardinalityVariables,
+        recalculateCardinalityVariables: recalculateCardinalityVariables,
         mapAttributes: mapAttributes,
         getAttributes: getAttributes,
         upsertAttributes: upsertAttributes,
@@ -1157,17 +806,299 @@
         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.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, "hasProducts$", {
+            get: function () {
+                var _this = this;
+                return this.quoteSubj$.pipe(operators.map(function () { return _this.hasProducts; }));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "hasProducts", {
+            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) {
+                return;
+            }
+            var updatedCurrentState = this.currentState.map(function (lineItem) {
+                var updated = priceSummary.lineItems.find(function (li) { return li.id === lineItem.id; });
+                return updated !== null && updated !== void 0 ? updated : lineItem;
+            });
+            this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedCurrentState, totalPrices: priceSummary.totalPrices, approvalItems: priceSummary.approvalItems }));
+        };
+        Object.defineProperty(QuoteDraftService.prototype, "quoteDraft$", {
+            get: function () {
+                var _this = this;
+                return rxjs.combineLatest([this.quoteSubj$, this.context.resolve$()]).pipe(operators.map(function () { return _this.quoteDraft; }), operators.filter(function (quote) { return Boolean(quote); }), operators.shareReplay());
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "quoteDraft", {
+            get: function () {
+                var quote = this.quoteSubj$.value;
+                if (!quote) {
+                    return null;
+                }
+                return Object.assign(Object.assign({}, quote), { context: this.context.resolve() });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "quoteDraftForActivePriceList", {
+            get: function () {
+                var quoteDraft = this.quoteDraft;
+                if (!quoteDraft) {
+                    return null;
+                }
+                return Object.assign(Object.assign({}, quoteDraft), { initialState: this.filterByActivePriceList(quoteDraft.initialState), currentState: this.filterByActivePriceList(quoteDraft.currentState) });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "currentState$", {
+            get: function () {
+                return this.quoteDraft$.pipe(operators.map(function (quote) { return quote.currentState; }));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "currentState", {
+            get: function () {
+                var _a, _b;
+                return (_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, "activeCurrentState$", {
+            /**
+             * Stream of activeCurrentState
+             */
+            get: function () {
+                var _this = this;
+                return this.quoteDraft$.pipe(operators.map(function () { return _this.activeCurrentState; }));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "activeCurrentState", {
+            /**
+             * activeCurrentState is currentState passed through additional filters
+             */
+            get: function () {
+                var _a, _b;
+                var currentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
+                currentState = this.filterByActivePriceList(currentState);
+                return currentState;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "activeInitialState$", {
+            /**
+             * Stream of activeInitialState
+             */
+            get: function () {
+                var _this = this;
+                return this.quoteDraft$.pipe(operators.map(function () { return _this.activeInitialState; }));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "activeInitialState", {
+            /**
+             * activeInitialState is initialState passed through additional filters
+             */
+            get: function () {
+                var _a, _b;
+                var ctx = this.context.resolve();
+                var initialState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState) !== null && _b !== void 0 ? _b : [];
+                if (ctx.mode === core.ConfigurationContextMode.ACCOUNT) {
+                    initialState = this.filterByActivePriceList(initialState);
+                }
+                return initialState;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "isStandalone", {
+            get: function () {
+                return this.context.resolve().properties.standalone === 'true';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QuoteDraftService.prototype, "isStandalone$", {
+            get: function () {
+                var _this = this;
+                return this.context.resolve$().pipe(operators.map(function () { return _this.isStandalone; }));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        QuoteDraftService.prototype.getInitialCurrentState = function () {
+            return this.initialCurrentState;
+        };
+        QuoteDraftService.prototype.isEditMode$ = function () {
+            var _this = this;
+            return this.context.resolve$().pipe(operators.map(function () { return _this.isEditMode(); }));
         };
-        LineItemWorker.prototype.replace = function (toReplace) {
-            return new LineItemWorker(replaceLineItem(this.li, toReplace));
+        QuoteDraftService.prototype.isEditMode = function () {
+            var context = this.context.resolve();
+            if (context.mode === core.ConfigurationContextMode.ACCOUNT) {
+                return true;
+            }
+            if (context.mode === core.ConfigurationContextMode.QUOTE) {
+                return context.properties.Status === 'Draft';
+            }
+            return false;
         };
-        LineItemWorker.prototype.patchAttribute = function (attrs, id) {
-            return new LineItemWorker(patchAttributes(this.li, id !== null && id !== void 0 ? id : this.li.id, attrs));
+        QuoteDraftService.prototype.updateActivePriceList = function (priceListId) {
+            this.context.update({ properties: { PriceListId: priceListId } });
         };
-        return LineItemWorker;
+        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.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) {
@@ -1178,7 +1109,6 @@
             this.messageService = messageService;
             this.dialogService = dialogService;
             this.mode = core.ConfigurationMode.SEARCH;
-            this.states = {};
             this.lineItem = new rxjs.BehaviorSubject(undefined);
             this.charges = new rxjs.BehaviorSubject({});
             this.pricePlans = new rxjs.BehaviorSubject({});
@@ -1187,7 +1117,7 @@
         ConfigurationService.prototype.reset = function () {
             this.hasUnsavedChanges = false;
             this.runtimeService.reset();
-            this.states = {};
+            this.configurableRamp = undefined;
             this.lineItem.next(undefined);
             this.charges.next({});
             this.pricePlans.next({});
@@ -1197,10 +1127,7 @@
             if (!this.lineItem.value) {
                 return rxjs.throwError(function () { return new Error("Source LineItem not found"); });
             }
-            this.states.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem).li;
-            this.states.asset = this.states.configurableRamp
-                ? this.runtimeService.getAsset(this.states.configurableRamp)
-                : undefined;
+            this.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem).li;
             return this.configure().pipe(operators.catchError(function (error) {
                 console.error(error);
                 if (!_this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
@@ -1218,8 +1145,8 @@
         ConfigurationService.prototype.patch = function (lineItem) {
             this.patch$(lineItem).subscribe();
         };
-        ConfigurationService.prototype.updateCurrentStates = function (update) {
-            this.states = Object.assign(Object.assign({}, this.states), update);
+        ConfigurationService.prototype.setConfigurableRamp = function (lineItem) {
+            this.configurableRamp = lineItem;
         };
         ConfigurationService.prototype.get = function () {
             return this.lineItem.asObservable().pipe(rxjs.shareReplay());
@@ -1285,7 +1212,7 @@
             }
             var uiDefinitionProperties = Object.assign(Object.assign({}, ((_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {})), ((_c = this.runtimeService.uiDefinitionProperties) !== null && _c !== void 0 ? _c : {}));
             var qty = (_d = this.runtimeService.initializationProps) === null || _d === void 0 ? void 0 : _d.defaultQty;
-            var lineItem = (_e = this.states.configurableRamp) !== null && _e !== void 0 ? _e : getDefaultLineItem(runtimeContext, uiDefinitionProperties, qty);
+            var lineItem = (_e = this.configurableRamp) !== null && _e !== void 0 ? _e : getDefaultLineItem(runtimeContext, uiDefinitionProperties, qty);
             var configurationRequest = this.createRequest(lineItem);
             var mainPricingEnabled = (_f = runtimeContext.properties) === null || _f === void 0 ? void 0 : _f.PricingEnabled;
             var pricingEnabled = mainPricingEnabled ? mainPricingEnabled === 'true' : uiDefinitionProperties.pricingEnabled;
@@ -1305,23 +1232,21 @@
         };
         ConfigurationService.prototype.configureExternal$ = function (productId, qty) {
             var _this = this;
-            this.updateCurrentStates({
-                currentState: this.quoteDraftService.currentState,
-            });
             return this.runtimeService.init({ productId: productId, defaultQty: qty }).pipe(operators.switchMap(function () { return _this.configure(); }), operators.first(), operators.catchError(function (error) {
                 _this.messageService.add({ severity: components.ToastType.error, summary: error });
                 throw error;
             }), operators.finalize(function () { return _this.reset(); }));
         };
         ConfigurationService.prototype.createRequest = function (lineItem) {
+            var _a;
             return {
                 lineItem: lineItem,
                 mode: this.mode,
                 step: !this.lineItem.value ? exports.RuntimeStep.START : exports.RuntimeStep.UPDATE,
                 attributeDomainMode: 'ALL',
                 context: this.contextService.resolve(),
-                lineItems: this.states.currentState || [],
-                asset: this.states.asset,
+                lineItems: ((_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) || [],
+                asset: this.getAsset(),
             };
         };
         ConfigurationService.prototype.showInactiveProductsConfirmation = function () {
@@ -1350,13 +1275,29 @@
                 }
             });
         };
+        ConfigurationService.prototype.getAsset = function () {
+            var _a;
+            var lineItem = this.configurableRamp;
+            if (!lineItem) {
+                return;
+            }
+            return (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.initialState.find(function (a) { return a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId; });
+        };
         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 }]; } });
+
+    function extractMetadata(uiDefinition) {
+        return lodash.omit(uiDefinition, [
+            'children',
+            'pages',
+            'components',
+        ]);
+    }
 
     var FlowUpdateService = /** @class */ (function () {
         function FlowUpdateService() {
@@ -1482,9 +1423,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 +1555,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 +1581,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 +1619,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 +1630,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 +1646,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 +1656,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 +1671,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],
@@ -1743,6 +1864,9 @@
     exports.ProductImagesService = ProductImagesService;
     exports.QuoteDraftService = QuoteDraftService;
     exports.SdkCoreModule = SdkCoreModule;
+    exports.UI_DEFINITION_VERSION = UI_DEFINITION_VERSION;
+    exports.calculateCardinalityVariables = calculateCardinalityVariables;
+    exports.extractMetadata = extractMetadata;
     exports.findLineItem = findLineItem;
     exports.findLineItemWithComparator = findLineItemWithComparator;
     exports.generateLineItem = generateLineItem;
@@ -1755,6 +1879,7 @@
     exports.mapAttributes = mapAttributes;
     exports.multiplyLineItems = multiplyLineItems;
     exports.patchAttributes = patchAttributes;
+    exports.recalculateCardinalityVariables = recalculateCardinalityVariables;
     exports.removeLineItem = removeLineItem;
     exports.replaceLineItem = replaceLineItem;
     exports.upsertAttributes = upsertAttributes;