@veloceapps/sdk 8.0.0-185 → 8.0.0-187

package/fesm2020/veloceapps-sdk-core.mjs

@@ -3,9 +3,9 @@ import { Injectable, InjectionToken, Optional, Inject, NgModule, inject, Directi
 import { UUID, ConfigurationContextMode, ConfigurationContext, UITemplateType, isDefined, ConfigurationProcessorTypes, EntityUtil, DEFAULT_CURRENCY_ISO_CODE, DEFAULT_CURRENCY_SYMBOL, validateDateFormat, DEFAULT_DATE_FORMAT, DEFAULT_DECIMALS_COUNT, getSupportedDateFormats, DEFAULT_DECIMAL_SEPARATOR, DEFAULT_THOUSANDS_SEPARATOR, DEFAULT_ACTION_CODE_LABELS, parseJsonSafely, ConfigurationMode, ConfigurationTranslatorUtils, ChargeGroupUtils, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
 import * as i1 from '@veloceapps/api';
 import { ApiModule } from '@veloceapps/api';
-import { BehaviorSubject, switchMap, map as map$1, tap as tap$1, noop, catchError, throwError, of, forkJoin, Subject, filter as filter$1, zip, combineLatest, shareReplay as shareReplay$1, finalize, takeUntil, buffer, debounceTime, share, take as take$1, distinctUntilChanged } from 'rxjs';
+import { BehaviorSubject, switchMap, map as map$1, tap as tap$1, noop, catchError, throwError, of, forkJoin, zip, combineLatest, Subject, filter as filter$1, shareReplay as shareReplay$1, finalize, takeUntil, buffer, debounceTime, share, take as take$1, distinctUntilChanged } from 'rxjs';
 import { map, filter, tap, switchMap as switchMap$1, skip, take, shareReplay, catchError as catchError$1, finalize as finalize$1, first } from 'rxjs/operators';
-import { merge, isEmpty, flatten, entries, sortBy, map as map$2, omit, isEqual, cloneDeep, assign, uniqBy, transform } from 'lodash';
+import { merge, isEmpty, isEqual, cloneDeep, assign, flatten, entries, sortBy, map as map$2, uniqBy, omit, transform } from 'lodash';
 import * as i6 from '@veloceapps/components';
 import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -284,287 +284,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     args: [FLOW_CUSTOMIZATION]
                 }] }]; } });
 
