@veloceapps/sdk 11.0.0-13 → 11.0.0-130

package/fesm2015/veloceapps-sdk-core.mjs

@@ -1,419 +1,193 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
-import { UUID, ConfigurationContextMode, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, 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, UITemplateType, QuoteDraft, ChargeGroupUtils, isDefined, ConfigurationProcessorTypes, EntityUtil, ConfigurationMode, extractErrorDetails, ConfigurationTranslatorUtils, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
-import { map, first, tap, filter, switchMap as switchMap$1, skip, take, shareReplay, catchError as catchError$1, finalize as finalize$1 } from 'rxjs/operators';
-import * as i1 from '@veloceapps/api';
+import { Injectable, InjectionToken, Optional, Inject, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
+import { isDefined, UUID, 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, UITemplateType, SalesforceIdUtils, ConfigurationProcessorTypes, EntityUtil, extractErrorDetails, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
+import * as i3 from '@veloceapps/api';
 import { ApiModule } from '@veloceapps/api';
-import { HttpErrorResponse } from '@angular/common/http';
 import * as i6 from '@veloceapps/components';
-import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
-import { flatten, entries, sortBy, map as map$1, omit, uniqBy, isEqual, cloneDeep, assign, transform } from 'lodash';
-import { BehaviorSubject, map as map$2, tap as tap$1, switchMap, of, forkJoin, zip, noop, Subject, catchError, throwError, filter as filter$1, shareReplay as shareReplay$1, combineLatest, finalize, buffer, debounceTime, share, take as take$1, distinctUntilChanged, takeUntil } from 'rxjs';
-import * as i2 from '@veloceapps/api/v2';
-import * as i4 from 'primeng/api';
-import * as i5 from 'primeng/dynamicdialog';
-import moment from 'moment';
+import { ToastType, ConfirmationDialogModule } from '@veloceapps/components';
+import { tap, BehaviorSubject, map, filter, switchMap, of, forkJoin, throwError, noop, Subject, catchError, combineLatest, finalize, buffer, debounceTime, share, take, distinctUntilChanged, shareReplay, takeUntil, first } from 'rxjs';
+import * as i1 from '@veloceapps/api/v2';
+import { flatten, omit, uniqBy, cloneDeep, assign, isEqual } from 'lodash';
+import { filter as filter$1, map as map$1, tap as tap$1, catchError as catchError$1, finalize as finalize$1 } from 'rxjs/operators';
+import * as i2 from 'primeng/api';
 import { NgControl } from '@angular/forms';
 import { DATE_PIPE_DEFAULT_OPTIONS, formatDate } from '@angular/common';
 
-const getDefaultLineItem = (context, uiDefinitionProperties, qty = 1) => {
-    var _a, _b, _c;
-    const id = UUID.UUID();
-    const attributes = [];
-    const lineItems = [];
-    return Object.assign({ id, type: (_a = uiDefinitionProperties.rootType) !== null && _a !== void 0 ? _a : '', cfgStatus: 'Default', actionCode: 'ADD', qty,
-        attributes,
-        lineItems, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b['displayName']) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '' }, (uiDefinitionProperties.offeringId ? { offeringId: uiDefinitionProperties.offeringId } : {}));
-};
-const generateEmptyContext = () => {
-    return {
-        headerId: '',
-        mode: ConfigurationContextMode.TEST,
-        properties: {},
-        configurationToken: '',
-    };
-};
-const getGuidedSellingConfigurationRequest = (data) => {
-    return {
-        mode: 'SEARCH',
-        step: 'START',
-        attributeDomainMode: 'ALL',
-        context: generateEmptyContext(),
-        lineItem: {
-            actionCode: 'ADD',
-            cfgStatus: 'Default',
-            id: UUID.UUID(),
-            qty: 1,
-            type: data.modelType,
-            attributes: Object.entries(data.attributesMap).map(([name, value]) => ({
-                name,
-                value,
-                cfgStatus: 'User',
-            })),
-        },
-    };
-};
-const generateConfigurationLineItem = (props, qty = 1) => {
-    var _a, _b, _c;
-    const id = UUID.UUID();
-    const attributes = Object.entries((_a = props.attributesMap) !== null && _a !== void 0 ? _a : {}).map(([name, value]) => ({
-        name,
-        value,
-        cfgStatus: 'User',
-    }));
-    const lineItems = [];
-    return {
-        id,
-        type: (_b = props.product.typeName) !== null && _b !== void 0 ? _b : '',
-        cfgStatus: 'Default',
-        actionCode: 'ADD',
-        qty,
-        attributes,
-        lineItems,
-        productName: props.product.name,
-        productId: (_c = props.product.id) !== null && _c !== void 0 ? _c : '',
-    };
-};
-
-const FLOW_CUSTOMIZATION = new InjectionToken('FLOW_CUSTOMIZATION');
-
-const FORMATTING_SETTINGS_TOKEN = new InjectionToken('Summary of formatting settings for variant types of data, e.g. numbers, text, dates, etc');
-
-var RuntimeMode;
-(function (RuntimeMode) {
-    RuntimeMode[RuntimeMode["TEST"] = 0] = "TEST";
-    RuntimeMode[RuntimeMode["PROD"] = 1] = "PROD";
-})(RuntimeMode || (RuntimeMode = {}));
-var RuntimeOperation;
-(function (RuntimeOperation) {
-    RuntimeOperation["INIT"] = "INIT";
-    RuntimeOperation["UPDATE"] = "UPDATE";
-})(RuntimeOperation || (RuntimeOperation = {}));
-var RuntimeStep;
-(function (RuntimeStep) {
-    RuntimeStep["START"] = "START";
-    RuntimeStep["UPDATE"] = "UPDATE";
-})(RuntimeStep || (RuntimeStep = {}));
-
-const UI_DEFINITION_VERSION = 3;
-
-class RuntimeContextService {
-    constructor(configurationApiService) {
-        this.configurationApiService = configurationApiService;
-    }
-    getRuntimeContext(productId, offeringId, defaultUIDefinitionId, requiredUIDefinitionId) {
-        return this.configurationApiService
-            .getRuntimeDataByProductId(productId, offeringId, defaultUIDefinitionId, requiredUIDefinitionId)
-            .pipe(map(runtimeData => {
-            var _a;
-            const uiDefinitionContainer = this.getUIDefinitionContainer(runtimeData);
-            const runtimeModel = RuntimeModel.create(runtimeData.types, runtimeData.products);
-            const { productName, properties } = (_a = Array.from(runtimeModel.components.values()).find(c => c.productId === productId)) !== null && _a !== void 0 ? _a : {};
-            const uiDefinitionProperties = uiDefinitionContainer === null || uiDefinitionContainer === void 0 ? void 0 : uiDefinitionContainer.source.properties;
-            return {
-                modelId: runtimeData.modelId,
-                uiDefinitionContainer: uiDefinitionContainer,
-                runtimeModel: runtimeModel,
-                runtimeMode: RuntimeMode.PROD,
-                productId: productId,
-                productType: (properties === null || properties === void 0 ? void 0 : properties['displayName']) || productName,
-                offeringId: offeringId,
-                properties: {
-                    PricingEnabled: (uiDefinitionProperties === null || uiDefinitionProperties === void 0 ? void 0 : uiDefinitionProperties.pricingEnabled) ? 'true' : 'false',
-                    PriceListId: uiDefinitionProperties === null || uiDefinitionProperties === void 0 ? void 0 : uiDefinitionProperties.priceList,
-                },
-            };
-        }));
-    }
-    getUIDefinitionContainer(runtimeData) {
-        var _a;
-        const containers = runtimeData.uiDefinitions.filter(container => isNotLegacyUIDefinition(container.source));
-        return (_a = containers.find(container => container.source.primary)) !== null && _a !== void 0 ? _a : containers[0];
-    }
-}
-RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeContextService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }]; } });
-
 class ConfigurationRuntimeService {
-    constructor(apiService, runtimeContextService) {
-        this.apiService = apiService;
-        this.runtimeContextService = runtimeContextService;
-        this._isInitialized = false;
-        this.uiDefinitionProperties = {};
+    constructor(pcmApiService) {
+        this.pcmApiService = pcmApiService;
+        this.uiDefinitionContainer = null;
+    }
+    get uiDefinitionProps() {
+        var _a, _b;
+        return (_b = (_a = this.uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.source.properties) !== null && _b !== void 0 ? _b : {};
     }
     reset() {
-        this._isInitialized = false;
-        this._runtimeContext = undefined;
+        this.uiDefinitionContainer = null;
         this.initializationProps = undefined;
-        this.uiDefinitionProperties = {};
+        this.pcmModel = undefined;
     }
-    initTestMode(uiDefinitionContainer) {
-        var _a;
-        this.uiDefinitionProperties = (_a = uiDefinitionContainer.source.properties) !== null && _a !== void 0 ? _a : {};
-        return this.apiService.getRuntimeDataByModelId(uiDefinitionContainer.modelId).pipe(first(), map(runtimeData => {
-            this._runtimeContext = {
-                modelId: uiDefinitionContainer.modelId,
-                runtimeModel: RuntimeModel.create(runtimeData.types, runtimeData.products),
-                runtimeMode: RuntimeMode.TEST,
-                uiDefinitionContainer,
-            };
-            return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
-    }
-    init(props) {
+    init$(props) {
         this.initializationProps = props;
-        return this.runtimeContextService
-            .getRuntimeContext(props.productId, props.offeringId, props.defaultUIDefinitionId, props.requiredUIDefinitionId)
-            .pipe(tap(runtimeContext => {
-            var _a, _b;
-            this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.source.properties) !== null && _b !== void 0 ? _b : {};
-            this.id15to18('AccountId', runtimeContext.properties);
-            this._runtimeContext = runtimeContext;
-            return this._runtimeContext;
-        }), tap(() => (this._isInitialized = true)));
-    }
-    overrideUIDefinition(uiDefinitionContainer) {
-        var _a;
-        if (!this._runtimeContext) {
-            return;
-        }
-        this._runtimeContext.uiDefinitionContainer = uiDefinitionContainer;
-        this.uiDefinitionProperties = (_a = uiDefinitionContainer.source.properties) !== null && _a !== void 0 ? _a : {};
-    }
-    id15to18(propertyName, source) {
-        if (!source) {
-            return;
-        }
-        const value = source[propertyName];
-        if (typeof value === 'string' && value.length === 15) {
-            source[propertyName] = SalesforceIdUtils.generateId18FromId15(value);
-        }
-    }
-    get isInitialized() {
-        return this._isInitialized;
-    }
-    get runtimeModel() {
-        var _a;
-        return (_a = this.runtimeContext) === null || _a === void 0 ? void 0 : _a.runtimeModel;
-    }
-    get runtimeContext() {
-        return this._runtimeContext;
+        return this.pcmApiService.fetchPCMByProductId(props.productId).pipe(tap(pcmModel => (this.pcmModel = pcmModel)));
     }
 }
-ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, deps: [{ token: i1.ConfigurationApiService }, { token: RuntimeContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationRuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, deps: [{ token: i1.PCMApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 ConfigurationRuntimeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationRuntimeService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: RuntimeContextService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.PCMApiService }]; } });
 
-const findLineItem = (id, lineItems) => {
-    return findLineItemWithComparator(lineItems, (li) => li.id === id);
+class PCMUtils {
+    static mapByPrcId(pcm) {
+        const map = {};
+        if (pcm.productRelatedComponent) {
+            map[pcm.productRelatedComponent.id] = pcm;
+        }
+        for (const group of pcm.productComponentGroups) {
+            for (const gc of group.components) {
+                Object.assign(map, PCMUtils.mapByPrcId(gc));
+            }
+        }
+        return map;
+    }
+}
+
+const findTransactionItem = (id, items) => {
+    return findTransactionItemWithComparator(items, (ti) => ti.id === id);
 };
-const findLineItemWithComparator = (lineItems, comparator) => {
-    let currentLevel = lineItems;
+const findTransactionItemWithComparator = (items, comparator) => {
+    let currentLevel = items;
     while (currentLevel.length) {
         const found = currentLevel.find(comparator);
         if (found) {
             return found;
         }
-        currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
+        currentLevel = flatten(currentLevel.map(parent => parent.children));
     }
     return;
 };
-const insertLineItem = (lineItem, parentId, toInsert) => {
-    const insertData = lineItem.id === parentId ? [toInsert] : [];
-    return Object.assign(Object.assign({}, lineItem), { lineItems: [
+const insertTransactionItem = (item, parentId, toInsert) => {
+    const insertData = item.id === parentId ? [toInsert] : [];
+    return Object.assign(Object.assign({}, item), { children: [
             ...insertData,
-            ...lineItem.lineItems.map(li => {
-                return insertLineItem(li, parentId, toInsert);
+            ...item.children.map(ti => {
+                return insertTransactionItem(ti, parentId, toInsert);
             }),
         ] });
 };
-const removeLineItem = (lineItem, idToRemove) => {
-    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems
-            .map(li => {
-            if (li.id === idToRemove) {
+const removeTransactionItem = (item, idToRemove) => {
+    return Object.assign(Object.assign({}, item), { children: item.children
+            .map(ti => {
+            if (ti.id === idToRemove) {
                 return;
             }
-            else if (li.lineItems.length) {
-                return removeLineItem(li, idToRemove);
+            else if (ti.children.length) {
+                return removeTransactionItem(ti, idToRemove);
             }
-            return li;
+            return ti;
         })
-            .filter(r => !!r) });
+            .filter(isDefined) });
 };
-const replaceLineItem = (lineItem, replaceTo, skipCardinalityCalculation = false) => {
-    if (lineItem.id === replaceTo.id) {
-        if (!skipCardinalityCalculation) {
-            return Object.assign({}, recalculateCardinalityVariables(lineItem, replaceTo));
-        }
-        else {
-            return Object.assign({}, replaceTo);
-        }
+const replaceTransactionItem = (item, replaceTo) => {
+    if (item.id === replaceTo.id) {
+        return Object.assign({}, replaceTo);
     }
-    return Object.assign(Object.assign({}, lineItem), { lineItems: lineItem.lineItems.map(li => replaceLineItem(li, replaceTo, skipCardinalityCalculation)) });
+    return Object.assign(Object.assign({}, item), { children: item.children.map(ti => replaceTransactionItem(ti, replaceTo)) });
 };
-const collectCardinalityComputations = (portDomains) => {
-    const cardinalityComputations = new Map();
-    entries(portDomains).forEach(([key, portDomain]) => {
-        cardinalityComputations.set(key, portDomain.properties['cardinalityComputation'] === 'true');
-    });
-    return cardinalityComputations;
+const generateTransactionItem = (option, salesTransactionId, qty, parentTi) => {
+    const newItem = generateTransactionItemFromPCM(option, salesTransactionId, parentTi);
+    // propagate Proportional quantities to children
+    const updatedNewItem = updateQuantity(newItem, qty !== null && qty !== void 0 ? qty : newItem.qty, option, parentTi === null || parentTi === void 0 ? void 0 : parentTi.qty);
+    return updatedNewItem;
 };
-const calculateCardinalityVariables = (lineItems, cardinalityComputations) => {
-    const cardVars = new Map();
-    lineItems
-        .filter(({ port, type }) => !!port && !!type)
-        .forEach(li => {
-        var _a;
-        if (cardinalityComputations.get(`${li.port}`)) {
-            const cardinalityVariableName = `#CV-${li.type}@${li.port}`;
-            cardVars.set(cardinalityVariableName, ((_a = cardVars.get(cardinalityVariableName)) !== null && _a !== void 0 ? _a : 0) + li.qty);
-        }
-    });
-    return cardVars;
-};
-const cardinalityRegexp = new RegExp('#CV-[a-zA-Z0-9_]+@(?<portName>[a-zA-Z0-9_]+)');
-const recalculateCardinalityVariables = (original, updated) => {
-    var _a, _b;
-    const cardinalityComputations = collectCardinalityComputations((_b = (_a = updated.portDomains) !== null && _a !== void 0 ? _a : original.portDomains) !== null && _b !== void 0 ? _b : {});
-    const cardinalityVariables = calculateCardinalityVariables(updated.lineItems, cardinalityComputations);
-    const originalCardinalityVariables = calculateCardinalityVariables(original.lineItems, cardinalityComputations);
-    originalCardinalityVariables.forEach((value, key) => {
-        var _a;
-        const execArray = cardinalityRegexp.exec(key);
-        const portName = (_a = execArray === null || execArray === void 0 ? void 0 : execArray.groups) === null || _a === void 0 ? void 0 : _a['portName'];
-        if (!portName || cardinalityComputations.get(portName)) {
-            if (cardinalityVariables.get(key) === value) {
-                // no need to update cardinality if no changes
-                cardinalityVariables.delete(key);
+const generateTransactionItemFromPCM = (option, salesTransactionId, parentTi) => {
+    var _a, _b, _c, _d, _e;
+    const childId = UUID.UUID();
+    const newItem = {
+        id: childId,
+        productId: option.id,
+        productName: option.name,
+        productCode: option.productCode,
+        productRelatedComponentId: (_a = option.productRelatedComponent) === null || _a === void 0 ? void 0 : _a.id,
+        stiAttributes: [],
+        attributes: {
+            ParentReference: salesTransactionId,
+            ItemPath: option.id,
+            SalesTransactionItemSource: childId,
+            SalesTransactionItemParent: salesTransactionId,
+            ProductSellingModel: (_c = (_b = option.productSellingModelOptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.productSellingModel.id,
+        },
+        qty: (_e = (_d = option.productRelatedComponent) === null || _d === void 0 ? void 0 : _d.quantity) !== null && _e !== void 0 ? _e : 1,
+    };
+    if (parentTi) {
+        newItem.parentId = parentTi.id;
+    }
+    newItem.children = option.productComponentGroups.reduce((acc, group) => {
+        group.components.forEach(component => {
+            var _a, _b;
+            if (((_a = component.productRelatedComponent) === null || _a === void 0 ? void 0 : _a.isComponentRequired) ||
+                ((_b = component.productRelatedComponent) === null || _b === void 0 ? void 0 : _b.isDefaultComponent)) {
+                acc.push(generateTransactionItemFromPCM(component, salesTransactionId, newItem));
             }
-            else if (!cardinalityVariables.has(key)) {
-                // remove last item from port
-                cardinalityVariables.set(key, 0);
+        });
+        return acc;
+    }, []);
+    return newItem;
+};
+const flattenTransactionItem = (ti) => {
+    const result = [];
+    const traverse = (item) => {
+        if (!item)
+            return;
+        result.push(item);
+        if (Array.isArray(item.children) && item.children.length) {
+            for (const child of item.children) {
+                traverse(child);
             }
         }
-    });
-    return Object.assign(Object.assign({}, updated), { attributes: upsertAttributes(updated.attributes, [...cardinalityVariables].map(([name, value]) => ({ name, value, cfgStatus: 'Changed' }))) });
-};
-const mapAttributes = (attributes) => {
-    return attributes.reduce((acc, { name, value }) => (Object.assign(Object.assign({}, 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),
-            Object.assign(Object.assign({}, (origAttr !== null && origAttr !== void 0 ? 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, Object.assign(Object.assign({}, lineItem), { attributes }), skipCardinalityCalculation);
-};
-const getAttributeValue = (attributes, name) => { var _a; return (_a = attributes.find(attr => attr.name === name)) === null || _a === void 0 ? void 0 : _a.value; };
-const generateLineItem = (port, type, parentId, attributes = [], lineItems = []) => {
-    return {
-        id: UUID.UUID(),
-        port,
-        type,
-        actionCode: 'ADD',
-        cfgStatus: 'New',
-        attributes: attributes.map(({ name, value }) => ({ cfgStatus: 'User', name, value })),
-        lineItems,
-        parentId,
-        qty: 1,
     };
+    traverse(ti);
+    return result;
 };
-const getRecommendedPrices = (portDomain, type) => {
-    var _a, _b;
-    const domainType = portDomain.domainTypes.find(({ name }) => name === type);
-    const [net, list] = (_b = (_a = domainType === null || domainType === void 0 ? void 0 : domainType.recommendedPrices) === null || _a === void 0 ? void 0 : _a.filter(({ chargeMethod }) => chargeMethod === 'ONE_TIME').reduce((acc, rp) => {
-        const [netPrice, listPrice] = acc;
-        return [netPrice + rp.netPrice, listPrice + rp.listPrice];
-    }, [0, 0])) !== null && _b !== void 0 ? _b : [0, 0];
-    return { net, list };
-};
-const getOriginParent = (lineItems, currentLineItem) => {
-    let target = currentLineItem;
-    while (target && target.rampInstanceId) {
-        target = lineItems.find(sub => sub.id === currentLineItem.rampInstanceId);
-    }
-    return target;
-};
-const assetPredicateFn = (lineItem, assetId) => {
-    if (!assetId) {
-        return false;
-    }
-    return lineItem.assetId === assetId || lineItem.openOrderLineItemId === assetId;
-};
-const multiplyLineItems = (lineItem, qty, split) => {
-    if (split) {
-        const unifyIds = (lineItem) => (Object.assign(Object.assign({}, lineItem), { id: UUID.UUID(), lineItems: lineItem.lineItems.map(unifyIds) }));
-        return map$1(new Array(qty), () => unifyIds(lineItem));
-    }
-    else {
-        return [
-            Object.assign(Object.assign({}, lineItem), { qty: qty }),
-        ];
-    }
-};
-const isTechnicalAttribute = (name) => {
-    return name.startsWith('#') || name.startsWith('$');
-};
-const filterOutTechnicalAttributes = (attributes) => {
-    return attributes.filter(({ name }) => !isTechnicalAttribute(name));
+const updateQuantity = (ti, qty, pcm, parentQty = 1) => {
+    const pcmMap = PCMUtils.mapByPrcId(pcm);
+    const calcNewQty = (item, parentPrevQty, parentNewQty, parentPcm, inputQty, isDirectChange) => {
+        var _a;
+        const scaleMethod = (_a = parentPcm === null || parentPcm === void 0 ? void 0 : parentPcm.productRelatedComponent) === null || _a === void 0 ? void 0 : _a.quantityScaleMethod;
+        if (isDirectChange) {
+            return scaleMethod === 'Proportional' ? parentPrevQty * inputQty : inputQty;
+        }
+        else {
+            return scaleMethod === 'Proportional' ? (item.qty / parentPrevQty) * parentNewQty : item.qty;
+        }
+    };
+    const updateItem = (item, parentPrevQty, parentNewQty, isDirectChange) => {
+        const pcm = pcmMap[item.productRelatedComponentId];
+        let nextQty = item.qty;
+        if (item.id === ti.id || isDirectChange) {
+            nextQty = calcNewQty(item, parentPrevQty, parentNewQty, pcm, qty, true);
+        }
+        else if (parentPrevQty !== parentNewQty) {
+            nextQty = calcNewQty(item, parentPrevQty, parentNewQty, pcm, qty, false);
+        }
+        return Object.assign(Object.assign({}, item), { qty: nextQty, children: item.children.map(child => updateItem(child, item.qty, nextQty, false)) });
+    };
+    return updateItem(ti, parentQty, parentQty, false);
 };
 
-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 LineItemWorker {
+class TransactionItemWorker {
     constructor(src) {
-        this.li = Object.assign({}, src);
+        this.ti = Object.assign({}, src);
     }
     insert(parentId, toInsert) {
-        return new LineItemWorker(insertLineItem(this.li, parentId, toInsert));
+        return new TransactionItemWorker(insertTransactionItem(this.ti, parentId, toInsert));
     }
     remove(id) {
-        return new LineItemWorker(removeLineItem(this.li, id));
+        return new TransactionItemWorker(removeTransactionItem(this.ti, 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 !== null && id !== void 0 ? id : this.li.id, attrs, skipCardinalityCalculation));
+    replace(toReplace) {
+        return new TransactionItemWorker(replaceTransactionItem(this.ti, toReplace));
     }
 }
 
@@ -425,6 +199,8 @@ function extractMetadata(uiDefinition) {
     ]);
 }
 
+const FLOW_CUSTOMIZATION = new InjectionToken('FLOW_CUSTOMIZATION');
+
 class RuntimeSettingsService {
     constructor(configurationSettingsApiService) {
         this.configurationSettingsApiService = configurationSettingsApiService;
@@ -442,12 +218,12 @@ class RuntimeSettingsService {
         };
     }
     create() {
-        return this.configurationSettingsApiService.fetchSettings().pipe(map$2(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => {
+        return this.configurationSettingsApiService.fetchSettings().pipe(map(settings => this.parseConfigurationSettings(settings)), tap(configurationSettings => {
             var _a;
             this.configurationSettings$.next(configurationSettings);
             this.addShoppingCartSettings((_a = configurationSettings['shopping-cart']) !== null && _a !== void 0 ? _a : []);
             this.formattingSettings = this.getFormattingSettings();
-        }), map$2(() => undefined));
+        }), map(() => undefined));
     }
     initCurrency(iso) {
         if (iso) {
@@ -533,6 +309,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
 
 class FlowInfoService {
+    constructor(runtimeSettingsService, templatesAdminApiService, customizationService) {
+        this.runtimeSettingsService = runtimeSettingsService;
+        this.templatesAdminApiService = templatesAdminApiService;
+        this.customizationService = customizationService;
+        this.defaultTemplates = {
+            flowEngine: 'Flow Engine',
+        };
+        this.flowSubj$ = new BehaviorSubject(null);
+        this.templatesSubj$ = new BehaviorSubject({});
+        this.contextSubj$ = new BehaviorSubject(null);
+        this.flow$ = this.flowSubj$.asObservable();
+        this.templates$ = this.templatesSubj$.asObservable();
+    }
     get flow() {
         if (!this.flowSubj$.value) {
             throw new Error(`Flow not initialized yet`);
@@ -548,30 +337,20 @@ class FlowInfoService {
         }
         return Object.assign({}, this.contextSubj$.value);
     }
+    get context$() {
+        return this.contextSubj$.asObservable().pipe(filter(isDefined));
+    }
     get templates() {
         return this.templatesSubj$.value;
     }
     get isFlowEngineInitialized$() {
-        return this.templates$.pipe(map$2(v => Boolean(v.FLOW_ENGINE)));
+        return this.templates$.pipe(map(v => Boolean(v.FLOW_ENGINE)));
     }
     get isStateful() {
         var _a;
         return !!((_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful);
     }
-    constructor(runtimeSettingsService, templatesApiService, customizationService) {
-        this.runtimeSettingsService = runtimeSettingsService;
-        this.templatesApiService = templatesApiService;
-        this.customizationService = customizationService;
-        this.defaultTemplates = {
-            flowEngine: 'Flow Engine',
-        };
-        this.flowSubj$ = new BehaviorSubject(null);
-        this.templatesSubj$ = new BehaviorSubject({});
-        this.contextSubj$ = new BehaviorSubject(null);
-        this.flow$ = this.flowSubj$.asObservable();
-        this.templates$ = this.templatesSubj$.asObservable();
-    }
-    cleanup() {
+    reset() {
         this.flowSubj$.next(null);
         this.templatesSubj$.next({});
         this.contextSubj$.next(null);
@@ -579,6 +358,9 @@ class FlowInfoService {
     init$(flowId, routeQueryParams) {
         return this.initFlow$(flowId, routeQueryParams).pipe(switchMap(() => this.initFlowTemplates$()));
     }
+    updateContext(update) {
+        this.contextSubj$.next(Object.assign(Object.assign({}, this.context), update));
+    }
     initFlow$(flowId, routeQueryParams) {
         var _a;
         const flow = (_a = this.runtimeSettingsService.getConfigurationSettings()['flows']) === null || _a === void 0 ? void 0 : _a.find(({ id }) => flowId === id);
@@ -602,9 +384,9 @@ class FlowInfoService {
     initFlowTemplates$() {
         var _a, _b, _c;
         return forkJoin([
-            this.templatesApiService.fetchTemplates$(),
+            this.templatesAdminApiService.fetchTemplates$(),
             (_c = (_b = (_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplates) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : of([]),
-        ]).pipe(map$2(([templates, localTemplates]) => {
+        ]).pipe(map(([templates, localTemplates]) => {
             var _a, _b;
             const newValue = {};
             Object.entries(Object.assign(Object.assign({}, this.defaultTemplates), ((_b = (_a = this.flow) === null || _a === void 0 ? void 0 : _a.properties.templates) !== null && _b !== void 0 ? _b : {}))).forEach(([key, name]) => {
@@ -649,12 +431,12 @@ class FlowInfoService {
         return objectName.toUpperCase();
     }
 }
-FlowInfoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, deps: [{ token: RuntimeSettingsService }, { token: i2.UITemplatesApiService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowInfoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, deps: [{ token: RuntimeSettingsService }, { token: i1.UITemplatesAdminApiService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 FlowInfoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
-        return [{ type: RuntimeSettingsService }, { type: i2.UITemplatesApiService }, { type: undefined, decorators: [{
+        return [{ type: RuntimeSettingsService }, { type: i1.UITemplatesAdminApiService }, { type: undefined, decorators: [{
                         type: Optional
                     }, {
                         type: Inject,
@@ -662,386 +444,150 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     }] }];
     } });
 
-/**
- * @deprecated
- */
-class QuoteDraftService {
-    get isInitialized$() {
-        return this.isInitializedSubj$.asObservable();
-    }
-    get isInitialized() {
-        return this.isInitializedSubj$.getValue();
-    }
-    set isInitialized(value) {
-        if (this.isInitialized !== value) {
-            this.isInitializedSubj$.next(value);
-        }
-    }
-    get hasUnsavedChanges() {
-        return this._hasUnsavedChanges;
-    }
-    set hasUnsavedChanges(value) {
-        var _a, _b;
-        this._hasUnsavedChanges = value;
-        if (!this._hasUnsavedChanges) {
-            this.initialCurrentState = (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
-        }
-    }
-    get hasProducts$() {
-        return this.quoteSubj$.pipe(map(() => this.hasProducts));
-    }
-    get hasProducts() {
-        var _a;
-        return Boolean((_a = this.quoteSubj$.value) === null || _a === void 0 ? void 0 : _a.currentState.length);
-    }
-    get hasAssets$() {
-        return this.assetsSubj$.pipe(map(() => this.hasAssets));
-    }
-    get hasAssets() {
-        var _a;
-        return Boolean((_a = this.assetsSubj$.value) === null || _a === void 0 ? void 0 : _a.currentState.length);
-    }
-    get assetsState() {
-        return this.assetsSubj$.value;
-    }
-    constructor(flowInfoService, accountApiService) {
+class TestModeConfigurationService {
+    constructor(flowInfoService, configurationService, configurationRuntimeService, salesTransactionService, runtimeSettingsService, sfApiService) {
         this.flowInfoService = flowInfoService;
-        this.accountApiService = accountApiService;
-        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.reset$ = this.resetSubj$.asObservable();
-        this.isInitializedSubj$
-            .pipe(filter(isInitialized => isInitialized), switchMap$1(() => this.quoteSubj$.asObservable()), skip(1), tap(quote => this.markAsUpdated(quote)))
-            .subscribe();
-    }
-    reset() {
-        this.resetSubj$.next(true);
-        this.quoteSubj$.next(null);
-        this.assetsSubj$.next(null);
+        this.configurationService = configurationService;
+        this.configurationRuntimeService = configurationRuntimeService;
+        this.salesTransactionService = salesTransactionService;
+        this.runtimeSettingsService = runtimeSettingsService;
+        this.sfApiService = sfApiService;
         this.isInitialized = false;
-        this.hasUnsavedChanges = false;
-    }
-    init(headerId, params) {
-        const isAccountMode = this.flowInfoService.context.mode === ConfigurationContextMode.ACCOUNT;
-        const accountId = isAccountMode ? headerId : this.flowInfoService.context['accountId'];
-        return zip(accountId ? this.accountApiService.getAssetsState(accountId, params) : of(null), isAccountMode
-            ? of(QuoteDraft.emptyQuote(ConfigurationContextMode.ACCOUNT))
-            : of(QuoteDraft.emptyQuote(ConfigurationContextMode.QUOTE))).pipe(tap(([assets, quote]) => {
-            if (assets) {
-                this.assetsSubj$.next(assets);
-            }
-            this.quoteSubj$.next(quote);
-        }), map(() => noop()), take(1));
-    }
-    finalizeInit() {
-        this.isInitialized = true;
-        this.hasUnsavedChanges = false;
-    }
-    setCurrentLineItemState(lineItems) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
-        }
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: lineItems }));
-    }
-    updateQuoteDraft(update) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
-        }
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), update));
-    }
-    updateByPriceSummary(priceSummary) {
-        const quoteDraft = this.quoteSubj$.value;
-        if (!quoteDraft) {
-            return;
-        }
-        const updatedCurrentState = this.currentState.map(lineItem => {
-            const updated = priceSummary.lineItems.find(li => li.id === lineItem.id);
-            return updated !== null && updated !== void 0 ? updated : lineItem;
-        });
-        this.quoteSubj$.next(Object.assign(Object.assign({}, quoteDraft), { currentState: updatedCurrentState, totalPrices: priceSummary.totalPrices, approvalItems: priceSummary.approvalItems }));
-    }
-    setAssetsState(assetsState) {
-        this.assetsSubj$.next(assetsState);
-    }
-    get quoteDraft$() {
-        return this.quoteSubj$.pipe(map(() => this.quoteDraft), filter((quote) => Boolean(quote)), shareReplay());
-    }
-    get quoteDraft() {
-        return this.quoteSubj$.value;
-    }
-    get currentState$() {
-        return this.quoteDraft$.pipe(map(quote => quote.currentState));
-    }
-    get currentState() {
-        var _a, _b;
-        return (_b = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.currentState) !== null && _b !== void 0 ? _b : [];
-    }
-    get isStandalone() {
-        var _a, _b;
-        return (_b = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.standalone) !== null && _b !== void 0 ? _b : false;
-    }
-    get isStandalone$() {
-        return this.flowInfoService.flow$.pipe(map(() => this.isStandalone));
-    }
-    getInitialCurrentState() {
-        return this.initialCurrentState;
-    }
-    isEditMode$() {
-        return this.quoteDraft$.pipe(map(() => this.isEditMode()));
     }
-    isEditMode() {
+    initTestMode$(uiDefinitionContainer, options) {
         var _a;
-        const context = (_a = this.quoteDraft) === null || _a === void 0 ? void 0 : _a.context;
-        if ((context === null || context === void 0 ? void 0 : context.mode) === ConfigurationContextMode.ACCOUNT) {
-            return true;
+        this.configurationRuntimeService.uiDefinitionContainer = uiDefinitionContainer;
+        if (this.checkInitialized(uiDefinitionContainer)) {
+            this.configurationRuntimeService.pcmModel = this.pcmModel;
+            return of(undefined);
         }
-        if ((context === null || context === void 0 ? void 0 : context.mode) === ConfigurationContextMode.QUOTE) {
-            return context.properties.Status === 'Draft';
+        this.configurationService.reset();
+        const { productId, quoteId, flowId } = (_a = uiDefinitionContainer.source.properties) !== null && _a !== void 0 ? _a : {};
+        if (!productId) {
+            return throwError(() => 'Unable to start the Configuration Preview: Product is missing.');
         }
-        return false;
-    }
-    markAsUpdated(quote) {
-        if ((quote === null || quote === void 0 ? void 0 : quote.context.properties['#mode']) === ConfigurationContextMode.ACCOUNT) {
-            this.hasUnsavedChanges = !!quote && !quote.currentState.every(li => li.actionCode === 'EXIST');
+        if (!quoteId) {
+            return throwError(() => `Unable to start the Configuration Preview: Quote is missing.`);
         }
-        else {
-            this.hasUnsavedChanges = !isEqual(this.initialCurrentState, quote === null || quote === void 0 ? void 0 : quote.currentState);
+        if (!flowId) {
+            return throwError(() => `Unable to start the Configuration Preview: Flow is missing.`);
         }
-    }
-}
-QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: FlowInfoService }, { token: i1.AccountApiService }], 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: FlowInfoService }, { type: i1.AccountApiService }]; } });
-
-class FlowUpdateService {
-    update(rootLineItems, updates, charges) {
-        let remainingUpdates = [...updates];
-        let currentLevel = rootLineItems;
-        while (currentLevel.length && remainingUpdates.length) {
-            currentLevel.forEach(li => {
-                const unhandledUpdates = [];
-                remainingUpdates.forEach(update => {
-                    let updated = false;
-                    switch (update.dataType) {
-                        case 'LINEITEM':
-                            updated = this.applyLineItemUpdate(li, update, charges);
-                            break;
-                        case 'CHARGE':
-                            updated = this.applyChargeUpdate(li, update);
-                            break;
-                        case 'GROUP_CHARGE':
-                            updated = this.applyChargeGroupUpdate(li, update);
-                            break;
-                        default:
-                            // Unknown dataType. Do not try to handle it anymore
-                            updated = true;
-                    }
-                    if (!updated) {
-                        unhandledUpdates.push(update);
-                    }
-                });
-                remainingUpdates = unhandledUpdates;
-            });
-            currentLevel = flatten(currentLevel.map(parent => parent.lineItems));
-        }
-    }
-    delete(lineItems, id) {
-        const idsToRemove = [id];
-        const topLevelLineItem = lineItems.find(li => li.id === id);
-        if (topLevelLineItem) {
-            // find term-related line items (which are only top level)
-            // expired term line items won't be deleted
-            let foundTermLineItem = topLevelLineItem;
-            while (foundTermLineItem) {
-                foundTermLineItem = lineItems.find(li => foundTermLineItem && li.rampInstanceId === foundTermLineItem.id);
-                if (foundTermLineItem) {
-                    idsToRemove.push(foundTermLineItem.id);
-                }
+        return this.runtimeSettingsService.create().pipe(switchMap(() => this.flowInfoService.init$(flowId, { productId, headerId: quoteId, testMode: true })), switchMap(() => this.configurationRuntimeService.init$({ productId })), tap(pcmModel => (this.pcmModel = pcmModel)), switchMap(() => {
+            if (options === null || options === void 0 ? void 0 : options.customizationMode) {
+                return of(undefined);
             }
-        }
-        const filtered = lineItems.filter(lineItem => !idsToRemove.includes(lineItem.id));
-        return filtered.map(lineItem => new LineItemWorker(lineItem).remove(id).li);
+            return this.initConfiguration$(quoteId);
+        }), tap(() => (this.isInitialized = true)), map(noop));
     }
-    applyLineItemUpdate(lineItem, update, charges) {
-        if (lineItem.id !== update.id) {
-            return false;
-        }
-        switch (update.attributeType) {
-            case 'QTY':
-                lineItem.qty = update.newValue;
-                break;
-            case 'EFFECTIVE_START_DATE':
-                lineItem.properties['StartDate'] = moment(update.newValue).format('YYYY-MM-DD');
-                break;
-            case 'END_DATE':
-                lineItem.properties['EndDate'] = moment(update.newValue).format('YYYY-MM-DD');
-                break;
-            case 'PRICE_ADJUSTMENT':
-                {
-                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
-                    if (charge) {
-                        charge.priceAdjustment = update.newValue;
-                    }
-                }
-                break;
-            case 'LIST_PRICE_ADJUSTMENT':
-            case 'MARGIN_ADJUSTMENT':
-                {
-                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
-                    if (charge) {
-                        charge.listPriceAdjustment = update.newValue;
-                    }
-                }
-                break;
-            case 'COST_ADJUSTMENT':
-                {
-                    const charge = lineItem.chargeItems.find(charge => { var _a; return (_a = (charges || {})[charge.chargeId]) === null || _a === void 0 ? void 0 : _a.main; });
-                    if (charge) {
-                        charge.costAdjustment = update.newValue;
-                    }
-                }
-                break;
-            default:
-                throw new Error(`Not suppored AttributeType for LineItem update: ${update.attributeType}`);
-        }
-        return true;
+    initConfiguration$(quoteId) {
+        return this.getPriceBookId(quoteId).pipe(map(priceBookId => this.getTestTransactionContext(quoteId, priceBookId)), tap(state => this.salesTransactionService.setState(state)), switchMap(() => this.configurationService.init$()), switchMap(() => this.configurationService.state
+            ? this.configurationService.configure$(this.configurationService.state)
+            : of(undefined)), map(noop));
     }
-    applyChargeUpdate(lineItem, update) {
-        const foundCharge = lineItem.chargeItems.find(({ id }) => id === update.id);
-        if (!foundCharge) {
-            return false;
-        }
-        if (update.attributeType === 'PRICE_ADJUSTMENT') {
-            foundCharge.priceAdjustment = update.newValue;
-        }
-        else if (update.attributeType === 'LIST_PRICE_ADJUSTMENT') {
-            foundCharge.listPriceAdjustment = update.newValue;
-        }
-        else {
-            throw new Error(`Not suppored AttributeType for Charge Item update: ${update.attributeType}`);
-        }
-        return true;
+    getPriceBookId(quoteId) {
+        return this.sfApiService
+            .query({ count: 1, fields: ['Pricebook2Id'], rawCondition: `Id = '${quoteId}'` }, 'Quote')
+            .pipe(map(r => { var _a, _b; return (_b = (_a = r === null || r === void 0 ? void 0 : r[0]) === null || _a === void 0 ? void 0 : _a.Pricebook2Id) !== null && _b !== void 0 ? _b : null; }));
     }
-    applyChargeGroupUpdate(lineItem, update) {
-        const foundChargeGroup = ChargeGroupUtils.findChargeGroupById(update.id, lineItem);
-        if (!foundChargeGroup) {
-            return false;
-        }
-        if (update.attributeType === 'PRICE_ADJUSTMENT') {
-            foundChargeGroup.priceAdjustment = update.newValue;
-        }
-        else if (update.attributeType === 'LIST_PRICE_ADJUSTMENT') {
-            foundChargeGroup.listPriceAdjustment = update.newValue;
-        }
-        else {
-            throw new Error(`Not suppored AttributeType for Charge Group Item update: ${update.attributeType}`);
+    getTestTransactionContext(quoteId, priceBookId) {
+        var _a;
+        const dateStr = (_a = new Date().toISOString().split('T')[0]) !== null && _a !== void 0 ? _a : '';
+        const testTransaction = {
+            id: quoteId,
+            businessObjectType: 'Quote',
+            salesTransactionItems: [],
+            salesTransactionName: 'Test Quote',
+            account: '',
+            quoteAccount: '',
+            pricebook: '',
+            status: 'Draft',
+            totalAmount: 0,
+            subtotal: 0,
+            activatedDate: dateStr,
+            effectiveDate: dateStr,
+            startDate: dateStr,
+            attributes: {},
+            nodes: {},
+        };
+        if (priceBookId) {
+            testTransaction.pricebook = priceBookId;
         }
-        return true;
+        return {
+            salesTransaction: testTransaction,
+            transactionId: quoteId,
+            businessObjectType: 'Quote',
+            nodes: {},
+            id: UUID.UUID(),
+            attributes: {},
+        };
+    }
+    checkInitialized(uiDefinitionContainer) {
+        var _a;
+        return this.isInitialized && !!((_a = uiDefinitionContainer.source.properties) === null || _a === void 0 ? void 0 : _a.persistTestState);
     }
 }
-FlowUpdateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowUpdateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FlowUpdateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowUpdateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowUpdateService, decorators: [{
+TestModeConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TestModeConfigurationService, deps: [{ token: FlowInfoService }, { token: ConfigurationService }, { token: ConfigurationRuntimeService }, { token: SalesTransactionService }, { token: RuntimeSettingsService }, { token: i1.SalesforceApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+TestModeConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TestModeConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TestModeConfigurationService, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: ConfigurationService }, { type: ConfigurationRuntimeService }, { type: SalesTransactionService }, { type: RuntimeSettingsService }, { type: i1.SalesforceApiService }]; } });
 
-class FlowConfigurationService {
-    constructor(proceduresApiService, 
-    // private quoteDraftService: QuoteDraftService,
-    salesTransactionService, updateService, configurationService, flowInfoService) {
-        this.proceduresApiService = proceduresApiService;
-        this.salesTransactionService = salesTransactionService;
-        this.updateService = updateService;
-        this.configurationService = configurationService;
-        this.flowInfoService = flowInfoService;
-        this.updatedSubj$ = new Subject();
-        this.updated$ = this.updatedSubj$.asObservable();
-    }
-    calculate$(state) {
-        return this.proceduresApiService.apply$({ salesTransaction: state }).pipe(tap$1(result => this.salesTransactionService.setState(result.salesTransaction)), map$2(noop));
-    }
-    calculate(state) {
-        this.calculate$(state).subscribe();
+class GuidedSellingService {
+    constructor(orchestrationsApiService) {
+        this.orchestrationsApiService = orchestrationsApiService;
+        this.guidedSellingResult$ = new BehaviorSubject({});
     }
-    revert$(lineItemId) {
-        var _a;
-        const state = this.salesTransactionService.state;
-        const initialCurrentState = this.salesTransactionService.getInitialCurrentState();
-        const currentState = (_a = state === null || state === void 0 ? void 0 : state.salesTransactionItems) !== null && _a !== void 0 ? _a : [];
-        const currentLineItemIndex = currentState.findIndex(({ id }) => id === lineItemId);
-        const currentLineItem = currentState[currentLineItemIndex];
-        const initialLineItem = initialCurrentState.find(({ integrationId }) => integrationId === (currentLineItem === null || currentLineItem === void 0 ? void 0 : currentLineItem.integrationId));
-        if (!state || !currentLineItem || !initialLineItem) {
-            return of(null);
-        }
-        const updatedState = cloneDeep(currentState);
-        updatedState.splice(currentLineItemIndex, 1, initialLineItem);
-        return of([]).pipe(tap$1(() => {
-            this.salesTransactionService.setState(Object.assign(Object.assign({}, state), { salesTransactionItems: updatedState }));
-        }), switchMap(() => this.calculate$(Object.assign(Object.assign({}, state), { salesTransactionItems: updatedState }))), map$2(() => this.salesTransactionService.state), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
-    }
-    revert(lineItemId) {
-        this.revert$(lineItemId).subscribe();
-    }
-    delete$(ids) {
-        const state = this.salesTransactionService.state;
-        if (!state) {
-            return of(null);
-        }
-        return of([]).pipe(map$2(() => state.salesTransactionItems.filter(({ id }) => !ids.includes(id))), switchMap(updatedState => this.calculate$(Object.assign(Object.assign({}, state), { salesTransactionItems: updatedState }))), map$2(() => this.salesTransactionService.state), tap$1(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+    get guidedSellingResult() {
+        return this.guidedSellingResult$.value;
     }
-    delete(ids) {
-        this.delete$(ids).subscribe();
-    }
-    addTerm$(term) {
-        // TODO: implement
-        return of(this.salesTransactionService.state);
+    configureGuidedSelling$(data) {
+        return this.orchestrationsApiService
+            .apply$({
+            transactionContext: this.getTransactionContext(data.attributesMap),
+            orchestrationName: data.orchestrationName,
+        })
+            .pipe(map(transactionContext => {
+            var _a, _b;
+            const guidedSellingNode = (_a = transactionContext.nodes['GuidedSelling']) === null || _a === void 0 ? void 0 : _a[0];
+            const guidedSellingResult = ((_b = guidedSellingNode === null || guidedSellingNode === void 0 ? void 0 : guidedSellingNode.attributes) === null || _b === void 0 ? void 0 : _b['result']) || {};
+            this.guidedSellingResult$.next(guidedSellingResult);
+            return guidedSellingResult;
+        }));
     }
-    addToCart$(props) {
-        // TODO: implement
-        return of(this.salesTransactionService.state);
+    clearGuidedSelling$() {
+        this.guidedSellingResult$.next({});
     }
-    handleErrorAndBounceBack() {
-        return (source$) => {
-            return source$.pipe(catchError(error => {
-                console.error(error);
-                // bounce back if configuration call has failed
-                const state = this.salesTransactionService.state;
-                if (state) {
-                    this.salesTransactionService.setState(state);
-                    this.updatedSubj$.next();
-                }
-                return throwError(() => error);
-            }));
+    getTransactionContext(guidedSellingAttributes) {
+        const testTransaction = {
+            id: UUID.UUID(),
+            businessObjectType: 'Quote',
+            salesTransactionItems: [],
+            attributes: {},
+        };
+        return {
+            salesTransaction: testTransaction,
+            transactionId: UUID.UUID(),
+            businessObjectType: 'Quote',
+            nodes: {
+                GuidedSelling: [
+                    {
+                        id: UUID.UUID(),
+                        attributes: {},
+                        nodes: {},
+                        properties: { guidedSellingAttributes },
+                    },
+                ],
+            },
+            id: UUID.UUID(),
+            attributes: {},
         };
     }
 }
-FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, deps: [{ token: i2.ProceduresApiService }, { token: SalesTransactionService }, { token: FlowUpdateService }, { token: ConfigurationService }, { token: FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, decorators: [{
+GuidedSellingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GuidedSellingService, deps: [{ token: i1.OrchestrationsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+GuidedSellingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GuidedSellingService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GuidedSellingService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i2.ProceduresApiService }, { type: SalesTransactionService }, { type: FlowUpdateService }, { type: ConfigurationService }, { type: FlowInfoService }]; } });
-
-class FlowConfigurationModule {
-}
-FlowConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, imports: [ApiModule] });
-FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService], imports: [ApiModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ApiModule],
-                    providers: [FlowConfigurationService, FlowUpdateService],
-                }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i1.OrchestrationsApiService }]; } });
 
 class SalesTransactionService {
     get isInitialized$() {
@@ -1054,7 +600,7 @@ class SalesTransactionService {
         var _a, _b;
         this.hasUnsavedChangesSubj$.next(value);
         if (!this.hasUnsavedChanges) {
-            this.initialCurrentState = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.salesTransactionItems) !== null && _b !== void 0 ? _b : [];
+            this.initialState = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.salesTransaction.salesTransactionItems) !== null && _b !== void 0 ? _b : [];
         }
     }
     get hasUnsavedChanges() {
@@ -1063,18 +609,26 @@ class SalesTransactionService {
     get state() {
         return this.stateSubj$.getValue();
     }
-    constructor(flowInfoService, salesTransactionApiService) {
-        this.flowInfoService = flowInfoService;
+    get hasProducts() {
+        var _a;
+        return Boolean((_a = this.state) === null || _a === void 0 ? void 0 : _a.salesTransaction.salesTransactionItems.length);
+    }
+    constructor(salesTransactionApiService) {
         this.salesTransactionApiService = salesTransactionApiService;
         this.stateSubj$ = new BehaviorSubject(null);
         this.isInitializedSubj$ = new BehaviorSubject(false);
         this.hasUnsavedChangesSubj$ = new BehaviorSubject(false);
-        this.initialCurrentState = [];
+        this.initialState = [];
         this.hasUnsavedChanges$ = this.hasUnsavedChangesSubj$.asObservable();
-        this.state$ = this.stateSubj$.asObservable().pipe(filter$1(isDefined));
+        this.state$ = this.stateSubj$.asObservable().pipe(filter(isDefined));
     }
     init(headerId, params) {
-        return this.salesTransactionApiService.getState(headerId, params).pipe(tap$1(res => this.stateSubj$.next(res)));
+        return this.salesTransactionApiService.query(headerId, params).pipe(tap(res => {
+            if (!res.salesTransaction) {
+                throw new Error('SalesTransaction is not defined. Please check Query Orchestration.');
+            }
+            this.stateSubj$.next(res);
+        }));
     }
     finalizeInit() {
         this.isInitializedSubj$.next(true);
@@ -1085,27 +639,92 @@ class SalesTransactionService {
         this.isInitializedSubj$.next(false);
         this.hasUnsavedChangesSubj$.next(false);
     }
-    getInitialCurrentState() {
-        return this.initialCurrentState;
+    getInitialState() {
+        return this.initialState;
     }
     setState(state) {
         this.stateSubj$.next(state);
     }
 }
-SalesTransactionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionService, deps: [{ token: FlowInfoService }, { token: i2.SalesTransactionApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+SalesTransactionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionService, deps: [{ token: i1.SalesTransactionApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 SalesTransactionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: i2.SalesTransactionApiService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.SalesTransactionApiService }]; } });
 
-class FlowStateService {
-    constructor(salesTransactionService, flowInfoService, flowConfiguration, processorsApiService, flowStateApiService, salesTransactionApiService, toastService, customizationService) {
+class FlowConfigurationService {
+    constructor(orchestrationsApiService, salesTransactionService, flowInfoService) {
+        this.orchestrationsApiService = orchestrationsApiService;
         this.salesTransactionService = salesTransactionService;
         this.flowInfoService = flowInfoService;
+        this.updatedSubj$ = new Subject();
+        this.updated$ = this.updatedSubj$.asObservable();
+    }
+    calculate$(state) {
+        return this.orchestrationsApiService
+            .apply$({ transactionContext: state, flowId: this.flowInfoService.flow.id })
+            .pipe(tap(result => this.salesTransactionService.setState(result)), map(noop));
+    }
+    calculate(state) {
+        this.calculate$(state).subscribe();
+    }
+    revert$(transactionItemId) {
+        var _a;
+        const state = this.salesTransactionService.state;
+        const initialState = this.salesTransactionService.getInitialState();
+        const currentState = (_a = state === null || state === void 0 ? void 0 : state.salesTransaction.salesTransactionItems) !== null && _a !== void 0 ? _a : [];
+        const currentItemIndex = currentState.findIndex(({ id }) => id === transactionItemId);
+        const currentItem = currentState[currentItemIndex];
+        const initialItem = initialState.find(({ integrationId }) => integrationId === (currentItem === null || currentItem === void 0 ? void 0 : currentItem.integrationId));
+        if (!state || !currentItem || !initialItem) {
+            return of(null);
+        }
+        const updatedState = cloneDeep(currentState);
+        updatedState.splice(currentItemIndex, 1, initialItem);
+        return of([]).pipe(map(() => (Object.assign(Object.assign({}, state), { salesTransaction: Object.assign(Object.assign({}, state.salesTransaction), { salesTransactionItems: updatedState }) }))), tap(newState => this.salesTransactionService.setState(newState)), switchMap(newState => this.calculate$(newState)), map(() => this.salesTransactionService.state), tap(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+    }
+    revert(transactionItemId) {
+        this.revert$(transactionItemId).subscribe();
+    }
+    delete$(ids) {
+        const state = this.salesTransactionService.state;
+        if (!state) {
+            return of(null);
+        }
+        return of([]).pipe(map(() => state.salesTransaction.salesTransactionItems.filter(({ id }) => !ids.includes(id))), switchMap(updatedState => this.calculate$(Object.assign(Object.assign({}, state), { salesTransaction: Object.assign(Object.assign({}, state.salesTransaction), { salesTransactionItems: updatedState }) }))), map(() => this.salesTransactionService.state), tap(() => this.updatedSubj$.next()), this.handleErrorAndBounceBack());
+    }
+    delete(ids) {
+        this.delete$(ids).subscribe();
+    }
+    handleErrorAndBounceBack() {
+        return (source$) => {
+            return source$.pipe(catchError(error => {
+                console.error(error);
+                // bounce back if configuration call has failed
+                const state = this.salesTransactionService.state;
+                if (state) {
+                    this.salesTransactionService.setState(state);
+                    this.updatedSubj$.next();
+                }
+                return throwError(() => error);
+            }));
+        };
+    }
+}
+FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, deps: [{ token: i1.OrchestrationsApiService }, { token: SalesTransactionService }, { token: FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.OrchestrationsApiService }, { type: SalesTransactionService }, { type: FlowInfoService }]; } });
+
+class FlowStateService {
+    constructor(flowConfiguration, flowInfoService, flowStateApiService, processorsApiService, salesTransactionApiService, salesTransactionService, toastService, customizationService) {
         this.flowConfiguration = flowConfiguration;
-        this.processorsApiService = processorsApiService;
+        this.flowInfoService = flowInfoService;
         this.flowStateApiService = flowStateApiService;
+        this.processorsApiService = processorsApiService;
         this.salesTransactionApiService = salesTransactionApiService;
+        this.salesTransactionService = salesTransactionService;
         this.toastService = toastService;
         this.customizationService = customizationService;
         this.NOT_INITIALIZED = Symbol();
@@ -1122,48 +741,22 @@ class FlowStateService {
         this.cleanup$ = new Subject();
         this.statefulExecutionRequest$ = this.initBufferedRequest$();
         /*
-          In stateless mode watch QuoteDraft changes and call executeRequest so that
-          all subscriptions get their updates according to updated QuoteDraft
+          In stateless mode watch State changes and call executeRequest so that
+          all subscriptions get their updates according to updated State
         */
         this.isInitialized$()
-            .pipe(filter$1(Boolean), filter$1(() => !this.getFlowSafe().properties.stateful), switchMap(() => this.flowConfiguration.updated$), switchMap(() => this.executeRequest$({}, true)))
+            .pipe(filter(Boolean), filter(() => !this.flowInfoService.flow.properties.stateful), switchMap(() => this.flowConfiguration.updated$), switchMap(() => this.executeRequest$({}, true)))
             .subscribe();
-        this.charges$ = this.flowInfoService.isFlowEngineInitialized$.pipe(filter$1(Boolean), switchMap(() => {
-            return this.subscribe$(UITemplateType.FLOW_ENGINE, 'CHARGES', null, {
-                cold: true,
-            }).pipe(map$2(response => (response.success ? response.result : {})));
-        }), shareReplay$1(1));
-        this.charges$.subscribe();
-        this.pricePlans$ = this.flowInfoService.isFlowEngineInitialized$.pipe(filter$1(Boolean), switchMap(() => {
-            return this.subscribe$(UITemplateType.FLOW_ENGINE, 'PRICE_PLANS', null, {
-                cold: true,
-            }).pipe(map$2(response => (response.success ? response.result : {})));
-        }), shareReplay$1(1));
-        this.pricePlans$.subscribe();
-        this.activeMetrics$ = this.flowInfoService.isFlowEngineInitialized$.pipe(filter$1(Boolean), switchMap(() => {
-            return this.subscribe$(UITemplateType.FLOW_ENGINE, 'ACTIVE_METRICS', null, {
-                cold: true,
-            }).pipe(map$2(response => (response.success ? response.result : [])));
-        }), shareReplay$1(1));
-        this.activeMetrics$.subscribe();
-        this.isPriceListLocked$ = this.flowInfoService.isFlowEngineInitialized$.pipe(filter$1(Boolean), switchMap(() => {
-            return this.subscribe$(UITemplateType.FLOW_ENGINE, 'IS_PRICE_LIST_LOCKED', null, {
-                cold: true,
-            }).pipe(map$2(response => (response.success ? response.result : false)));
-        }), shareReplay$1(1));
-        this.isPriceListLocked$.subscribe();
     }
     init$() {
-        return this.initProcessors$().pipe(switchMap(() => {
-            if (this.getFlowSafe().properties.stateful) {
-                return this.initStateful$();
-            }
-            else {
-                return this.initStateless$();
-            }
-        }));
+        if (this.flowInfoService.flow.properties.stateful) {
+            return this.initProcessors$().pipe(switchMap(() => this.initStateful$()));
+        }
+        else {
+            return forkJoin([this.initStateless$(), this.initProcessors$()]).pipe(map(noop));
+        }
     }
-    cleanup() {
+    reset() {
         Object.values(this.subscriptions).forEach(({ data$ }) => data$.complete());
         this.subscriptions = {};
         if (this.stateId$.value) {
@@ -1175,7 +768,7 @@ class FlowStateService {
         this.cleanup$.next();
     }
     get hasUnsavedChanges() {
-        return this.getFlowSafe().properties.stateful
+        return this.flowInfoService.flow.properties.stateful
             ? Array.from(this.trackedStatefulChangesMap.values()).some(Boolean)
             : this.salesTransactionService.hasUnsavedChanges;
     }
@@ -1186,14 +779,14 @@ class FlowStateService {
         return this.executionInProgress$.asObservable();
     }
     isInitialized$() {
-        return combineLatest([this.stateId$, this.salesTransactionService.isInitialized$]).pipe(map$2(values => values.some(Boolean)));
+        return combineLatest([this.stateId$, this.salesTransactionService.isInitialized$]).pipe(map(values => values.some(Boolean)));
     }
     isInitialized() {
         return Boolean(this.stateId$.value) || this.salesTransactionService.isInitialized;
     }
     execute$(scope, exec) {
         const request = this.execToRequest(scope, exec);
-        return this.executeRequest$(request).pipe(map$2(result => {
+        return this.executeRequest$(request).pipe(map(result => {
             // Keep only requested results
             const actualSelectors = Object.entries(result.selectors).reduce((trunk, [requestId, result]) => {
                 var _a;
@@ -1210,7 +803,7 @@ class FlowStateService {
             actions: [{ name: action, inputData }],
         };
         const request = this.execToRequest(scope, exec);
-        return this.executeRequest$(request).pipe(map$2(noop));
+        return this.executeRequest$(request).pipe(map(noop));
     }
     select$(scope, selectorName, inputData) {
         const requestId = this.generateRequestId(scope, selectorName, inputData);
@@ -1222,7 +815,7 @@ class FlowStateService {
                 },
             },
         });
-        return this.executeRequest$(request).pipe(map$2(response => response.selectors[requestId]));
+        return this.executeRequest$(request).pipe(map(response => response.selectors[requestId]));
     }
     subscribe$(scope, selectorName, inputData, options) {
         const requestId = this.generateRequestId(scope, selectorName, inputData);
@@ -1248,7 +841,7 @@ class FlowStateService {
                 this.executeRequest$(request).subscribe();
             }
         }
-        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$2(data => data), finalize(() => {
+        return subscription.data$.pipe(filter(data => data != this.NOT_INITIALIZED), map(data => data), finalize(() => {
             var _a;
             if (!((_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$.observed)) {
                 delete this.subscriptions[requestId];
@@ -1256,9 +849,9 @@ class FlowStateService {
         }));
     }
     save$() {
-        if (this.getFlowSafe().properties.stateful) {
+        if (this.flowInfoService.flow.properties.stateful) {
             if (this.stateId$.value) {
-                return this.flowStateApiService.save(this.stateId$.value).pipe(map$2(({ quoteId }) => ({ id: quoteId })), tap$1(() => {
+                return this.flowStateApiService.save(this.stateId$.value).pipe(map(({ quoteId }) => ({ id: quoteId })), tap(() => {
                     Array.from(this.trackedStatefulChangesMap.keys()).forEach(key => {
                         this.trackedStatefulChangesMap.set(key, false);
                     });
@@ -1268,21 +861,11 @@ class FlowStateService {
         else {
             const state = this.salesTransactionService.state;
             if (state) {
-                return this.salesTransactionApiService.upsert(state);
-            }
-        }
-        return of({ id: '' });
-    }
-    submit$() {
-        if (this.getFlowSafe().properties.stateful) {
-            if (this.stateId$.value) {
-                return this.flowStateApiService.submit(this.stateId$.value).pipe(map$2(({ quoteId }) => ({ id: quoteId })));
-            }
-        }
-        else {
-            const state = this.salesTransactionService.state;
-            if (state) {
-                return this.salesTransactionApiService.submit(state);
+                const request = {
+                    transactionContext: state,
+                    flowId: this.flowInfoService.flow.id,
+                };
+                return this.salesTransactionApiService.save(request).pipe(map(id => ({ id })));
             }
         }
         return of({ id: '' });
@@ -1326,10 +909,10 @@ class FlowStateService {
                 fullRequest.selectors = assign(fullRequest.selectors, subscription.request.selectors);
             }
         }
-        const execution$ = this.getFlowSafe().properties.stateful
+        const execution$ = this.flowInfoService.flow.properties.stateful
             ? this.executeStateful$(fullRequest)
             : this.executeStateless$(fullRequest);
-        return execution$.pipe(tap$1(result => this.handleSelectorsResponse(result.selectors)));
+        return execution$.pipe(tap(result => this.handleSelectorsResponse(result.selectors)));
     }
     handleSelectorsResponse(selectors) {
         Object.entries(selectors).forEach(([requestId, selectorResult]) => {
@@ -1359,7 +942,7 @@ class FlowStateService {
             selectorsOverride: processors === null || processors === void 0 ? void 0 : processors.filter(processor => processor.type === ConfigurationProcessorTypes.SELECTOR),
             selectors: selectors,
         })
-            .pipe(map$2(({ stateId, selectors }) => {
+            .pipe(map(({ stateId, selectors }) => {
             this.handleSelectorsResponse(selectors);
             this.stateId$.next(stateId);
         }));
@@ -1379,31 +962,25 @@ class FlowStateService {
             };
             this.executionInProgress$.next(true);
             return this.flowStateApiService.execute(this.stateId$.value, request);
-        }), tap$1(({ stateId }) => this.stateId$.next(stateId)), share(), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
+        }), tap(({ stateId }) => this.stateId$.next(stateId)), share(), tap(() => this.executionInProgress$.next(false)), catchError(e => {
             this.executionInProgress$.next(false);
             return throwError(() => e);
         }));
     }
     executeStateful$(request) {
-        return this.executionInProgress$.pipe(filter$1(inProgress => !inProgress), take$1(1), switchMap(() => 
+        return this.executionInProgress$.pipe(filter(inProgress => !inProgress), take(1), switchMap(() => 
         // make sure stream switches to statefulExecutionRequest$ before pushing an execution request
         combineLatest([
             this.statefulExecutionRequest$,
-            of(undefined).pipe(tap$1(() => this.statefulRequestStream$.next(request))),
-        ])), map$2(([response]) => response), take$1(1));
+            of(undefined).pipe(tap(() => this.statefulRequestStream$.next(request))),
+        ])), map(([response]) => response), take(1));
     }
     initStateless$() {
-        return this.salesTransactionService.init(this.flowInfoService.context.headerId, this.flowInfoService.context).pipe(tap$1(() => {
-            var _a;
-            const assets = (_a = this.salesTransactionService.state) === null || _a === void 0 ? void 0 : _a.assets;
-            if (assets) {
-                this.flowStore = Object.assign(Object.assign({}, this.flowStore), { assets });
-            }
-        }), switchMap(state => this.flowConfiguration.calculate$(state)), tap$1(() => this.salesTransactionService.finalizeInit()), map$2(noop));
+        return this.salesTransactionService.init(this.flowInfoService.context.headerId, this.flowInfoService.context).pipe(switchMap(state => this.flowConfiguration.calculate$(state)), tap(() => this.salesTransactionService.finalizeInit()), map(noop));
     }
     executeStateless$(request) {
         this.executionInProgress$.next(true);
-        return of(undefined).pipe(tap$1(() => this.executeStatelessActions(request)), switchMap(() => {
+        return of(undefined).pipe(tap(() => this.executeStatelessActions(request)), switchMap(() => {
             var _a;
             /*
               Skip price calculation in case
@@ -1417,7 +994,7 @@ class FlowStateService {
             else {
                 return this.flowConfiguration.calculate$(state);
             }
-        }), map$2(() => this.executeStatelessSelectors(request)), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
+        }), map(() => this.executeStatelessSelectors(request)), tap(() => this.executionInProgress$.next(false)), catchError(e => {
             this.executionInProgress$.next(false);
             return throwError(() => e);
         }));
@@ -1445,7 +1022,7 @@ class FlowStateService {
     executeStatelessSelectors(request) {
         var _a;
         if (!this.salesTransactionService.state) {
-            throw 'QuoteDraft is not initialized';
+            throw 'State is not initialized';
         }
         const flowState = this.salesTransactionService.state;
         return EntityUtil.entries((_a = request.selectors) !== null && _a !== void 0 ? _a : {}).reduce((result, [key, selector]) => {
@@ -1465,17 +1042,10 @@ class FlowStateService {
             return result;
         }, { stateId: '', selectors: {} });
     }
-    getFlowSafe() {
-        if (!this.flowInfoService.flow) {
-            throw 'Flow is not defined';
-        }
-        return this.flowInfoService.flow;
-    }
     initProcessors$() {
         var _a;
         const hasOverrides = Boolean((_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateConfigurationProcessors);
-        const flow = this.getFlowSafe();
-        if (flow.properties.stateful && !hasOverrides) {
+        if (this.flowInfoService.flow.properties.stateful && !hasOverrides) {
             // Skip initialization as backend will take processors from SF
             return of(undefined);
         }
@@ -1486,7 +1056,7 @@ class FlowStateService {
                 return;
             }
             const localProcessors$ = (_c = (_b = (_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateConfigurationProcessors) === null || _b === void 0 ? void 0 : _b.call(_a, template.name)) !== null && _c !== void 0 ? _c : of(null);
-            return localProcessors$.pipe(switchMap(processors => processors ? of(processors) : this.processorsApiService.fetchConfigurationProcessors$(template.id)), tap$1(processors => {
+            return localProcessors$.pipe(switchMap(processors => processors ? of(processors) : this.processorsApiService.fetchConfigurationProcessors$(template.id)), tap(processors => {
                 const processorsMap = processors.reduce((acc, p) => {
                     acc[p.apiName] = p;
                     return acc;
@@ -1498,7 +1068,7 @@ class FlowStateService {
         if (!owners$.length) {
             return of(undefined);
         }
-        return forkJoin(owners$).pipe(map$2(noop));
+        return forkJoin(owners$).pipe(map(noop));
     }
     executeActionScript(request, executable) {
         var _a;
@@ -1550,12 +1120,12 @@ class FlowStateService {
         }
     }
 }
-FlowStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, deps: [{ token: SalesTransactionService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i2.ConfigurationProcessorsApiService }, { token: i1.FlowStateApiService }, { token: i2.SalesTransactionApiService }, { token: i6.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, deps: [{ token: FlowConfigurationService }, { token: FlowInfoService }, { token: i3.FlowStateApiService }, { token: i1.ConfigurationProcessorsApiService }, { token: i1.SalesTransactionApiService }, { token: SalesTransactionService }, { 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: SalesTransactionService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i2.ConfigurationProcessorsApiService }, { type: i1.FlowStateApiService }, { type: i2.SalesTransactionApiService }, { type: i6.ToastService }, { type: undefined, decorators: [{
+        return [{ type: FlowConfigurationService }, { type: FlowInfoService }, { type: i3.FlowStateApiService }, { type: i1.ConfigurationProcessorsApiService }, { type: i1.SalesTransactionApiService }, { type: SalesTransactionService }, { type: i6.ToastService }, { type: undefined, decorators: [{
                         type: Optional
                     }, {
                         type: Inject,
@@ -1564,15 +1134,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
     } });
 
 class FlowStateConfigurationService {
-    constructor(flowInfoService, flowConfigurationService, flowStateApiService, flowStateService) {
+    constructor(flowInfoService, flowStateService, configurationService, salesTransactionService, flowConfigurationService, pcmApiService) {
         this.flowInfoService = flowInfoService;
-        this.flowConfigurationService = flowConfigurationService;
-        this.flowStateApiService = flowStateApiService;
         this.flowStateService = flowStateService;
-        this.configurationStateId$ = new BehaviorSubject(null);
+        this.configurationService = configurationService;
+        this.salesTransactionService = salesTransactionService;
+        this.flowConfigurationService = flowConfigurationService;
+        this.pcmApiService = pcmApiService;
+        this.pcmCache = {};
     }
-    get configurationStateId() {
-        return this.configurationStateId$.value;
+    updateQuantity$(props) {
+        var _a, _b, _c;
+        const allItems = (_c = (_b = (_a = this.salesTransactionService.state) === null || _a === void 0 ? void 0 : _a.salesTransaction) === null || _b === void 0 ? void 0 : _b.salesTransactionItems) !== null && _c !== void 0 ? _c : [];
+        const ti = allItems.find(item => item.id === props.id);
+        if (!ti) {
+            return of(undefined);
+        }
+        return this.getPCMProduct$(ti.productId).pipe(map(pcm => updateQuantity(ti, props.qty, pcm)), switchMap(updatedTi => {
+            const state = this.salesTransactionService.state;
+            if (!state) {
+                return of(undefined);
+            }
+            const updatedState = Object.assign(Object.assign({}, state), { salesTransaction: Object.assign(Object.assign({}, state.salesTransaction), { salesTransactionItems: state.salesTransaction.salesTransactionItems.map(item => {
+                        return updatedTi.id === item.id ? updatedTi : item;
+                    }) }) });
+            return this.flowConfigurationService.calculate$(updatedState);
+        }), switchMap(() => this.flowStateService.executeRequest$({}, true)), map(noop));
     }
     addToCart$(props) {
         var _a;
@@ -1584,26 +1171,53 @@ class FlowStateConfigurationService {
                 request$ = of();
             }
             else {
-                const lineItem = generateConfigurationLineItem(props, props.qty);
-                request$ = this.flowStateApiService.newConfiguration(stateId, { lineItem }).pipe(tap$1(r => this.configurationStateId$.next(r.stateId)), switchMap(() => {
-                    if (!this.configurationStateId) {
-                        return of();
-                    }
-                    return this.flowStateApiService.saveConfiguration(stateId, this.configurationStateId).pipe(tap$1(() => this.configurationStateId$.next(null)), map$2(noop));
-                }));
+                // TODO: Implement
+                request$ = of();
             }
         }
         else {
-            request$ = this.flowConfigurationService.addToCart$(props).pipe(map$2(noop));
+            request$ = this.configureExternal$(props);
+        }
+        return request$.pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), map(noop));
+    }
+    configureExternal$(props) {
+        return this.getPCMProduct$(props.productId).pipe(switchMap(pcm => {
+            var _a, _b, _c;
+            const { state } = this.salesTransactionService;
+            if (!state) {
+                return of();
+            }
+            const stateToConfigure = Object.assign(Object.assign({}, state), { salesTransaction: Object.assign(Object.assign({}, state.salesTransaction), { salesTransactionItems: [
+                        Object.assign(Object.assign({}, generateTransactionItem(pcm, (_a = this.configurationService.state) === null || _a === void 0 ? void 0 : _a.salesTransaction.id, (_b = props.qty) !== null && _b !== void 0 ? _b : 1)), { stiAttributes: Object.entries((_c = props.attributesMap) !== null && _c !== void 0 ? _c : {}).map(([attributeName, value]) => ({
+                                attributeName,
+                                value,
+                            })) }),
+                    ] }) });
+            return this.configurationService.justConfigureRequest$(stateToConfigure).pipe(switchMap(configurationResult => {
+                const state = this.salesTransactionService.state;
+                const addedProduct = configurationResult.salesTransaction.salesTransactionItems[0];
+                if (!state || !addedProduct) {
+                    return of();
+                }
+                return this.flowConfigurationService.calculate$(Object.assign(Object.assign({}, state), { salesTransaction: Object.assign(Object.assign({}, state.salesTransaction), { salesTransactionItems: [...state.salesTransaction.salesTransactionItems, addedProduct] }) }));
+            }));
+        }));
+    }
+    getPCMProduct$(productId) {
+        const cached = this.pcmCache[productId];
+        if (cached) {
+            return of(cached);
         }
-        return request$.pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), map$2(noop));
+        return this.pcmApiService
+            .fetchPCMByProductId(productId)
+            .pipe(tap(pcmProduct => (this.pcmCache[productId] = pcmProduct)));
     }
 }
-FlowStateConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, deps: [{ token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }, { token: FlowStateService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowStateConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, deps: [{ token: FlowInfoService }, { token: FlowStateService }, { token: ConfigurationService }, { token: SalesTransactionService }, { token: FlowConfigurationService }, { token: i1.PCMApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 FlowStateConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: FlowStateService }]; } });
+        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: FlowStateService }, { type: ConfigurationService }, { type: SalesTransactionService }, { type: FlowConfigurationService }, { type: i1.PCMApiService }]; } });
 
 class IntegrationState {
     constructor() {
@@ -1623,12 +1237,12 @@ class IntegrationState {
         this.action$.next(action);
     }
     listen$(actionType) {
-        return this.action$.pipe(filter$1(action => action.type === actionType), map$2(action => action.payload));
+        return this.action$.pipe(filter(action => action.type === actionType), map(action => action.payload));
     }
     listenAll$() {
         return this.action$.asObservable();
     }
-    clear() {
+    reset() {
         this.stateSubj$.next({});
     }
 }
@@ -1639,8 +1253,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }] });
 
 class ProductImagesService {
-    constructor(productApiService) {
-        this.productApiService = productApiService;
+    constructor(productsAdminApiService) {
+        this.productsAdminApiService = productsAdminApiService;
         this.imagesMap$ = new BehaviorSubject({});
     }
     getImageUrl$(productId) {
@@ -1648,283 +1262,186 @@ class ProductImagesService {
             this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: '' }));
             this.fetchProductImage(productId);
         }
-        return this.imagesMap$.pipe(map$2(imagesMap => { var _a; return (_a = imagesMap[productId]) !== null && _a !== void 0 ? _a : null; }), distinctUntilChanged());
+        return this.imagesMap$.pipe(map(imagesMap => { var _a; return (_a = imagesMap[productId]) !== null && _a !== void 0 ? _a : null; }), distinctUntilChanged());
     }
     fetchProductImage(productId) {
-        this.productApiService
+        this.productsAdminApiService
             .fetchImage$(productId)
-            .pipe(map$2(file => URL.createObjectURL(file)), catchError(() => of('')), tap$1(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
+            .pipe(map(file => URL.createObjectURL(file)), catchError(() => of('')), tap(url => this.imagesMap$.next(Object.assign(Object.assign({}, this.imagesMap$.value), { [productId]: url }))))
             .subscribe();
     }
 }
-ProductImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+ProductImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductsAdminApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ProductApiService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ProductsAdminApiService }]; } });
 
-class ConfigurationService {
-    constructor(quoteDraftService, runtimeService, configurationApiService, messageService, dialogService, runtimeSettings, flowInfoService) {
-        this.quoteDraftService = quoteDraftService;
-        this.runtimeService = runtimeService;
-        this.configurationApiService = configurationApiService;
-        this.messageService = messageService;
-        this.dialogService = dialogService;
-        this.runtimeSettings = runtimeSettings;
-        this.flowInfoService = flowInfoService;
-        this.mode = ConfigurationMode.SEARCH;
-        this.configurationState = new BehaviorSubject(null);
-        this.previousConfigurationState = new BehaviorSubject(null);
-        this.isLoadingSubj$ = new BehaviorSubject(false);
-        this.isLoading$ = this.isLoadingSubj$.asObservable();
-        this.hasUnsavedChanges = false;
-    }
-    reset() {
-        this.hasUnsavedChanges = false;
-        this.runtimeService.reset();
-        this.configurableRamp = undefined;
-        this.configurationState.next(null);
-        this.previousConfigurationState.next(null);
-    }
-    patch$(lineItem) {
-        const source = this.getSnapshot();
-        if (!source) {
-            return throwError(() => new Error(`Source LineItem not found`));
-        }
-        this.configurableRamp = new LineItemWorker(source).replace(lineItem).li;
-        return this.configure().pipe(catchError$1(error => {
-            console.error(error);
-            if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
-                this.messageService.add({ severity: 'error', summary: error });
-            }
-            // bounce back if configuration call has failed
-            const prevState = this.configurationState.value;
-            this.configurationState.next(prevState ? Object.assign({}, prevState) : null);
-            return throwError(() => error);
-        }), tap(() => {
-            if (!this.hasUnsavedChanges) {
-                this.hasUnsavedChanges = true;
-            }
-        }));
-    }
-    patch(lineItem) {
-        this.patch$(lineItem).subscribe();
-    }
-    setConfigurableRamp(lineItem) {
-        this.configurableRamp = lineItem;
+class CatalogProductsService {
+    constructor() {
+        this.stateSubj$ = new BehaviorSubject(null);
+        this.state$ = this.stateSubj$.asObservable().pipe(filter(isDefined));
     }
-    get() {
-        return this.configurationState.pipe(map(state => state === null || state === void 0 ? void 0 : state.lineItem), shareReplay$1());
+    get state() {
+        return this.stateSubj$.getValue();
     }
-    getSnapshot() {
-        var _a, _b;
-        return ((_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.lineItem) ? Object.assign({}, (_b = this.configurationState.value) === null || _b === void 0 ? void 0 : _b.lineItem) : undefined;
+    reset() {
+        this.stateSubj$.next(null);
     }
-    getRuntimeModel() {
-        const runtimeModel = this.runtimeService.runtimeModel;
-        if (!runtimeModel) {
-            throw new Error('Runtime model not initialized');
-        }
-        return runtimeModel;
+    setState(state) {
+        this.stateSubj$.next(state);
     }
-    getRuntimeContext() {
-        const runtimeContext = this.runtimeService.runtimeContext;
-        if (!runtimeContext) {
-            throw new Error('Runtime context not initialized');
-        }
-        return runtimeContext;
+}
+CatalogProductsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CatalogProductsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService, decorators: [{
+            type: Injectable
+        }] });
+
+class ConfigurationService {
+    constructor(flowInfoService, messageService, configurationRuntimeService, salesTransactionService, orchestrationsApiService, guidedSellingService) {
+        this.flowInfoService = flowInfoService;
+        this.messageService = messageService;
+        this.configurationRuntimeService = configurationRuntimeService;
+        this.salesTransactionService = salesTransactionService;
+        this.orchestrationsApiService = orchestrationsApiService;
+        this.guidedSellingService = guidedSellingService;
+        this.hasUnsavedChanges = false;
+        this.configurationStateSubj$ = new BehaviorSubject(null);
+        this.previousConfigurationStateSubj$ = new BehaviorSubject(null);
+        this.isLoadingSubj$ = new BehaviorSubject(false);
+        this.isLoading$ = this.isLoadingSubj$.asObservable();
     }
     get state$() {
-        return this.configurationState.asObservable();
+        return this.configurationStateSubj$.asObservable().pipe(filter$1(isDefined));
     }
-    get stateSnapshot() {
-        return this.configurationState.value;
+    get state() {
+        return this.configurationStateSubj$.getValue();
     }
-    get previousStateSnapshot() {
-        return this.previousConfigurationState.value;
+    get previousState() {
+        return this.previousConfigurationStateSubj$.getValue();
     }
-    get charges$() {
-        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.charges) !== null && _a !== void 0 ? _a : {}; }));
+    get root$() {
+        return this.state$.pipe(map$1(state => state.salesTransaction.salesTransactionItems[0]), filter$1(isDefined));
     }
-    get chargesSnapshot() {
+    get root() {
         var _a, _b;
-        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.charges) !== null && _b !== void 0 ? _b : {};
+        return (_b = (_a = this.configurationStateSubj$.getValue()) === null || _a === void 0 ? void 0 : _a.salesTransaction.salesTransactionItems[0]) !== null && _b !== void 0 ? _b : null;
     }
-    get pricePlans$() {
-        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.pricePlans) !== null && _a !== void 0 ? _a : {}; }));
+    reset() {
+        this.hasUnsavedChanges = false;
+        this.configurationStateSubj$.next(null);
+        this.previousConfigurationStateSubj$.next(null);
     }
-    get pricePlansSnapshot() {
+    init$() {
         var _a, _b;
-        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.pricePlans) !== null && _b !== void 0 ? _b : {};
-    }
-    get procedureContext$() {
-        return this.configurationState.pipe(map(state => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.procedureContext) !== null && _a !== void 0 ? _a : {}; }));
+        const { state } = this.salesTransactionService;
+        const { standalone } = this.flowInfoService.flow.properties;
+        const { productId, transactionItemId, newProductQty } = this.flowInfoService.context;
+        if (!state || !productId) {
+            return of(undefined);
+        }
+        const salesTransactionItems = (_a = state === null || state === void 0 ? void 0 : state.salesTransaction.salesTransactionItems) !== null && _a !== void 0 ? _a : [];
+        let isRootGenerated = false;
+        let transactionItem = salesTransactionItems.find(item => item.id === transactionItemId);
+        if (!transactionItem && standalone) {
+            transactionItem = salesTransactionItems.find(item => item.productId === productId);
+        }
+        if (!transactionItem) {
+            const quantity = typeof newProductQty === 'number' && newProductQty > 0 ? newProductQty : undefined;
+            transactionItem = generateTransactionItem(this.getPCMModel(), (_b = this.state) === null || _b === void 0 ? void 0 : _b.salesTransaction.id, quantity);
+            isRootGenerated = true;
+        }
+        const guidedSellingResult = this.guidedSellingService.guidedSellingResult;
+        if (transactionItem && Object.keys(guidedSellingResult).length && isRootGenerated) {
+            transactionItem.stiAttributes = Object.entries(guidedSellingResult).map(([attributeName, value]) => ({
+                attributeName,
+                value,
+            }));
+        }
+        const configurationState = Object.assign(Object.assign({}, state), { salesTransaction: Object.assign(Object.assign({}, state.salesTransaction), { salesTransactionItems: transactionItem ? [transactionItem] : [] }) });
+        return (isRootGenerated ? this.configure$(configurationState) : of(configurationState)).pipe(tap$1(configurationState => {
+            this.configurationStateSubj$.next(configurationState);
+            this.previousConfigurationStateSubj$.next(configurationState);
+        }), map$1(noop));
     }
-    get procedureContextSnapshot() {
-        var _a, _b;
-        return (_b = (_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.procedureContext) !== null && _b !== void 0 ? _b : {};
+    patch$(transactionItem) {
+        const { state, root } = this;
+        if (!state) {
+            return throwError(() => new Error(`Configuration State is not initialized`));
+        }
+        if (!root) {
+            return throwError(() => new Error(`Root SalesTransactionItem not found`));
+        }
+        const newRoot = new TransactionItemWorker(root).replace(transactionItem).ti;
+        const newTransactionContext = Object.assign(Object.assign({}, state), { salesTransaction: Object.assign(Object.assign({}, state.salesTransaction), { salesTransactionItems: [newRoot] }) });
+        return this.configure$(newTransactionContext).pipe(catchError$1(error => {
+            console.error(error);
+            if (!this.configurationRuntimeService.uiDefinitionProps.suppressToastMessages) {
+                this.messageService.add({ severity: 'error', summary: error });
+            }
+            return throwError(() => error);
+        }), tap$1(() => {
+            if (!this.hasUnsavedChanges) {
+                this.hasUnsavedChanges = true;
+            }
+        }), map$1(noop));
     }
-    configure() {
-        return this.configureRequest$(this.generateRequest());
+    patch(transactionItem) {
+        this.patch$(transactionItem).subscribe();
     }
-    configureRequest$(configurationRequest) {
-        var _a;
-        const runtimeContext = this.getRuntimeContext();
-        const runtimeModel = this.getRuntimeModel();
-        const uiDefinitionProperties = this.getUIDefinitionProperties();
-        const mainPricingEnabled = (_a = runtimeContext.properties) === null || _a === void 0 ? void 0 : _a.PricingEnabled;
-        const pricingEnabled = mainPricingEnabled ? mainPricingEnabled === 'true' : uiDefinitionProperties.pricingEnabled;
-        const customPriceApi = this.runtimeSettings.getConfigurationSettings()['CUSTOM_PRICE_API'];
+    configure$(transactionContext) {
         this.isLoadingSubj$.next(true);
-        const configure$ = pricingEnabled && customPriceApi
-            ? this.configurationApiService.customConfigurePrice({
-                url: customPriceApi,
-                configurationRequest,
-                runtimeModel,
-            })
-            : this.extendedConfigureLineItem$({
-                configurationRequest,
-                runtimeModel,
-                pricingEnabled,
-            });
-        return configure$.pipe(tap(result => {
-            var _a;
-            this.configurationState.next(result);
-            this.previousConfigurationState.next(cloneDeep(result));
-            if ((_a = result.deletedLineItems) === null || _a === void 0 ? void 0 : _a.length) {
-                this.showInactiveProductsConfirmation();
-            }
-            this.configurableRamp = result.lineItem;
-        }), map(({ lineItem }) => lineItem), catchError$1(error => throwError(() => {
-            const resetState = this.previousConfigurationState.value;
+        return this.justConfigureRequest$(transactionContext).pipe(tap$1(result => {
+            this.configurationStateSubj$.next(result);
+            this.previousConfigurationStateSubj$.next(cloneDeep(result));
+        }), catchError$1(e => {
+            const resetState = this.previousConfigurationStateSubj$.getValue();
             if (resetState) {
-                this.previousConfigurationState.next(cloneDeep(resetState));
-                this.configurationState.next(resetState);
+                this.previousConfigurationStateSubj$.next(cloneDeep(resetState));
+                this.configurationStateSubj$.next(resetState);
             }
+            return throwError(() => e);
+        }), finalize$1(() => this.isLoadingSubj$.next(false)));
+    }
+    justConfigureRequest$(transactionContext) {
+        const request = {
+            transactionContext,
+            flowId: this.flowInfoService.flow.id,
+        };
+        return this.orchestrationsApiService.apply$(request).pipe(catchError$1(error => throwError(() => {
             if (error.error) {
                 return extractErrorDetails(error.error).join('. ');
             }
             return error.message || JSON.stringify(error);
-        })), finalize$1(() => this.isLoadingSubj$.next(false)));
-    }
-    configureExternal$(props) {
-        return this.runtimeService
-            .init({ productId: props.productId, defaultQty: props.qty, attributesMap: props.attributesMap })
-            .pipe(switchMap$1(() => this.configure()), first(), catchError$1(error => {
-            this.messageService.add({ severity: ToastType.error, summary: error });
-            throw error;
-        }), finalize$1(() => this.reset()));
-    }
-    configureGuidedSelling$(data) {
-        return this.extendedConfigureLineItem$({
-            configurationRequest: getGuidedSellingConfigurationRequest(data),
-        }).pipe(catchError$1(error => {
-            if (error instanceof HttpErrorResponse) {
-                this.messageService.add({ severity: ToastType.error, summary: error.error.message || error.error });
-            }
-            throw error;
-        }));
-    }
-    generateRequest(lightMode = true) {
-        var _a, _b, _c, _d;
-        const lineItem = this.generateLineItem();
-        let request = {
-            lineItem,
-            mode: this.mode,
-            step: !((_a = this.configurationState.value) === null || _a === void 0 ? void 0 : _a.lineItem) ? RuntimeStep.START : RuntimeStep.UPDATE,
-            attributeDomainMode: 'ALL',
-            context: (_c = (_b = this.quoteDraftService.quoteDraft) === null || _b === void 0 ? void 0 : _b.context) !== null && _c !== void 0 ? _c : generateEmptyContext(),
-            lineItems: ((_d = this.quoteDraftService.quoteDraft) === null || _d === void 0 ? void 0 : _d.currentState) || [],
-            asset: this.getAsset(),
-        };
-        if (lightMode) {
-            request = ConfigurationTranslatorUtils.lightenConfigurationRequest(request);
-        }
-        return request;
-    }
-    generateLineItem() {
-        var _a;
-        const runtimeContext = this.getRuntimeContext();
-        const uiDefinitionProperties = this.getUIDefinitionProperties();
-        let lineItem = this.configurableRamp;
-        if (!lineItem) {
-            const { initializationProps } = (_a = this.runtimeService) !== null && _a !== void 0 ? _a : {};
-            lineItem = getDefaultLineItem(runtimeContext, uiDefinitionProperties, initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.defaultQty);
-            // Set default attributes
-            if (initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.attributesMap) {
-                const attributes = transform(initializationProps === null || initializationProps === void 0 ? void 0 : initializationProps.attributesMap, (acc, value, name) => acc.push({ name, value }), []);
-                lineItem = new LineItemWorker(lineItem).patchAttribute(attributes).li;
-            }
-        }
-        return lineItem;
+        })));
     }
-    getAsset() {
-        var _a, _b;
-        const lineItem = this.configurableRamp;
-        if (!lineItem) {
-            return;
+    getPCMModel() {
+        const pcmModel = this.configurationRuntimeService.pcmModel;
+        if (!pcmModel) {
+            throw new Error('PCM model not initialized');
         }
-        const assetId = (_a = lineItem.assetId) !== null && _a !== void 0 ? _a : lineItem.openOrderLineItemId;
-        return (_b = this.quoteDraftService.assetsState) === null || _b === void 0 ? void 0 : _b.initialState.find(li => assetPredicateFn(li, assetId));
-    }
-    getUIDefinitionProperties() {
-        var _a, _b, _c;
-        return Object.assign(Object.assign({}, ((_b = (_a = this.getRuntimeContext().uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.source.properties) !== null && _b !== void 0 ? _b : {})), ((_c = this.runtimeService.uiDefinitionProperties) !== null && _c !== void 0 ? _c : {}));
-    }
-    showInactiveProductsConfirmation() {
-        const confirmationConfig = {
-            title: ' ',
-            description: 'This quote contains inactive products. Do you want to remove them?',
-            primaryButtonLabel: 'Remove products',
-            secondaryButtonLabel: 'Back to Quote',
-        };
-        this.dialogService
-            .open(ConfirmationComponent, {
-            dismissableMask: false,
-            closeOnEscape: false,
-            closable: false,
-            showHeader: true,
-            header: `Inactive Products in Quote`,
-            width: '440px',
-            data: { confirmationConfig },
-        })
-            .onClose.subscribe(result => {
-            var _a, _b;
-            if (!result) {
-                const Id = (_b = (_a = this.quoteDraftService.quoteDraft) === null || _a === void 0 ? void 0 : _a.context.properties.Id) !== null && _b !== void 0 ? _b : '';
-                window['VELO_BACK_FN'].apply(null, [Id]);
-            }
-        });
-    }
-    extendedConfigureLineItem$({ configurationRequest, runtimeModel, pricingEnabled, }) {
-        return this.configurationApiService.configureLineItem({
-            configurationRequest: configurationRequest,
-            runtimeModel,
-            pricingEnabled,
-        });
+        return pcmModel;
     }
 }
-ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, deps: [{ token: QuoteDraftService }, { token: ConfigurationRuntimeService }, { token: i1.ConfigurationApiService }, { token: i4.MessageService }, { token: i5.DialogService }, { token: RuntimeSettingsService }, { token: FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, deps: [{ token: FlowInfoService }, { token: i2.MessageService }, { token: ConfigurationRuntimeService }, { token: SalesTransactionService }, { token: i1.OrchestrationsApiService }, { token: GuidedSellingService }], target: i0.ɵɵFactoryTarget.Injectable });
 ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: ConfigurationRuntimeService }, { type: i1.ConfigurationApiService }, { type: i4.MessageService }, { type: i5.DialogService }, { type: RuntimeSettingsService }, { type: FlowInfoService }]; } });
+        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: i2.MessageService }, { type: ConfigurationRuntimeService }, { type: SalesTransactionService }, { type: i1.OrchestrationsApiService }, { type: GuidedSellingService }]; } });
 
 class ConfigurationStateService {
-    constructor(configurationRuntimeService, configurationService, 
-    // private quoteDraftService: QuoteDraftService,
-    salesTransactionService, toastService, flowStateService, flowInfoService, flowConfigurationService, flowStateApiService, 
-    // private quoteApiService: QuoteApiService,
-    salesTransactionApiService) {
+    constructor(configurationRuntimeService, configurationService, flowStateService, flowInfoService, flowConfigurationService, flowStateApiService, salesTransactionService, salesTransactionApiService, toastService, pcmApiService) {
         this.configurationRuntimeService = configurationRuntimeService;
         this.configurationService = configurationService;
-        this.salesTransactionService = salesTransactionService;
-        this.toastService = toastService;
         this.flowStateService = flowStateService;
         this.flowInfoService = flowInfoService;
         this.flowConfigurationService = flowConfigurationService;
         this.flowStateApiService = flowStateApiService;
+        this.salesTransactionService = salesTransactionService;
         this.salesTransactionApiService = salesTransactionApiService;
+        this.toastService = toastService;
+        this.pcmApiService = pcmApiService;
         this.isInitialized$ = new BehaviorSubject(false);
         this.canceledConfiguration$ = new Subject();
         this.NOT_INITIALIZED = Symbol();
@@ -1948,9 +1465,9 @@ class ConfigurationStateService {
             request$ = this.initStateful$();
         }
         else {
-            request$ = of(undefined);
+            request$ = this.configurationService.init$();
         }
-        return request$.pipe(take$1(1), tap$1(() => {
+        return request$.pipe(take(1), tap(() => {
             this.isInitialized$.next(true);
             this.canceledConfiguration$ = new Subject();
         }));
@@ -1964,10 +1481,11 @@ class ConfigurationStateService {
         this.configurationStore = {};
         this.executedFunctions = {};
         this.configurationService.reset();
+        this.configurationRuntimeService.reset();
     }
     execute$(exec) {
         const request = this.execToRequest(exec);
-        return this.executeRequest$(request).pipe(map$2(result => {
+        return this.executeRequest$(request).pipe(map(result => {
             // Keep only requested results
             const actualSelectors = Object.entries(result.selectors).reduce((trunk, [requestId, result]) => {
                 var _a;
@@ -1990,7 +1508,7 @@ class ConfigurationStateService {
         }
         // prevent parallel configuration requests in stateless mode
         if (!this.statelessExecutionRequest$) {
-            this.statelessExecutionRequest$ = executionRequest$.pipe(shareReplay$1(), take$1(1), finalize(() => (this.statelessExecutionRequest$ = null)));
+            this.statelessExecutionRequest$ = executionRequest$.pipe(shareReplay(), take(1), finalize(() => (this.statelessExecutionRequest$ = null)));
         }
         return this.statelessExecutionRequest$;
     }
@@ -2004,7 +1522,7 @@ class ConfigurationStateService {
                 },
             },
         });
-        return this.executeRequest$(request).pipe(map$2(response => response.selectors[requestId]));
+        return this.executeRequest$(request).pipe(map(response => response.selectors[requestId]));
     }
     subscribe$(selectorName, inputData = {}, options) {
         const requestId = UUID.UUID();
@@ -2027,7 +1545,7 @@ class ConfigurationStateService {
                 this.executeRequest$(request).subscribe();
             }
         }
-        return subscription.data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$2(data => data), distinctUntilChanged(), finalize(() => {
+        return subscription.data$.pipe(filter(data => data != this.NOT_INITIALIZED), map(data => data), distinctUntilChanged(), finalize(() => {
             var _a;
             if (!((_a = this.subscriptions[requestId]) === null || _a === void 0 ? void 0 : _a.data$.observed)) {
                 delete this.subscriptions[requestId];
@@ -2037,37 +1555,36 @@ class ConfigurationStateService {
     saveConfiguration() {
         var _a, _b;
         if (this.isStatefulConfiguration) {
-            return this.flowStateApiService.saveConfiguration((_a = this.flowStateService.stateId) !== null && _a !== void 0 ? _a : '', (_b = this.stateId) !== null && _b !== void 0 ? _b : '').pipe(switchMap(r => this.flowStateService.executeRequest$({}, true).pipe(map$2(() => r))), map$2(r => ({ id: r.quoteId })));
+            return this.flowStateApiService.saveConfiguration((_a = this.flowStateService.stateId) !== null && _a !== void 0 ? _a : '', (_b = this.stateId) !== null && _b !== void 0 ? _b : '').pipe(switchMap(r => this.flowStateService.executeRequest$({}, true).pipe(map(() => r))), map(r => ({ id: r.quoteId })));
         }
         const state = this.salesTransactionService.state;
         if (!state) {
             return of({ id: '' });
         }
         const { standalone } = this.flowInfoService.flow.properties;
+        const transactionContext = this.salesTransactionService.state;
+        const configurationRoot = this.configurationService.root;
+        if (!transactionContext || !configurationRoot) {
+            return of({ id: '' });
+        }
+        const stateItems = transactionContext.salesTransaction.salesTransactionItems;
+        const isNewTransactionItem = stateItems.every(ti => ti.id !== configurationRoot.id);
+        let salesTransactionItems;
+        if (isNewTransactionItem) {
+            salesTransactionItems = [...stateItems, configurationRoot];
+        }
+        else {
+            salesTransactionItems = stateItems.map(ti => (ti.id === configurationRoot.id ? configurationRoot : ti));
+        }
+        const newState = Object.assign(Object.assign({}, transactionContext), { salesTransaction: Object.assign(Object.assign({}, transactionContext.salesTransaction), { salesTransactionItems }) });
         if (standalone) {
-            return this.salesTransactionApiService.upsert(state);
-        }
-        // const lineItem = this.configurationService.getSnapshot();
-        // if (!lineItem) {
-        //   return of({ id: '' });
-        // }
-        // const isNewLineItem = quoteDraft.currentState.every(li => li.id !== lineItem.id);
-        // let currentState: LineItem[];
-        // if (isNewLineItem) {
-        //   currentState = [...quoteDraft.currentState, lineItem];
-        // } else {
-        //   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);
-        //   }
-        // }
-        // TODO: adjust the logic for ShoppingCart
-        const newState = Object.assign({}, state);
-        return this.flowConfigurationService.calculate$(newState).pipe(map$2(() => ({ id: '' })));
+            const request = {
+                transactionContext: newState,
+                flowId: this.flowInfoService.flow.id,
+            };
+            return this.salesTransactionApiService.save(request).pipe(switchMap(r => this.flowStateService.executeRequest$({}, true).pipe(map(() => r))), map(id => ({ id })));
+        }
+        return this.flowConfigurationService.calculate$(newState).pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), map(() => ({ id: '' })));
     }
     cancelConfiguration() {
         var _a, _b;
@@ -2088,30 +1605,32 @@ class ConfigurationStateService {
         return (_b = (_a = this.flowInfoService.flow) === null || _a === void 0 ? void 0 : _a.properties.stateful) !== null && _b !== void 0 ? _b : false;
     }
     initStateful$() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        this.ownerId = (_c = (_b = (_a = this.configurationRuntimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : '';
-        const lineItemId = (_e = (_d = this.configurationRuntimeService.runtimeContext) === null || _d === void 0 ? void 0 : _d.properties) === null || _e === void 0 ? void 0 : _e.lineItemId;
-        if (!this.flowStateService.stateId) {
+        var _a, _b, _c, _d;
+        this.ownerId = (_b = (_a = this.configurationRuntimeService.uiDefinitionContainer) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '';
+        const { productId, transactionItemId } = this.flowInfoService.context;
+        if (!productId || !this.flowStateService.stateId) {
             return of(undefined);
         }
-        const container = (_f = this.configurationRuntimeService.runtimeContext) === null || _f === void 0 ? void 0 : _f.uiDefinitionContainer;
-        const lineItem = this.configurationService.generateLineItem();
+        const container = this.configurationRuntimeService.uiDefinitionContainer;
         let request$;
-        if (!lineItemId) {
-            request$ = this.flowStateApiService.newConfiguration(this.flowStateService.stateId, {
-                lineItem,
-                actionsOverride: (_g = container === null || container === void 0 ? void 0 : container.actions) === null || _g === void 0 ? void 0 : _g.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
-                selectorsOverride: (_h = container === null || container === void 0 ? void 0 : container.selectors) === null || _h === void 0 ? void 0 : _h.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
-            });
+        if (!transactionItemId) {
+            request$ = this.pcmApiService.fetchPCMByProductId(productId).pipe(switchMap(pcm => {
+                var _a, _b, _c;
+                return this.flowStateApiService.newConfiguration(this.flowStateService.stateId || '', {
+                    transactionItem: generateTransactionItem(pcm, (_a = this.configurationService.state) === null || _a === void 0 ? void 0 : _a.salesTransaction.id),
+                    actionsOverride: (_b = container === null || container === void 0 ? void 0 : container.actions) === null || _b === void 0 ? void 0 : _b.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
+                    selectorsOverride: (_c = container === null || container === void 0 ? void 0 : container.selectors) === null || _c === void 0 ? void 0 : _c.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
+                });
+            }));
         }
         else {
             request$ = this.flowStateApiService.startConfiguration(this.flowStateService.stateId, {
-                lineItemId,
-                actionsOverride: (_j = container === null || container === void 0 ? void 0 : container.actions) === null || _j === void 0 ? void 0 : _j.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
-                selectorsOverride: (_k = container === null || container === void 0 ? void 0 : container.selectors) === null || _k === void 0 ? void 0 : _k.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
+                transactionItemId,
+                actionsOverride: (_c = container === null || container === void 0 ? void 0 : container.actions) === null || _c === void 0 ? void 0 : _c.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
+                selectorsOverride: (_d = container === null || container === void 0 ? void 0 : container.selectors) === null || _d === void 0 ? void 0 : _d.map(processor => (Object.assign(Object.assign({}, processor), { ownerId: this.ownerId }))),
             });
         }
-        return request$.pipe(map$2(r => {
+        return request$.pipe(map(r => {
             this.stateId = r.stateId;
             return undefined;
         }));
@@ -2161,39 +1680,37 @@ class ConfigurationStateService {
         else {
             execution$ = this.executeStateless$(fullRequest);
         }
-        return execution$.pipe(tap$1(result => this.handleSelectorsResponse(result.selectors)));
+        return execution$.pipe(tap(result => this.handleSelectorsResponse(result.selectors)));
     }
     executeStateless$(request) {
         this.executionInProgress$.next(true);
-        return of(undefined).pipe(switchMap(() => {
+        return this.configurationService.state$.pipe(first(), switchMap(state => {
             var _a;
             // Apply actions and execute configuration/price call
             // No need to run configuration if no actions in the request
             if (!((_a = request.actions) === null || _a === void 0 ? void 0 : _a.length)) {
                 return of(undefined);
             }
-            let configurationRequest = this.configurationService.generateRequest(false);
             request.actions.forEach(action => {
                 var _a;
-                configurationRequest = (_a = this.executeActionScript(configurationRequest, action)) !== null && _a !== void 0 ? _a : configurationRequest;
+                state = (_a = this.executeActionScript(state, action)) !== null && _a !== void 0 ? _a : state;
             });
-            configurationRequest = ConfigurationTranslatorUtils.lightenConfigurationRequest(configurationRequest);
-            return this.configurationService.configureRequest$(configurationRequest);
-        }), map$2(() => {
+            return this.configurationService.configure$(state);
+        }), map(() => {
             // Run selectors and apply them to the state
-            const configurationState = this.configurationService.stateSnapshot;
+            const configurationState = this.configurationService.state;
             if (!configurationState) {
                 return { stateId: '', selectors: {} };
             }
             return this.runStatelessSelectors(request, configurationState);
-        }), tap$1(() => this.executionInProgress$.next(false)), catchError(error => {
-            const configurationState = this.configurationService.previousStateSnapshot;
+        }), tap(() => this.executionInProgress$.next(false)), catchError(error => {
+            const configurationState = this.configurationService.previousState;
             if (configurationState) {
                 const selectorsResult = this.runStatelessSelectors(request, configurationState);
                 this.handleSelectorsResponse(selectorsResult.selectors);
             }
             this.executionInProgress$.next(false);
-            if (!this.configurationRuntimeService.uiDefinitionProperties.suppressToastMessages) {
+            if (!this.configurationRuntimeService.uiDefinitionProps.suppressToastMessages) {
                 this.toastService.add({ severity: ToastType.error, summary: String(error) });
             }
             return throwError(() => error);
@@ -2214,22 +1731,22 @@ class ConfigurationStateService {
             };
             this.executionInProgress$.next(true);
             return this.flowStateApiService.executeConfiguration(this.flowStateService.stateId, this.stateId, request);
-        }), tap$1(({ stateId }) => (this.stateId = stateId)), share(), tap$1(() => this.executionInProgress$.next(false)), catchError(e => {
+        }), tap(({ stateId }) => (this.stateId = stateId)), share(), tap(() => this.executionInProgress$.next(false)), catchError(e => {
             this.executionInProgress$.next(false);
             return throwError(() => e);
         }));
     }
     executeStateful$(request) {
-        return this.executionInProgress$.pipe(filter$1(inProgress => !inProgress), take$1(1), switchMap(() => 
+        return this.executionInProgress$.pipe(filter(inProgress => !inProgress), take(1), switchMap(() => 
         // make sure stream switches to statefulExecutionRequest$ before pushing an execution request
         combineLatest([
             this.statefulExecutionRequest$,
-            of(undefined).pipe(tap$1(() => this.statefulRequestStream$.next(request))),
-        ])), map$2(([response]) => response), take$1(1));
+            of(undefined).pipe(tap(() => this.statefulRequestStream$.next(request))),
+        ])), map(([response]) => response), take(1));
     }
     executeActionScript(request, processor) {
-        var _a, _b;
-        const { actions } = (_b = (_a = this.configurationRuntimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
+        var _a;
+        const { actions } = (_a = this.configurationRuntimeService.uiDefinitionContainer) !== null && _a !== void 0 ? _a : {};
         const configurationProcessor = actions === null || actions === void 0 ? void 0 : actions.find(action => action.apiName === processor.apiName);
         if (!(configurationProcessor === null || configurationProcessor === void 0 ? void 0 : configurationProcessor.script)) {
             throw `ConfigurationProcessor ${processor.apiName} not found`;
@@ -2237,8 +1754,8 @@ class ConfigurationStateService {
         return this.executeProcessorScript(request, configurationProcessor, processor.inputData);
     }
     executeSelectorScript(request, processor) {
-        var _a, _b;
-        const { selectors } = (_b = (_a = this.configurationRuntimeService.runtimeContext) === null || _a === void 0 ? void 0 : _a.uiDefinitionContainer) !== null && _b !== void 0 ? _b : {};
+        var _a;
+        const { selectors } = (_a = this.configurationRuntimeService.uiDefinitionContainer) !== null && _a !== void 0 ? _a : {};
         const configurationProcessor = selectors === null || selectors === void 0 ? void 0 : selectors.find(selector => selector.apiName === processor.apiName);
         if (!(configurationProcessor === null || configurationProcessor === void 0 ? void 0 : configurationProcessor.script)) {
             throw `ConfigurationProcessor ${processor.apiName} not found`;
@@ -2280,46 +1797,54 @@ class ConfigurationStateService {
         }, { stateId: '', selectors: {} });
     }
 }
-ConfigurationStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService, deps: [{ token: ConfigurationRuntimeService }, { token: ConfigurationService }, { token: SalesTransactionService }, { token: i6.ToastService }, { token: FlowStateService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }, { token: i2.SalesTransactionApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService, deps: [{ token: ConfigurationRuntimeService }, { token: ConfigurationService }, { token: FlowStateService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i3.FlowStateApiService }, { token: SalesTransactionService }, { token: i1.SalesTransactionApiService }, { token: i6.ToastService }, { token: i1.PCMApiService }], target: i0.ɵɵFactoryTarget.Injectable });
 ConfigurationStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: SalesTransactionService }, { type: i6.ToastService }, { type: FlowStateService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: i2.SalesTransactionApiService }]; } });
+        }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: FlowStateService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i3.FlowStateApiService }, { type: SalesTransactionService }, { type: i1.SalesTransactionApiService }, { type: i6.ToastService }, { type: i1.PCMApiService }]; } });
 
 class ConfigurationModule {
 }
 ConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, imports: [ConfirmationDialogModule, ApiModule] });
-ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, providers: [ConfigurationRuntimeService, RuntimeContextService, ConfigurationService, ConfigurationStateService], imports: [ConfirmationDialogModule, ApiModule] });
+ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, providers: [
+        ConfigurationService,
+        ConfigurationStateService,
+        ConfigurationRuntimeService,
+        TestModeConfigurationService,
+        GuidedSellingService,
+    ], imports: [ConfirmationDialogModule, ApiModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ConfirmationDialogModule, ApiModule],
-                    providers: [ConfigurationRuntimeService, RuntimeContextService, ConfigurationService, ConfigurationStateService],
+                    providers: [
+                        ConfigurationService,
+                        ConfigurationStateService,
+                        ConfigurationRuntimeService,
+                        TestModeConfigurationService,
+                        GuidedSellingService,
+                    ],
                 }]
         }] });
 
-class CatalogProductsService {
-    constructor() {
-        this.stateSubj$ = new BehaviorSubject(null);
-        this.state$ = this.stateSubj$.asObservable().pipe(filter$1(isDefined));
-    }
-    get state() {
-        return this.stateSubj$.getValue();
-    }
-    reset() {
-        this.stateSubj$.next(null);
-    }
-    setState(state) {
-        this.stateSubj$.next(state);
-    }
+class FlowConfigurationModule {
 }
-CatalogProductsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CatalogProductsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogProductsService, decorators: [{
-            type: Injectable
+FlowConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, imports: [ApiModule] });
+FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService], imports: [ApiModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ApiModule],
+                    providers: [FlowConfigurationService],
+                }]
         }] });
 
+const FORMATTING_SETTINGS_TOKEN = new InjectionToken('Summary of formatting settings for variant types of data, e.g. numbers, text, dates, etc');
+
+const UI_DEFINITION_VERSION = 3;
+
 const DEFAULT_FORMATTING_SETTINGS = {
     currencySymbol: DEFAULT_CURRENCY_SYMBOL,
     decimalsCount: DEFAULT_DECIMALS_COUNT,
@@ -2334,7 +1859,6 @@ SdkCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
 SdkCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, imports: [ConfigurationModule, FlowConfigurationModule] });
 SdkCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, providers: [
         FlowInfoService,
-        QuoteDraftService,
         ProductImagesService,
         IntegrationState,
         FlowStateService,
@@ -2353,7 +1877,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     imports: [ConfigurationModule, FlowConfigurationModule],
                     providers: [
                         FlowInfoService,
-                        QuoteDraftService,
                         ProductImagesService,
                         IntegrationState,
                         FlowStateService,
@@ -2418,6 +1941,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
+function filterSuccessfulExecute() {
+    return (source) => source.pipe(filter((result) => result.success), map(r => r.result));
+}
+
 class DatePipe {
     constructor() {
         var _a;
@@ -2545,5 +2072,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionCodePipe, CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ConfigurationStateService, 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, SalesTransactionService, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, assetPredicateFn, extractMetadata, filterOutTechnicalAttributes, findLineItem, findLineItemWithComparator, generateConfigurationLineItem, generateEmptyContext, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getGuidedSellingConfigurationRequest, getOriginParent, getRecommendedPrices, insertLineItem, isTechnicalAttribute, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
+export { ActionCodePipe, CalendarDirective, CatalogProductsService, ConfigurationRuntimeService, ConfigurationService, ConfigurationStateService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FLOW_CUSTOMIZATION, FORMATTING_SETTINGS_TOKEN, FlowConfigurationService, FlowInfoService, FlowStateConfigurationService, FlowStateService, GuidedSellingService, IntegrationState, NumberPipe, PCMUtils, PricePipe, ProductImagesService, RuntimeSettingsService, SalesTransactionService, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, TestModeConfigurationService, TransactionItemWorker, UI_DEFINITION_VERSION, extractMetadata, filterSuccessfulExecute, findTransactionItem, findTransactionItemWithComparator, flattenTransactionItem, generateTransactionItem, generateTransactionItemFromPCM, insertTransactionItem, removeTransactionItem, replaceTransactionItem, updateQuantity };
 //# sourceMappingURL=veloceapps-sdk-core.mjs.map