-const findLineItem = (id, lineItems) => {
-    return findLineItemWithComparator(lineItems, (li) => li.id === id);
-};
-const findLineItemWithComparator = (lineItems, comparator) => {
-    let currentLevel = lineItems;
-    while (currentLevel.length) {
-        const found = currentLevel.find(comparator);
-        if (found) {
-            return found;
-        }
-        currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
-    }
-    return;
-};
-const insertLineItem = (lineItem, parentId, toInsert) => {
-    const insertData = lineItem.id === parentId ? [toInsert] : [];
-    return {
-        ...lineItem,
-        lineItems: [
-            ...insertData,
-            ...lineItem.lineItems.map(li => {
-                return insertLineItem(li, parentId, toInsert);
-            }),
-        ],
-    };
-};
-const removeLineItem = (lineItem, idToRemove) => {
-    return {
-        ...lineItem,
-        lineItems: lineItem.lineItems
-            .map(li => {
-            if (li.id === idToRemove) {
-                return;
-            }
-            else if (li.lineItems.length) {
-                return removeLineItem(li, idToRemove);
-            }
-            return li;
-        })
-            .filter(r => !!r),
-    };
-};
-const replaceLineItem = (lineItem, replaceTo, skipCardinalityCalculation = false) => {
-    if (lineItem.id === replaceTo.id) {
-        if (!skipCardinalityCalculation) {
-            return { ...recalculateCardinalityVariables(lineItem, replaceTo) };
-        }
-        else {
-            return { ...replaceTo };
-        }
-    }
-    return {
-        ...lineItem,
-        lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo, skipCardinalityCalculation)),
-    };
-};
-const collectCardinalityComputations = (portDomains) => {
-    const cardinalityComputations = new Map();
-    entries(portDomains).forEach(([key, portDomain]) => {
-        cardinalityComputations.set(key, portDomain.properties['cardinalityComputation'] === 'true');
-    });
-    return cardinalityComputations;
-};
-const calculateCardinalityVariables = (lineItems, cardinalityComputations) => {
-    const cardVars = new Map();
-    lineItems
-        .filter(({ port, type }) => !!port && !!type)
-        .forEach(li => {
-        if (cardinalityComputations.get(`${li.port}`)) {
-            const cardinalityVariableName = `#CV-${li.type}@${li.port}`;
-            cardVars.set(cardinalityVariableName, (cardVars.get(cardinalityVariableName) ?? 0) + li.qty);
-        }
-    });
-    return cardVars;
-};
-const cardinalityRegexp = new RegExp('#CV-[a-zA-Z0-9_]+@(?<portName>[a-zA-Z0-9_]+)');
-const recalculateCardinalityVariables = (original, updated) => {
-    const cardinalityComputations = collectCardinalityComputations(updated.portDomains ?? original.portDomains ?? {});
-    const cardinalityVariables = calculateCardinalityVariables(updated.lineItems, cardinalityComputations);
-    const originalCardinalityVariables = calculateCardinalityVariables(original.lineItems, cardinalityComputations);
-    originalCardinalityVariables.forEach((value, key) => {
-        const execArray = cardinalityRegexp.exec(key);
-        const portName = execArray?.groups?.['portName'];
-        if (!portName || cardinalityComputations.get(portName)) {
-            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 {
-        ...updated,
-        attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value, cfgStatus: 'Changed' }))),
-    };
-};
-const mapAttributes = (attributes) => {
-    return attributes.reduce((acc, { name, value }) => ({ ...acc, [name]: value }), {});
-};
-const getAttributes = (attributes, names = []) => {
-    const filtered = attributes.filter(({ name }) => names.includes(name));
-    return sortBy(filtered, [({ name }) => names.indexOf(name)]);
-};
-const upsertAttributes = (originalAttributes, attributesToUpsert) => {
-    return attributesToUpsert.reduce((acc, { name, value }) => {
-        const [origAttr] = getAttributes(acc, [name]);
-        return [
-            ...acc.filter(attr => attr.name !== name),
-            { ...(origAttr ?? { name, type: '' }), cfgStatus: origAttr ? 'Changed' : 'User', value },
-        ];
-    }, originalAttributes);
-};
-const patchAttributes = (rootLineItem, id, attrs, skipCardinalityCalculation = false) => {
-    const lineItem = findLineItem(id, [rootLineItem]);
-    if (!lineItem) {
-        return rootLineItem;
-    }
-    const attributes = upsertAttributes(lineItem.attributes, attrs);
-    return replaceLineItem(rootLineItem, { ...lineItem, attributes }, skipCardinalityCalculation);
-};
-const getAttributeValue = (attributes, name) => attributes.find(attr => attr.name === name)?.value;
-const generateLineItem = (port, type, parentId, attributes = [], lineItems = []) => {
-    return {
-        id: UUID.UUID(),
-        port,
-        type,
-        actionCode: 'ADD',
-        cfgStatus: 'New',
-        attributes: attributes.map(({ name, value }) => ({ cfgStatus: 'User', name, value })),
-        lineItems,
-        parentId,
-        qty: 1,
-    };
-};
-const getRecommendedPrices = (portDomain, type) => {
-    const domainType = portDomain.domainTypes.find(({ name }) => name === type);
-    const [net, list] = domainType?.recommendedPrices
-        ?.filter(({ chargeMethod }) => chargeMethod === 'ONE_TIME')
-        .reduce((acc, rp) => {
-        const [netPrice, listPrice] = acc;
-        return [netPrice + rp.netPrice, listPrice + rp.listPrice];
-    }, [0, 0]) ?? [0, 0];
-    return { net, list };
-};
-const generateModifiedAssetsMap = (lineItems) => {
-    return lineItems.reduce((acc, li) => {
-        const isModified = isLineItemModified(li);
-        if (!isModified) {
-            return acc;
-        }
-        const target = getOriginParent(lineItems, li);
-        const id = target?.assetId ?? target?.openOrderLineItemId;
-        if (id) {
-            acc[id] = true;
-        }
-        return acc;
-    }, {});
-};
-const getOriginParent = (lineItems, currentLineItem) => {
-    let target = currentLineItem;
-    while (target && target.rampInstanceId) {
-        target = lineItems.find(sub => sub.id === currentLineItem.rampInstanceId);
-    }
-    return target;
-};
-const isLineItemModified = (lineItem) => {
-    if (lineItem.actionCode === 'EXIST' && lineItem.status === 'PENDING') {
-        return false;
-    }
-    return lineItem.actionCode !== 'EXIST';
-};
-const multiplyLineItems = (lineItem, qty, split) => {
-    if (split) {
-        const unifyIds = (lineItem) => ({
-            ...lineItem,
-            id: UUID.UUID(),
-            lineItems: lineItem.lineItems.map(unifyIds),
-        });
-        return map$2(new Array(qty), () => unifyIds(lineItem));
-    }
-    else {
-        return [
-            {
-                ...lineItem,
-                qty: qty,
-            },
-        ];
-    }
-};
-const isTechnicalAttribute = (name) => {
-    return name.startsWith('#') || name.startsWith('$');
-};
-const filterOutTechnicalAttributes = (attributes) => {
-    return attributes.filter(({ name }) => !isTechnicalAttribute(name));
-};
-
-var lineItem_utils = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    filterOutTechnicalAttributes: filterOutTechnicalAttributes,
-    findLineItem: findLineItem,
-    findLineItemWithComparator: findLineItemWithComparator,
-    generateLineItem: generateLineItem,
-    generateModifiedAssetsMap: generateModifiedAssetsMap,
-    getAttributeValue: getAttributeValue,
-    getAttributes: getAttributes,
-    getOriginParent: getOriginParent,
-    getRecommendedPrices: getRecommendedPrices,
-    insertLineItem: insertLineItem,
-    isLineItemModified: isLineItemModified,
-    isTechnicalAttribute: isTechnicalAttribute,
-    mapAttributes: mapAttributes,
-    multiplyLineItems: multiplyLineItems,
-    patchAttributes: patchAttributes,
-    recalculateCardinalityVariables: recalculateCardinalityVariables,
-    removeLineItem: removeLineItem,
-    replaceLineItem: replaceLineItem,
-    upsertAttributes: upsertAttributes
-});
-
-class LineItemWorker {
-    constructor(src) {
-        this.li = { ...src };
-    }
-    insert(parentId, toInsert) {
-        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
-    }
-    remove(id) {
-        return new LineItemWorker(removeLineItem(this.li, id));
-    }
-    replace(toReplace, skipCardinalityCalculation = false) {
-        return new LineItemWorker(replaceLineItem(this.li, toReplace, skipCardinalityCalculation));
-    }
-    patchAttribute(attrs, id, skipCardinalityCalculation = false) {
-        return new LineItemWorker(patchAttributes(this.li, id ?? this.li.id, attrs, skipCardinalityCalculation));
-    }
-}
-
-function extractMetadata(uiDefinition) {
-    return omit(uiDefinition, [
-        'children',
-        'pages',
-        'components',
-    ]);
-}
-
-class IntegrationState {
-    constructor() {
-        this.stateSubj$ = new BehaviorSubject({});
-        this.action$ = new Subject();
-    }
-    get state$() {
-        return this.stateSubj$.asObservable();
-    }
-    get state() {
-        return this.stateSubj$.getValue();
-    }
-    patchState(update) {
-        this.stateSubj$.next({ ...this.stateSubj$.getValue(), ...update });
-    }
-    dispatch(action) {
-        this.action$.next(action);
-    }
-    listen$(actionType) {
-        return this.action$.pipe(filter$1(action => action.type === actionType), map$1(action => action.payload));
-    }
-    listenAll$() {
-        return this.action$.asObservable();
-    }
-    clear() {
-        this.stateSubj$.next({});
-    }
-}
-IntegrationState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-IntegrationState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, decorators: [{
-            type: Injectable
-        }] });
-
 class QuoteDraftService {
     get isInitialized$() {
         return this.isInitializedSubj$.asObservable();
@@ -590,30 +309,28 @@ class QuoteDraftService {
         return this.quoteSubj$.pipe(map(() => this.hasProducts));
     }
     get hasProducts() {
-        const quoteDraft = this.quoteSubj$.value;
-        return this.filterByActivePriceList(quoteDraft?.currentState || []).some(li => !li.assetId && !li.openOrderLineItemId);
+        return Boolean(this.quoteSubj$.value?.currentState.length);
     }
     get hasAssets$() {
-        return this.quoteSubj$.pipe(map(() => this.hasAssets));
+        return this.assetsSubj$.pipe(map(() => this.hasAssets));
     }
     get hasAssets() {
-        const quoteDraft = this.quoteSubj$.value;
-        return this.filterByActivePriceList(quoteDraft?.currentState || []).some(li => li.assetId || li.openOrderLineItemId);
+        return Boolean(this.assetsSubj$.value?.currentState.length);
+    }
+    get assetsState() {
+        return this.assetsSubj$.value;
     }
-    constructor(context, quoteApiService, priceApiService, integrationState) {
+    constructor(context, accountApiService, quoteApiService) {
         this.context = context;
+        this.accountApiService = accountApiService;
         this.quoteApiService = quoteApiService;
-        this.priceApiService = priceApiService;
-        this.integrationState = integrationState;
         this.quoteSubj$ = new BehaviorSubject(null);
+        this.assetsSubj$ = new BehaviorSubject(null);
         this.resetSubj$ = new BehaviorSubject(true);
         this.isInitializedSubj$ = new BehaviorSubject(false);
         this.initialCurrentState = [];
         this._hasUnsavedChanges = false;
-        this.allPriceLists = [];
-        this.assetPriceLists = [];
         this.reset$ = this.resetSubj$.asObservable();
-        this.activePriceList$ = this.context.resolve$().pipe(map(ctx => this.allPriceLists.find(priceList => priceList.id === ctx.properties.PriceListId)), map(priceList => priceList ?? null));
         this.isInitializedSubj$
             .pipe(filter(isInitialized => isInitialized), switchMap$1(() => this.quoteSubj$.asObservable()), skip(1), tap(quote => this.markAsUpdated(quote)))
             .subscribe();
@@ -621,19 +338,24 @@ class QuoteDraftService {
     reset() {
         this.resetSubj$.next(true);
         this.quoteSubj$.next(null);
+        this.assetsSubj$.next(null);
         this.isInitialized = false;
         this.hasUnsavedChanges = false;
     }
-    init(quoteId, params) {
-        return zip(this.quoteApiService.getQuoteDraft(quoteId, params), this.priceApiService.getPriceLists()).pipe(tap(([quote, allPriceLists]) => {
-            this.allPriceLists = allPriceLists;
+    init(headerId, params) {
+        const { mode } = this.context.resolve();
+        const assets$ = mode === ConfigurationContextMode.ACCOUNT
+            ? this.accountApiService.getAssetsState(headerId, params)
+            : of(undefined);
+        return zip(assets$, this.quoteApiService.getQuoteState(headerId, params)).pipe(tap(([assets, quote]) => {
+            if (assets) {
+                this.assetsSubj$.next(assets);
+            }
             this.quoteSubj$.next(quote);
             this.context.update(quote.context);
-            this.populateActivePriceLists$();
         }), map(() => noop()), take(1));
     }
     finalizeInit() {
-        this.initializeModifiedAssetsMap();
         this.isInitialized = true;
         this.hasUnsavedChanges = false;
     }
@@ -676,6 +398,9 @@ class QuoteDraftService {
             approvalItems: priceSummary.approvalItems,
         });
     }
+    setAssetsState(assetsState) {
+        this.assetsSubj$.next(assetsState);
+    }
     get quoteDraft$() {
         return combineLatest([this.quoteSubj$, this.context.resolve$()]).pipe(map(() => this.quoteDraft), filter((quote) => Boolean(quote)), shareReplay());
     }
@@ -689,54 +414,12 @@ class QuoteDraftService {
             context: this.context.resolve(),
         };
     }
-    get quoteDraftForActivePriceList() {
-        const quoteDraft = this.quoteDraft;
-        if (!quoteDraft) {
-            return null;
-        }
-        return {
-            ...quoteDraft,
-            initialState: this.filterByActivePriceList(quoteDraft.initialState),
-            currentState: this.filterByActivePriceList(quoteDraft.currentState),
-        };
-    }
     get currentState$() {
         return this.quoteDraft$.pipe(map(quote => quote.currentState));
     }
     get currentState() {
         return this.quoteDraft?.currentState ?? [];
     }
-    /**
-     * Stream of activeCurrentState
-     */
-    get activeCurrentState$() {
-        return this.quoteDraft$.pipe(map(() => this.activeCurrentState));
-    }
-    /**
-     * activeCurrentState is currentState passed through additional filters
-     */
-    get activeCurrentState() {
-        let currentState = this.quoteDraft?.currentState ?? [];
-        currentState = this.filterByActivePriceList(currentState);
-        return currentState;
-    }
-    /**
-     * Stream of activeInitialState
-     */
-    get activeInitialState$() {
-        return this.quoteDraft$.pipe(map(() => this.activeInitialState));
-    }
-    /**
-     * activeInitialState is initialState passed through additional filters
-     */
-    get activeInitialState() {
-        const ctx = this.context.resolve();
-        let initialState = this.quoteDraft?.initialState ?? [];
-        if (ctx.mode === ConfigurationContextMode.ACCOUNT) {
-            initialState = this.filterByActivePriceList(initialState);
-        }
-        return initialState;
-    }
     get isStandalone() {
         return this.context.resolve().properties.standalone === 'true';
     }
@@ -759,35 +442,6 @@ class QuoteDraftService {
         }
         return false;
     }
-    updateActivePriceList(priceListId) {
-        this.context.update({ properties: { PriceListId: priceListId } });
-    }
-    populateActivePriceLists$() {
-        const ctx = this.context.resolve();
-        const quoteDraft = this.quoteDraft;
-        if (!quoteDraft) {
-            return;
-        }
-        // In ACCOUNT mode populate price lists from related assets
-        if (ctx.mode === ConfigurationContextMode.ACCOUNT) {
-            // Populate list of price lists
-            this.assetPriceLists = quoteDraft.currentState
-                .map(({ priceListId }) => priceListId)
-                .reduce((trunk, priceListId) => {
-                if (!priceListId || trunk.some(item => item.id === priceListId)) {
-                    return trunk;
-                }
-                return [
-                    ...trunk,
-                    { id: priceListId, name: this.allPriceLists.find(item => item.id === priceListId)?.name ?? '' },
-                ];
-            }, []);
-        }
-    }
-    filterByActivePriceList(lineItems) {
-        const ctx = this.context.resolve();
-        return lineItems.filter(li => !li.priceListId || li.priceListId === ctx.properties.PriceListId);
-    }
     markAsUpdated(quote) {
         if (quote?.context.properties.mode === ConfigurationContextMode.ACCOUNT) {
             this.hasUnsavedChanges = !!quote && !quote.currentState.every(li => li.actionCode === 'EXIST');
@@ -796,17 +450,12 @@ class QuoteDraftService {
             this.hasUnsavedChanges = !isEqual(this.initialCurrentState, quote?.currentState);
         }
     }
-    initializeModifiedAssetsMap() {
-        this.integrationState.patchState({
-            modifiedAssets: generateModifiedAssetsMap(this.currentState),
-        });
-    }
 }
-QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: ContextService }, { token: i1.QuoteApiService }, { token: i1.PriceApiService }, { token: IntegrationState }], target: i0.ɵɵFactoryTarget.Injectable });
+QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: ContextService }, { token: i1.AccountApiService }, { token: i1.QuoteApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 QuoteDraftService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: ContextService }, { type: i1.QuoteApiService }, { type: i1.PriceApiService }, { type: IntegrationState }]; } });
+        }], ctorParameters: function () { return [{ type: ContextService }, { type: i1.AccountApiService }, { type: i1.QuoteApiService }]; } });
 
 class FlowStateService {
     constructor(contextService, quoteDraftService, flowInfoService, flowConfiguration, processorsApiService, flowStateApiService, quoteApiService, toastService, customizationService) {
@@ -838,8 +487,8 @@ class FlowStateService {
         this.isInitialized$()
             .pipe(filter$1(Boolean), filter$1(() => !this.getFlowSafe().properties.stateful), switchMap(() => this.flowConfiguration.updated$), switchMap(() => this.executeRequest$({}, true)))
             .subscribe();
-        this.charges$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(flow => {
-            if (!flow.properties.stateful) {
+        this.charges$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
+            if (this.flowInfoService.isLegacy) {
                 return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.charges));
             }
             else {
@@ -847,10 +496,10 @@ class FlowStateService {
                     cold: true,
                 }).pipe(map$1(response => (response.success ? response.result : {})));
             }
-        }), filter$1(isDefined), shareReplay$1());
+        }), shareReplay$1(1));
         this.charges$.subscribe();
-        this.pricePlans$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(flow => {
-            if (!flow.properties.stateful) {
+        this.pricePlans$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
+            if (this.flowInfoService.isLegacy) {
                 return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.pricePlans));
             }
             else {
@@ -858,10 +507,10 @@ class FlowStateService {
                     cold: true,
                 }).pipe(map$1(response => (response.success ? response.result : {})));
             }
-        }), filter$1(isDefined), shareReplay$1());
+        }), shareReplay$1(1));
         this.pricePlans$.subscribe();
-        this.activeMetrics$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(flow => {
-            if (!flow.properties.stateful) {
+        this.activeMetrics$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
+            if (this.flowInfoService.isLegacy) {
                 return this.quoteDraftService.quoteDraft$.pipe(map$1(quoteDraft => quoteDraft.activeMetrics));
             }
             else {
@@ -869,8 +518,19 @@ class FlowStateService {
                     cold: true,
                 }).pipe(map$1(response => (response.success ? response.result : [])));
             }
-        }), filter$1(isDefined), shareReplay$1());
+        }), shareReplay$1(1));
         this.activeMetrics$.subscribe();
+        this.isPriceListLocked$ = this.flowInfoService.flow$.pipe(filter$1(isDefined), switchMap(() => {
+            if (this.flowInfoService.isLegacy) {
+                return of(false);
+            }
+            else {
+                return this.subscribe$(UITemplateType.FLOW_ENGINE, 'IS_PRICE_LIST_LOCKED', null, {
+                    cold: true,
+                }).pipe(map$1(response => (response.success ? response.result : false)));
+            }
+        }), shareReplay$1(1));
+        this.isPriceListLocked$.subscribe();
     }
     init$() {
         return this.initProcessors$().pipe(switchMap(() => {
@@ -976,7 +636,7 @@ class FlowStateService {
             }
         }
         else {
-            const quoteDraft = this.quoteDraftService.quoteDraftForActivePriceList;
+            const quoteDraft = this.quoteDraftService.quoteDraft;
             if (quoteDraft) {
                 return this.quoteApiService.upsertQuote(quoteDraft).pipe(tap$1(({ configurationId }) => {
                     this.contextService.update({ properties: { ConfigurationId: configurationId } });
@@ -992,7 +652,7 @@ class FlowStateService {
             }
         }
         else {
-            const quoteDraft = this.quoteDraftService.quoteDraftForActivePriceList;
+            const quoteDraft = this.quoteDraftService.quoteDraft;
             if (quoteDraft) {
                 return this.quoteApiService.submitQuote(quoteDraft).pipe(tap$1(({ configurationId }) => {
                     this.contextService.update({ properties: { ConfigurationId: configurationId } });
@@ -1113,7 +773,12 @@ class FlowStateService {
     }
     initStateless$() {
         const { headerId } = this.contextService.resolve();
-        return this.quoteDraftService.init(headerId, this.flowInfoService.params ?? {}).pipe(switchMap(() => this.executeRequest$(this.getDefaultExecutionRequestDTO())), switchMap(() => this.calculate$()), tap$1(() => this.quoteDraftService.finalizeInit()), map$1(noop));
+        return this.quoteDraftService.init(headerId, this.flowInfoService.params ?? {}).pipe(tap$1(() => {
+            const assets = this.quoteDraftService.assetsState;
+            if (assets) {
+                this.flowStore = { ...this.flowStore, assets };
+            }
+        }), switchMap(() => this.executeRequest$(this.getDefaultExecutionRequestDTO())), switchMap(() => this.calculate$()), tap$1(() => this.quoteDraftService.finalizeInit()), map$1(noop));
     }
     calculate$() {
         const flowState = this.quoteDraftService.quoteDraft;
@@ -1206,95 +871,292 @@ class FlowStateService {
             if (!template) {
                 return;
             }
-            const localProcessors$ = this.customizationService?.getTemplateConfigurationProcessors?.(template.name) ?? of(null);
-            return localProcessors$.pipe(switchMap(processors => processors ? of(processors) : this.processorsApiService.fetchConfigurationProcessors$(template.id)), tap$1(processors => {
-                const processorsMap = processors.reduce((acc, p) => {
-                    acc[p.apiName] = p;
-                    return acc;
-                }, {});
-                this.processors[template.id] = processorsMap;
-            }));
-        })
-            .filter(isDefined);
-        if (!owners$.length) {
-            return of(undefined);
+            const localProcessors$ = this.customizationService?.getTemplateConfigurationProcessors?.(template.name) ?? of(null);
+            return localProcessors$.pipe(switchMap(processors => processors ? of(processors) : this.processorsApiService.fetchConfigurationProcessors$(template.id)), tap$1(processors => {
+                const processorsMap = processors.reduce((acc, p) => {
+                    acc[p.apiName] = p;
+                    return acc;
+                }, {});
+                this.processors[template.id] = processorsMap;
+            }));
+        })
+            .filter(isDefined);
+        if (!owners$.length) {
+            return of(undefined);
+        }
+        return forkJoin(owners$).pipe(map$1(noop));
+    }
+    executeActionScript(request, executable) {
+        const configurationProcessor = this.processors[executable.ownerId]?.[executable.apiName];
+        if (!configurationProcessor?.script) {
+            const scope = this.getScopeByOwnerId(executable.ownerId);
+            const scopeText = scope ? ` in ${scope}` : '';
+            throw `ConfigurationProcessor ${executable.apiName}${scopeText} not found`;
+        }
+        return this.executeProcessorScript(request, configurationProcessor, executable.inputData);
+    }
+    executeSelectorScript(request, executable) {
+        const configurationProcessor = this.processors[executable.ownerId]?.[executable.apiName];
+        if (!configurationProcessor?.script) {
+            const scope = this.getScopeByOwnerId(executable.ownerId);
+            const scopeText = scope ? ` in ${scope}` : '';
+            throw `ConfigurationProcessor ${executable.apiName}${scopeText} not found`;
+        }
+        return this.executeProcessorScript(request, configurationProcessor, executable.inputData);
+    }
+    executeProcessorScript(request, configurationProcessor, inputData) {
+        const scope = this.getScopeByOwnerId(configurationProcessor.ownerId ?? '');
+        let functionToExecute = this.executedFunctions[scope + configurationProcessor.apiName];
+        if (!functionToExecute) {
+            const script = `${configurationProcessor.script}\nreturn transform;`;
+            const sourceMap = `\n//# sourceURL=${scope ? scope + '/' : ''}${configurationProcessor.apiName}.js`;
+            functionToExecute = new Function(script + sourceMap)();
+            this.executedFunctions[scope + configurationProcessor.apiName] = functionToExecute;
+        }
+        return functionToExecute({
+            request,
+            inputData,
+            flowStore: this.flowStore,
+        });
+    }
+    generateRequestId(scope, selectorName, inputData) {
+        const inputDataHash = UUID.hex(JSON.stringify(inputData) || '').slice(0, 8);
+        return `${scope}/${selectorName}/${inputDataHash}`;
+    }
+    getDefaultExecutionRequestDTO() {
+        const request = {
+            actions: [],
+            selectors: {},
+        };
+        if (this.getFlowSafe().properties.standalone) {
+            return request;
+        }
+        const flowEngineTemplateId = this.getOwnerIdByScope(UITemplateType.FLOW_ENGINE);
+        request.actions?.push({
+            apiName: 'UPDATE_CONTEXT_PROPERTIES',
+            ownerId: flowEngineTemplateId,
+            inputData: this.contextService.resolve().properties,
+        });
+        return request;
+    }
+}
+FlowStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, deps: [{ token: ContextService }, { token: QuoteDraftService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.ConfigurationProcessorsApiService }, { token: i1.FlowStateApiService }, { token: i1.QuoteApiService }, { token: i6.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: ContextService }, { type: QuoteDraftService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.ConfigurationProcessorsApiService }, { type: i1.FlowStateApiService }, { type: i1.QuoteApiService }, { type: i6.ToastService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FLOW_CUSTOMIZATION]
+                }] }]; } });
+
+const findLineItem = (id, lineItems) => {
+    return findLineItemWithComparator(lineItems, (li) => li.id === id);
+};
+const findLineItemWithComparator = (lineItems, comparator) => {
+    let currentLevel = lineItems;
+    while (currentLevel.length) {
+        const found = currentLevel.find(comparator);
+        if (found) {
+            return found;
+        }
+        currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
+    }
+    return;
+};
+const insertLineItem = (lineItem, parentId, toInsert) => {
+    const insertData = lineItem.id === parentId ? [toInsert] : [];
+    return {
+        ...lineItem,
+        lineItems: [
+            ...insertData,
+            ...lineItem.lineItems.map(li => {
+                return insertLineItem(li, parentId, toInsert);
+            }),
+        ],
+    };
+};
+const removeLineItem = (lineItem, idToRemove) => {
+    return {
+        ...lineItem,
+        lineItems: lineItem.lineItems
+            .map(li => {
+            if (li.id === idToRemove) {
+                return;
+            }
+            else if (li.lineItems.length) {
+                return removeLineItem(li, idToRemove);
+            }
+            return li;
+        })
+            .filter(r => !!r),
+    };
+};
+const replaceLineItem = (lineItem, replaceTo, skipCardinalityCalculation = false) => {
+    if (lineItem.id === replaceTo.id) {
+        if (!skipCardinalityCalculation) {
+            return { ...recalculateCardinalityVariables(lineItem, replaceTo) };
+        }
+        else {
+            return { ...replaceTo };
+        }
+    }
+    return {
+        ...lineItem,
+        lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo, skipCardinalityCalculation)),
+    };
+};
+const collectCardinalityComputations = (portDomains) => {
+    const cardinalityComputations = new Map();
+    entries(portDomains).forEach(([key, portDomain]) => {
+        cardinalityComputations.set(key, portDomain.properties['cardinalityComputation'] === 'true');
+    });
+    return cardinalityComputations;
+};
+const calculateCardinalityVariables = (lineItems, cardinalityComputations) => {
+    const cardVars = new Map();
+    lineItems
+        .filter(({ port, type }) => !!port && !!type)
+        .forEach(li => {
+        if (cardinalityComputations.get(`${li.port}`)) {
+            const cardinalityVariableName = `#CV-${li.type}@${li.port}`;
+            cardVars.set(cardinalityVariableName, (cardVars.get(cardinalityVariableName) ?? 0) + li.qty);
+        }
+    });
+    return cardVars;
+};
+const cardinalityRegexp = new RegExp('#CV-[a-zA-Z0-9_]+@(?<portName>[a-zA-Z0-9_]+)');
+const recalculateCardinalityVariables = (original, updated) => {
+    const cardinalityComputations = collectCardinalityComputations(updated.portDomains ?? original.portDomains ?? {});
+    const cardinalityVariables = calculateCardinalityVariables(updated.lineItems, cardinalityComputations);
+    const originalCardinalityVariables = calculateCardinalityVariables(original.lineItems, cardinalityComputations);
+    originalCardinalityVariables.forEach((value, key) => {
+        const execArray = cardinalityRegexp.exec(key);
+        const portName = execArray?.groups?.['portName'];
+        if (!portName || cardinalityComputations.get(portName)) {
+            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 forkJoin(owners$).pipe(map$1(noop));
+    });
+    return {
+        ...updated,
+        attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value, cfgStatus: 'Changed' }))),
+    };
+};
+const mapAttributes = (attributes) => {
+    return attributes.reduce((acc, { name, value }) => ({ ...acc, [name]: value }), {});
+};
+const getAttributes = (attributes, names = []) => {
+    const filtered = attributes.filter(({ name }) => names.includes(name));
+    return sortBy(filtered, [({ name }) => names.indexOf(name)]);
+};
+const upsertAttributes = (originalAttributes, attributesToUpsert) => {
+    return attributesToUpsert.reduce((acc, { name, value }) => {
+        const [origAttr] = getAttributes(acc, [name]);
+        return [
+            ...acc.filter(attr => attr.name !== name),
+            { ...(origAttr ?? { name, type: '' }), cfgStatus: origAttr ? 'Changed' : 'User', value },
+        ];
+    }, originalAttributes);
+};
+const patchAttributes = (rootLineItem, id, attrs, skipCardinalityCalculation = false) => {
+    const lineItem = findLineItem(id, [rootLineItem]);
+    if (!lineItem) {
+        return rootLineItem;
     }
-    executeActionScript(request, executable) {
-        const configurationProcessor = this.processors[executable.ownerId]?.[executable.apiName];
-        if (!configurationProcessor?.script) {
-            const scope = this.getScopeByOwnerId(executable.ownerId);
-            const scopeText = scope ? ` in ${scope}` : '';
-            throw `ConfigurationProcessor ${executable.apiName}${scopeText} not found`;
-        }
-        return this.executeProcessorScript(request, configurationProcessor, executable.inputData);
+    const attributes = upsertAttributes(lineItem.attributes, attrs);
+    return replaceLineItem(rootLineItem, { ...lineItem, attributes }, skipCardinalityCalculation);
+};
+const getAttributeValue = (attributes, name) => attributes.find(attr => attr.name === name)?.value;
+const generateLineItem = (port, type, parentId, attributes = [], lineItems = []) => {
+    return {
+        id: UUID.UUID(),
+        port,
+        type,
+        actionCode: 'ADD',
+        cfgStatus: 'New',
+        attributes: attributes.map(({ name, value }) => ({ cfgStatus: 'User', name, value })),
+        lineItems,
+        parentId,
+        qty: 1,
+    };
+};
+const getRecommendedPrices = (portDomain, type) => {
+    const domainType = portDomain.domainTypes.find(({ name }) => name === type);
+    const [net, list] = domainType?.recommendedPrices
+        ?.filter(({ chargeMethod }) => chargeMethod === 'ONE_TIME')
+        .reduce((acc, rp) => {
+        const [netPrice, listPrice] = acc;
+        return [netPrice + rp.netPrice, listPrice + rp.listPrice];
+    }, [0, 0]) ?? [0, 0];
+    return { net, list };
+};
+const getOriginParent = (lineItems, currentLineItem) => {
+    let target = currentLineItem;
+    while (target && target.rampInstanceId) {
+        target = lineItems.find(sub => sub.id === currentLineItem.rampInstanceId);
     }
-    executeSelectorScript(request, executable) {
-        const configurationProcessor = this.processors[executable.ownerId]?.[executable.apiName];
-        if (!configurationProcessor?.script) {
-            const scope = this.getScopeByOwnerId(executable.ownerId);
-            const scopeText = scope ? ` in ${scope}` : '';
-            throw `ConfigurationProcessor ${executable.apiName}${scopeText} not found`;
-        }
-        return this.executeProcessorScript(request, configurationProcessor, executable.inputData);
+    return target;
+};
+const assetPredicateFn = (lineItem, assetId) => {
+    if (!assetId) {
+        return false;
     }
-    executeProcessorScript(request, configurationProcessor, inputData) {
-        const scope = this.getScopeByOwnerId(configurationProcessor.ownerId ?? '');
-        let functionToExecute = this.executedFunctions[scope + configurationProcessor.apiName];
-        if (!functionToExecute) {
-            const script = `${configurationProcessor.script}\nreturn transform;`;
-            const sourceMap = `\n//# sourceURL=${scope ? scope + '/' : ''}${configurationProcessor.apiName}.js`;
-            functionToExecute = new Function(script + sourceMap)();
-            this.executedFunctions[scope + configurationProcessor.apiName] = functionToExecute;
-        }
-        return functionToExecute({
-            request,
-            inputData,
-            flowStore: this.flowStore,
+    return lineItem.assetId === assetId || lineItem.openOrderLineItemId === assetId;
+};
+const multiplyLineItems = (lineItem, qty, split) => {
+    if (split) {
+        const unifyIds = (lineItem) => ({
+            ...lineItem,
+            id: UUID.UUID(),
+            lineItems: lineItem.lineItems.map(unifyIds),
         });
+        return map$2(new Array(qty), () => unifyIds(lineItem));
     }
-    generateRequestId(scope, selectorName, inputData) {
-        const inputDataHash = UUID.hex(JSON.stringify(inputData) || '').slice(0, 8);
-        return `${scope}/${selectorName}/${inputDataHash}`;
-    }
-    getDefaultExecutionRequestDTO() {
-        const request = {
-            actions: [],
-            selectors: {},
-        };
-        if (this.getFlowSafe().properties.standalone) {
-            return request;
-        }
-        const ownerId = this.getOwnerIdByScope(UITemplateType.FLOW_ENGINE);
-        request.actions?.push({
-            apiName: 'UPDATE_PRICE_LIST',
-            ownerId,
-            inputData: {},
-        });
-        request.actions?.push({
-            apiName: 'UPDATE_ASSET_IDS',
-            ownerId,
-            inputData: {},
-        });
-        request.actions?.push({
-            apiName: 'UPDATE_CONTEXT_PROPERTIES',
-            ownerId,
-            inputData: this.contextService.resolve().properties,
-        });
-        return request;
+    else {
+        return [
+            {
+                ...lineItem,
+                qty: qty,
+            },
+        ];
     }
-}
-FlowStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, deps: [{ token: ContextService }, { token: QuoteDraftService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.ConfigurationProcessorsApiService }, { token: i1.FlowStateApiService }, { token: i1.QuoteApiService }, { token: i6.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: ContextService }, { type: QuoteDraftService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.ConfigurationProcessorsApiService }, { type: i1.FlowStateApiService }, { type: i1.QuoteApiService }, { type: i6.ToastService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [FLOW_CUSTOMIZATION]
-                }] }]; } });
+};
+const isTechnicalAttribute = (name) => {
+    return name.startsWith('#') || name.startsWith('$');
+};
+const filterOutTechnicalAttributes = (attributes) => {
+    return attributes.filter(({ name }) => !isTechnicalAttribute(name));
+};
+
+var lineItem_utils = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    assetPredicateFn: assetPredicateFn,
+    filterOutTechnicalAttributes: filterOutTechnicalAttributes,
+    findLineItem: findLineItem,
+    findLineItemWithComparator: findLineItemWithComparator,
+    generateLineItem: generateLineItem,
+    getAttributeValue: getAttributeValue,
+    getAttributes: getAttributes,
+    getOriginParent: getOriginParent,
+    getRecommendedPrices: getRecommendedPrices,
+    insertLineItem: insertLineItem,
+    isTechnicalAttribute: isTechnicalAttribute,
+    mapAttributes: mapAttributes,
+    multiplyLineItems: multiplyLineItems,
+    patchAttributes: patchAttributes,
+    recalculateCardinalityVariables: recalculateCardinalityVariables,
+    removeLineItem: removeLineItem,
+    replaceLineItem: replaceLineItem,
+    upsertAttributes: upsertAttributes
+});
 
 class RuntimeSettingsService {
     constructor(configurationSettingsApiService) {
@@ -1398,6 +1260,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
 
+class LineItemWorker {
+    constructor(src) {
+        this.li = { ...src };
+    }
+    insert(parentId, toInsert) {
+        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+    }
+    remove(id) {
+        return new LineItemWorker(removeLineItem(this.li, id));
+    }
+    replace(toReplace, skipCardinalityCalculation = false) {
+        return new LineItemWorker(replaceLineItem(this.li, toReplace, skipCardinalityCalculation));
+    }
+    patchAttribute(attrs, id, skipCardinalityCalculation = false) {
+        return new LineItemWorker(patchAttributes(this.li, id ?? this.li.id, attrs, skipCardinalityCalculation));
+    }
+}
+
+function extractMetadata(uiDefinition) {
+    return omit(uiDefinition, [
+        'children',
+        'pages',
+        'components',
+    ]);
+}
+
 class ConfigurationService {
     constructor(quoteDraftService, runtimeService, contextService, configurationApiService, messageService, dialogService, runtimeSettings) {
         this.quoteDraftService = quoteDraftService;
@@ -1575,6 +1463,14 @@ class ConfigurationService {
         }
         return lineItem;
     }
+    getAsset() {
+        const lineItem = this.configurableRamp;
+        if (!lineItem) {
+            return;
+        }
+        const assetId = lineItem.assetId ?? lineItem.openOrderLineItemId;
+        return this.quoteDraftService.assetsState?.initialState.find(li => assetPredicateFn(li, assetId));
+    }
     getUIDefinitionProperties() {
         return {
             ...(this.getRuntimeContext().uiDefinitionContainer?.source.properties ?? {}),
@@ -1605,13 +1501,6 @@ class ConfigurationService {
             }
         });
     }
-    getAsset() {
-        const lineItem = this.configurableRamp;
-        if (!lineItem) {
-            return;
-        }
-        return this.quoteDraftService.quoteDraft?.initialState.find(a => a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId);
-    }
 }
 ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: ContextService }, { token: i1.ConfigurationApiService }, { token: i5.MessageService }, { token: i6$1.DialogService }, { token: RuntimeSettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
 ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService });
@@ -1791,7 +1680,7 @@ class FlowConfigurationService {
     revert$(lineItemId) {
         const quoteDraft = this.quoteDraftService.quoteDraft;
         const initialCurrentState = this.quoteDraftService.getInitialCurrentState();
-        const currentState = this.quoteDraftService.activeCurrentState;
+        const currentState = this.quoteDraftService.currentState;
         const currentLineItemIndex = currentState.findIndex(({ id }) => id === lineItemId);
         const currentLineItem = currentState[currentLineItemIndex];
         const initialLineItem = initialCurrentState.find(({ integrationId }) => integrationId === currentLineItem?.integrationId);
@@ -1839,7 +1728,7 @@ class FlowConfigurationService {
         }), switchMap(updatedState => this.calculate$({ ...quoteDraft, currentState: updatedState })), map$1(() => this.quoteDraftService.quoteDraft), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
     }
     get() {
-        return this.quoteDraftService.quoteDraft$.pipe(map$1(() => this.quoteDraftService.activeCurrentState), shareReplay$1());
+        return this.quoteDraftService.quoteDraft$.pipe(map$1(() => this.quoteDraftService.currentState), shareReplay$1());
     }
     getSnapshot() {
         return this.quoteDraftService?.currentState.slice() ?? [];
@@ -1943,6 +1832,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: FlowStateService }]; } });
 
+class IntegrationState {
+    constructor() {
+        this.stateSubj$ = new BehaviorSubject({});
+        this.action$ = new Subject();
+    }
+    get state$() {
+        return this.stateSubj$.asObservable();
+    }
+    get state() {
+        return this.stateSubj$.getValue();
+    }
+    patchState(update) {
+        this.stateSubj$.next({ ...this.stateSubj$.getValue(), ...update });
+    }
+    dispatch(action) {
+        this.action$.next(action);
+    }
+    listen$(actionType) {
+        return this.action$.pipe(filter$1(action => action.type === actionType), map$1(action => action.payload));
+    }
+    listenAll$() {
+        return this.action$.asObservable();
+    }
+    clear() {
+        this.stateSubj$.next({});
+    }
+}
+IntegrationState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IntegrationState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, decorators: [{
+            type: Injectable
+        }] });
+
 class ProductImagesService {
     constructor(productApiService) {
         this.productApiService = productApiService;
@@ -2229,10 +2151,12 @@ class ConfigurationStateService {
                     return of({ quoteId: '' });
                 }
                 const rootLineItem = this.configurationService.getSnapshot();
+                const asset = this.configurationService.getAsset();
                 const currentState = rootLineItem ? [rootLineItem] : [];
+                const initialState = asset ? [asset] : [];
                 return this.quoteApiService
-                    .getQuoteDraft(quoteId)
-                    .pipe(switchMap(quoteDraft => this.quoteApiService.upsertQuote({ ...quoteDraft, currentState })));
+                    .getQuoteState(quoteId)
+                    .pipe(switchMap(quoteDraft => this.quoteApiService.upsertQuote({ ...quoteDraft, currentState, initialState })));
             }
             else {
                 const quoteDraft = this.quoteDraftService.quoteDraft;
@@ -2241,15 +2165,22 @@ class ConfigurationStateService {
                     return of({ quoteId: '' });
                 }
                 const isNewLineItem = quoteDraft.currentState.every(li => li.id !== lineItem.id);
-                let updatedState;
+                let currentState;
                 if (isNewLineItem) {
-                    updatedState = [...quoteDraft.currentState, lineItem];
+                    currentState = [...quoteDraft.currentState, lineItem];
                 }
                 else {
-                    updatedState = quoteDraft.currentState.map(li => (li.id === lineItem.id ? lineItem : li));
+                    currentState = quoteDraft.currentState.map(li => (li.id === lineItem.id ? lineItem : li));
+                }
+                const asset = this.configurationService.getAsset();
+                const initialState = [...(this.quoteDraftService.quoteDraft?.initialState ?? [])];
+                if (asset) {
+                    if (!initialState.some(li => li.id === asset.id)) {
+                        initialState.push(asset);
+                    }
                 }
                 return this.flowConfigurationService
-                    .calculate$({ ...quoteDraft, currentState: updatedState })
+                    .calculate$({ ...quoteDraft, currentState, initialState })
                     .pipe(map$1(() => ({ quoteId: '' })));
             }
         }
@@ -2617,5 +2548,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionCodePipe, CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ConfigurationStateService, ContextService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FLOW_CUSTOMIZATION, FORMATTING_SETTINGS_TOKEN, FlowConfigurationModule, FlowConfigurationService, FlowInfoService, FlowStateConfigurationService, FlowStateService, FlowUpdateService, IntegrationState, LineItemWorker, NumberPipe, PricePipe, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, extractMetadata, filterOutTechnicalAttributes, findLineItem, findLineItemWithComparator, generateConfigurationLineItem, generateLineItem, generateModifiedAssetsMap, getAttributeValue, getAttributes, getDefaultLineItem, getGuidedSellingConfigurationRequest, getOriginParent, getRecommendedPrices, insertLineItem, isLineItemModified, isTechnicalAttribute, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
+export { ActionCodePipe, CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ConfigurationStateService, ContextService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FLOW_CUSTOMIZATION, FORMATTING_SETTINGS_TOKEN, FlowConfigurationModule, FlowConfigurationService, FlowInfoService, FlowStateConfigurationService, FlowStateService, FlowUpdateService, IntegrationState, LineItemWorker, NumberPipe, PricePipe, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, assetPredicateFn, extractMetadata, filterOutTechnicalAttributes, findLineItem, findLineItemWithComparator, generateConfigurationLineItem, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getGuidedSellingConfigurationRequest, getOriginParent, getRecommendedPrices, insertLineItem, isTechnicalAttribute, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
 //# sourceMappingURL=veloceapps-sdk-core.mjs.map