@configura/web-api 1.6.1 → 2.0.0-alpha.2

package/dist/CfgProduct.js

@@ -1,747 +1,778 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { AggregatedLoadingObservable, assert, assertDefined, augmentErrorMessage, compareArrays, count, Observable, toLengthUnit, } from "@configura/web-utilities";
-import { CfgMeasureDefinition } from "./CfgMeasure.js";
-import { ProductConfigurationBubbleMode } from "./productConfiguration/CfgOption.js";
-import { CfgProductConfiguration } from "./productConfiguration/CfgProductConfiguration.js";
-import { collectAdditionalProductRefs } from "./productConfiguration/utilitiesProductConfiguration.js";
-import { wrapWithCache } from "./productLoader.js";
-import { SyncGroupsHandler } from "./syncGroups/SyncGroupsHandler.js";
-import { comparePricesObjects, correctDefaultsOnCatalogueParams, isSameCatalogueParams, isSameProductRef, makeProductKey, } from "./utilitiesCatalogueData.js";
-function completeSettings(incompleteSettings) {
-    var _a;
-    return {
-        strictSelectOneSelectionCount: (_a = incompleteSettings === null || incompleteSettings === void 0 ? void 0 : incompleteSettings.strictSelectOneSelectionCount) !== null && _a !== void 0 ? _a : false,
-        syncGroupsApplyMode: incompleteSettings === null || incompleteSettings === void 0 ? void 0 : incompleteSettings.syncGroupsApplyMode,
-    };
-}
-/**
- * This enum is used internally in the SDK and is not expected by be used directly by integrators.
- */
-export var CfgProductBubbleMode;
-(function (CfgProductBubbleMode) {
-    /** Stop bubbling. */
-    CfgProductBubbleMode["Stop"] = "Stop";
-    /**
-     * Bubble to the parent CfgProduct up the tree.
-     * This makes the CfgProduct we we call from notify that it has changed, and the CfgProduct
-     * above switch out the reference to this.
-     */
-    CfgProductBubbleMode["OneLevel"] = "OneLevel";
-    /** Bubble to the root CfgProduct. */
-    CfgProductBubbleMode["ToRoot"] = "ToRoot";
-    /** Bubble to the root CfgProduct and turn on all optional CfgProducts on the way up. */
-    CfgProductBubbleMode["ToRootAndBubbleSelected"] = "ToRootAndBubbleSelected";
-})(CfgProductBubbleMode || (CfgProductBubbleMode = {}));
-function isDescriptionMatch(l, r) {
-    const ld = l.description;
-    const rd = r.description;
-    return ld !== undefined && rd !== undefined && ld.toLowerCase() === rd.toLowerCase();
-}
-/**
- * This class is meant to only be used through CfgProduct. It should never be instantiated on its
- * own. Normally the internal state of this class should never be directly modified. CfgProduct is
- * the class that should be used and interacted with.
- */
-export class _CfgProductInternal {
-    constructor(initSuccess, initFail, _productLoaderRaw, lang, catId, partNumber, settings, optional, selected, rootFeatureRefs, allRawFeatures, uuid, _rawUnit, _rawProductData, apiSelection, loadingObservable, parent, root, _additionalProductRef, _syncGroupHandler) {
-        var _a;
-        this._productLoaderRaw = _productLoaderRaw;
-        this.lang = lang;
-        this.catId = catId;
-        this.partNumber = partNumber;
-        this.settings = settings;
-        this.uuid = uuid;
-        this._rawUnit = _rawUnit;
-        this._rawProductData = _rawProductData;
-        this.loadingObservable = loadingObservable;
-        this.parent = parent;
-        this._additionalProductRef = _additionalProductRef;
-        this._syncGroupHandler = _syncGroupHandler;
-        this._destroyed = false;
-        this.additionalProducts = [];
-        this.changeObservable = new Observable();
-        this.destroy = () => {
-            this._destroyed = true;
-            this.changeObservable.stopAllListen();
-            this.configuration.stopAllListenForChange();
-            for (const additionalProduct of this.additionalProducts || []) {
-                additionalProduct.destroy();
-            }
-        };
-        this._notifyAllOfChange = (bubbleMode) => __awaiter(this, void 0, void 0, function* () {
-            if (bubbleMode === CfgProductBubbleMode.Stop) {
-                return;
-            }
-            const parent = this.parent;
-            const freshRef = CfgProduct._makeNewRefFrom(this);
-            this.changeObservable.notifyAll({ freshRef });
-            if (parent !== undefined) {
-                yield parent._additionalProductHasChanged(freshRef, bubbleMode === CfgProductBubbleMode.OneLevel
-                    ? CfgProductBubbleMode.Stop
-                    : bubbleMode);
-            }
-        });
-        /** Called when a child (additional product or the configuration) has changed. */
-        this._childHasChanged = (bubbleMode) => __awaiter(this, void 0, void 0, function* () {
-            if (bubbleMode === CfgProductBubbleMode.ToRootAndBubbleSelected &&
-                this.optional &&
-                !this.selected) {
-                yield this.setSelected(true, bubbleMode);
-                return;
-            }
-            yield this._notifyAllOfChange(bubbleMode);
-        });
-        /** Called by child to tell its parent that it has changed. */
-        this._additionalProductHasChanged = (freshRef, bubbleMode) => __awaiter(this, void 0, void 0, function* () {
-            const i = this.additionalProducts.findIndex((a) => a.isBackedBySame(freshRef));
-            if (i !== -1) {
-                // Child additional product might not be found. This probably means that propagate
-                // has chopped the branch your on. Let's say we have products A -> B -> C.
-                // We change an option on C. This is propagated to product A. Product A now
-                // changes its additional product so that B is no longer a child of A. Hence
-                // C no longer is part of the tree. Odd, but fully permitted.
-                this.additionalProducts[i] = freshRef;
-            }
-            yield this._childHasChanged(bubbleMode);
-        });
-        /** Called by the configuration to tell its parent that it has changed. */
-        this._configurationHasChanged = (freshRef, bubbleMode) => __awaiter(this, void 0, void 0, function* () {
-            this._configuration = freshRef;
-            switch (bubbleMode) {
-                case ProductConfigurationBubbleMode.ValidateAndBubbleSelected:
-                    // The revalidate call will continue the bubble
-                    yield this._revalidate(CfgProductBubbleMode.ToRootAndBubbleSelected, this._productLoaderRaw);
-                    return;
-                case ProductConfigurationBubbleMode.BubbleSelected:
-                    yield this._childHasChanged(CfgProductBubbleMode.ToRootAndBubbleSelected);
-                    return;
-                case ProductConfigurationBubbleMode.Validate:
-                    // The revalidate call will continue the bubble
-                    yield this._revalidate(CfgProductBubbleMode.ToRoot, this._productLoaderRaw);
-                    return;
-                case ProductConfigurationBubbleMode.ToParentProduct:
-                    // Do not continue bubble as we have reached the parent CfgProduct
-                    return;
-                case ProductConfigurationBubbleMode.OneLevel:
-                    yield this._childHasChanged(CfgProductBubbleMode.OneLevel);
-                    return;
-                case ProductConfigurationBubbleMode.Stop:
-                    yield this._childHasChanged(CfgProductBubbleMode.Stop);
-                    return;
-                case ProductConfigurationBubbleMode.ToRoot:
-                    yield this._childHasChanged(CfgProductBubbleMode.ToRoot);
-                    return;
-            }
-        });
-        this.getApiSelection = () => ({
-            refKey: this.refKey,
-            selected: this.selected,
-            selOptions: this.configuration.getApiSelection(),
-            additionalProducts: this.additionalProducts.map((additionalProduct) => additionalProduct.getApiSelection()),
-        });
-        this.setApiSelection = (s, doValidate, productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
-            return this._setApiSelectionWithOtherProduct(s, doValidate, productLoaderForGroupedLoad, undefined);
-        });
-        this.copyFrom = (source, doValidate, productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
-            return yield this._setApiSelectionWithOtherProduct(source.getApiSelection(), doValidate, productLoaderForGroupedLoad, source);
-        });
-        this._setApiSelectionWithOtherProduct = (s, doValidate, productLoaderForGroupedLoad, sourceProduct) => __awaiter(this, void 0, void 0, function* () {
-            // Wrap with cache will make getProduct for this function call use the same server call
-            // for the same product with the same params. Used for getProduct (when a new additional
-            // product is loaded) and postValidate.
-            productLoaderForGroupedLoad =
-                productLoaderForGroupedLoad || wrapWithCache(this._productLoaderRaw);
-            let change = false;
-            if (sourceProduct !== undefined) {
-                this._rawProductData = sourceProduct.rawProductData;
-                this.configuration._internal.populateFeatures(sourceProduct.configuration.rootFeatureRefs);
-                change = true; // We can not know if this is an actual change, so we assume it is
-            }
-            const configurationChange = yield this.configuration._internal.setApiSelection(s.selOptions, false);
-            if (configurationChange) {
-                change = true;
-            }
-            if (this.optional) {
-                if (yield this.setSelected(s.selected !== false, CfgProductBubbleMode.Stop)) {
-                    change = true;
-                }
-            }
-            yield this._syncAndLoadAdditionalProducts(productLoaderForGroupedLoad);
-            const apiSelectionAdditionalProducts = s.additionalProducts || [];
-            const additionalProducts = this.additionalProducts.slice();
-            const additionalProductsCount = additionalProducts.length;
-            const apiSelectionAdditionalProductsCount = apiSelectionAdditionalProducts.length;
-            if (apiSelectionAdditionalProductsCount !== additionalProductsCount) {
-                throw new Error(`Additional products are not same length. This product: "${this.key}". This product additional products count: ${additionalProductsCount}. Passed apiSelection additional products count: ${apiSelectionAdditionalProductsCount}`);
-            }
-            const sourceProductAdditionalProducts = sourceProduct === null || sourceProduct === void 0 ? void 0 : sourceProduct.additionalProducts;
-            assert(!sourceProductAdditionalProducts ||
-                additionalProductsCount === sourceProductAdditionalProducts.length, `Passed sourceProduct does not have the same number of additional products as this.`);
-            if ((yield Promise.all(apiSelectionAdditionalProducts.map((apiSelectionAdditionalProduct, index) => {
-                var _a;
-                const refKey = apiSelectionAdditionalProduct.refKey;
-                assertDefined(refKey, "Additional product api configurations must have refKey.");
-                const i = additionalProducts.findIndex((a) => refKey === a.refKey);
-                assert(i !== -1, `Additional product not found. This product: "${this.key}". refKey of not found additional product: "${refKey}"`);
-                let sourceProductAdditionalProduct = undefined;
-                if (sourceProductAdditionalProducts !== undefined) {
-                    sourceProductAdditionalProduct =
-                        (_a = sourceProductAdditionalProducts.find((a) => refKey === a.refKey)) === null || _a === void 0 ? void 0 : _a._internal;
-                    assertDefined(sourceProductAdditionalProduct, "Additional product not found in sourceProduct");
-                }
-                const additionalProduct = additionalProducts.splice(i, 1)[0]; // Splicing like this is okay because this is done synchronous. The setCon. is what is async.
-                return additionalProduct._internal._setApiSelectionWithOtherProduct(apiSelectionAdditionalProduct, doValidate, productLoaderForGroupedLoad, sourceProductAdditionalProduct);
-            }))).some((b) => b)) {
-                change = true;
-            }
-            if (doValidate && configurationChange) {
-                yield this._revalidate(CfgProductBubbleMode.ToRoot, productLoaderForGroupedLoad);
-            }
-            else if (change) {
-                // As setApiSelection is done recursively each level takes care of its own notifications
-                // so we only need to bubble one level to notify this and swap out the reference in the
-                // parent.
-                yield this._notifyAllOfChange(CfgProductBubbleMode.OneLevel);
-            }
-            return change;
-        });
-        this.structureCompare = (other, strictOrder = true, descriptionMatch = false) => {
-            if (!this.configuration.structureCompare(other.configuration, strictOrder, descriptionMatch)) {
-                return false;
-            }
-            return compareArrays(this.additionalProducts, other.additionalProducts, (l, r) => (!descriptionMatch || (descriptionMatch && isDescriptionMatch(l, r))) &&
-                l.structureCompare(r, strictOrder, descriptionMatch), !descriptionMatch);
-        };
-        this.tryMatchSelection = (other, descriptionMatch = false, // Match on case insensitive description, not code
-        productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
-            // wrap with cache will make getProduct for this function call use the same server call
-            // for the same product with the same params
-            productLoaderForGroupedLoad =
-                productLoaderForGroupedLoad || wrapWithCache(this._productLoaderRaw);
-            let change = false;
-            if (this.optional && other.optional) {
-                if (yield this.setSelected(other.selected, CfgProductBubbleMode.Stop)) {
-                    change = true;
-                }
-            }
-            const configurationChange = yield this.configuration._internal.tryMatchSelection(other.configuration._internal, descriptionMatch, false);
-            if (configurationChange) {
-                change = true;
-                yield this._revalidate(CfgProductBubbleMode.ToRootAndBubbleSelected, productLoaderForGroupedLoad);
-            }
-            else if (change) {
-                yield this._notifyAllOfChange(CfgProductBubbleMode.ToRootAndBubbleSelected);
-            }
-            const thisAdditionalProducts = this.additionalProducts;
-            const otherAdditionalProducts = other.additionalProducts;
-            const promises = [];
-            if (descriptionMatch) {
-                for (const otherAdditionalProduct of otherAdditionalProducts) {
-                    if (1 <
-                        count(otherAdditionalProducts, (product) => isDescriptionMatch(product, otherAdditionalProduct))) {
-                        console.warn("tryMatchSelection will ignore products that have the same description");
-                        continue;
-                    }
-                    const toTryMatchProducts = thisAdditionalProducts.filter((product) => isDescriptionMatch(product, otherAdditionalProduct));
-                    if (1 < toTryMatchProducts.length) {
-                        console.warn("tryMatchSelection will ignore products that have the same description");
-                        continue;
-                    }
-                    if (toTryMatchProducts.length === 0) {
-                        continue;
-                    }
-                    promises.push(toTryMatchProducts[0]._internal.tryMatchSelection(otherAdditionalProduct._internal, descriptionMatch, productLoaderForGroupedLoad));
-                }
-            }
-            else {
-                if (thisAdditionalProducts.length !== otherAdditionalProducts.length) {
-                    console.warn("tryMatchSelection not same count, will not try to match further.");
-                    return change;
-                }
-                for (let i = 0; i < thisAdditionalProducts.length; i++) {
-                    promises.push(thisAdditionalProducts[i]._internal.tryMatchSelection(otherAdditionalProducts[i]._internal, descriptionMatch, productLoaderForGroupedLoad));
-                }
-            }
-            if ((yield Promise.all(promises)).some((b) => b)) {
-                change = true;
-            }
-            return change;
-        });
-        /** Only features in selected options and selected additional products. */
-        this._getDescendantFeaturesWithCode = (code) => this.additionalProducts.reduce((agg, additionalProduct) => {
-            if (additionalProduct.selected) {
-                agg.push(...additionalProduct._internal._getDescendantFeaturesWithCode(code));
-            }
-            return agg;
-        }, this._configuration._internal._getFeaturesWithCode(code));
-        /**
-         * Do a validate call for this product. It does not validate additional products, only this
-         * product in isolation. The validation result is applied on the configuration. Then additional
-         * products are synced (unloaded, loaded etc.) Finally the changes bubble up the tree.
-         */
-        this._revalidate = (bubbleMode, productLoader) => __awaiter(this, void 0, void 0, function* () {
-            const { _configuration: configuration } = this;
-            const token = this.loadingObservable.startChildLoading();
-            this._revalidateInProgressToken = token;
-            try {
-                const response = yield productLoader.postValidate(Object.assign(Object.assign({ lang: this.lang }, correctDefaultsOnCatalogueParams(this.catId)), { partNumber: this.partNumber }), { selOptions: configuration.getApiSelection() });
-                // The revalidateInProgressToken is used to know if some other revalidate
-                // call has happened after this call, thereby making this call obsolete.
-                // This is a bit crude in that it does not actually cancel previous validate
-                // calls, but this is fine because 1. it is hard to cancel a call, especially
-                // if you wanna have clear code 2. the actual calls are small anyhow 3. most
-                // of all, the heavy work happens on the server, and that work will not be
-                // cancelled even if we would cancel the call.
-                if (this._revalidateInProgressToken !== token) {
-                    return false;
-                }
-                // After a successful validate-call we will always assume there
-                // is a change. It would be possible to compare relevant parts
-                // of productData, consider the result of setApiSelection and
-                // syndAndLoad, however the code comparing productData would be fragile
-                // and likely to break if new data-fields were added.
-                if (this._destroyed) {
-                    return false;
-                }
-                const { productData, rootFeatureRefs } = response;
-                const pricesUpdated = !comparePricesObjects(this.prices, productData.partsData.prices);
-                this._rawProductData = productData;
-                if (rootFeatureRefs !== undefined) {
-                    configuration._internal.populateFeatures(rootFeatureRefs);
-                }
-                if (pricesUpdated) {
-                    this._configuration._internal._freshRefDescendants();
-                    this._configuration = CfgProductConfiguration._makeNewRefFrom(this._configuration._internal);
-                }
-                yield configuration._internal.setApiSelection(productData.partsData.selOptions || [], false);
-                yield this._syncAndLoadAdditionalProducts(productLoader);
-                if (this._destroyed) {
-                    return false;
-                }
-                yield this._notifyAllOfChange(bubbleMode);
-                return true;
-            }
-            catch (e) {
-                throw augmentErrorMessage(e, "Validate product configuration request failure");
-            }
-            finally {
-                this.loadingObservable.stopChildLoading(token);
-            }
-        });
-        /**
-         * Based on this configuration find what additional products should be shown and not, unload
-         * (i.e. destroy) those that should no longer be shown, load the new ones.
-         */
-        this._syncAndLoadAdditionalProducts = (productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
-            const { lang, _productLoaderRaw: productLoaderRaw, rawProductData: productData, configuration, additionalProducts: currentAdditionalProducts, } = this;
-            const additionalProductRefs = [
-                ...(productData.additionalProductRefs || []),
-                ...collectAdditionalProductRefs(configuration),
-            ]
-                .reduce((a, c) => {
-                if (a.every((p) => !isSameProductRef(p, c))) {
-                    a.push(c);
-                }
-                return a;
-            }, [])
-                .map((prodRef, originalIndex) => ({
-                prodRef,
-                originalIndex,
-            }));
-            let change = false;
-            let i = currentAdditionalProducts.length;
-            while (i--) {
-                const currentAdditionalProduct = currentAdditionalProducts[i];
-                const j = additionalProductRefs.findIndex((p) => {
-                    const prodRef = p.prodRef;
-                    return (prodRef.refKey === currentAdditionalProduct.refKey &&
-                        prodRef.partNumber === currentAdditionalProduct.partNumber &&
-                        isSameCatalogueParams(prodRef.catId, currentAdditionalProduct.catId));
-                });
-                if (j === -1) {
-                    currentAdditionalProduct.destroy();
-                    currentAdditionalProducts.splice(i, 1);
-                    change = true;
-                }
-                else {
-                    currentAdditionalProduct._internal._updateAdditionalProdRef(additionalProductRefs[j].prodRef);
-                    additionalProductRefs.splice(j, 1);
-                }
-            }
-            const token = this.loadingObservable.startChildLoading();
-            try {
-                if (additionalProductRefs.length !== 0) {
-                    change = true;
-                }
-                const newAdditionalProducts = yield Promise.all(additionalProductRefs.map((p) => (() => __awaiter(this, void 0, void 0, function* () {
-                    const additionalProductRef = p.prodRef;
-                    return {
-                        originalIndex: p.originalIndex,
-                        product: CfgProduct._makeNewRefFrom(yield _CfgProductInternal.make(productLoaderRaw, productLoaderForGroupedLoad, lang, additionalProductRef.catId, additionalProductRef.partNumber, this.settings, additionalProductRef.optional === true, this.loadingObservable, this, this.root, additionalProductRef)),
-                    };
-                }))()));
-                if (this._destroyed) {
-                    return change;
-                }
-                for (const newAdditionalProduct of newAdditionalProducts) {
-                    currentAdditionalProducts.splice(newAdditionalProduct.originalIndex, 0, newAdditionalProduct.product);
-                }
-                return change;
-            }
-            finally {
-                this.loadingObservable.stopChildLoading(token);
-            }
-        });
-        this.root = root !== null && root !== void 0 ? root : this;
-        this.key = makeProductKey(catId, (_a = _additionalProductRef === null || _additionalProductRef === void 0 ? void 0 : _additionalProductRef.refKey) !== null && _a !== void 0 ? _a : partNumber);
-        this._selected = optional ? selected : undefined;
-        this.isAdditionalProduct = parent !== undefined;
-        this._configuration = CfgProductConfiguration.make(initSuccess, initFail, rootFeatureRefs, allRawFeatures, apiSelection, this, this.root);
-    }
-    get selected() {
-        return this._selected !== false;
-    }
-    clone(parent, root) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const product = yield new Promise((initSuccess, initFail) => {
-                var _a;
-                const p = new _CfgProductInternal(() => {
-                    initSuccess(p);
-                }, initFail, this._productLoaderRaw, this.lang, this.catId, this.partNumber, this.settings, this.optional, this.selected, this._configuration.rootFeatureRefs, this._configuration.allRawFeatures, this.uuid, this._rawUnit, this._rawProductData, this.configuration.getApiSelection(), new AggregatedLoadingObservable(), parent, root, this._additionalProductRef, (_a = this._syncGroupHandler) === null || _a === void 0 ? void 0 : _a.clone());
-            });
-            for (const additionalProduct of this.additionalProducts) {
-                product.additionalProducts.push(CfgProduct._makeNewRefFrom(yield additionalProduct._internal.clone(product, root || product)));
-            }
-            return product;
-        });
-    }
-    _updateAdditionalProdRef(p) {
-        this._additionalProductRef = p;
-        if (p.optional !== this.optional) {
-            this._selected = p.optional ? false : undefined;
-        }
-    }
-    get description() {
-        var _a, _b;
-        return (_b = (_a = this._additionalProductRef) === null || _a === void 0 ? void 0 : _a.refDescription) !== null && _b !== void 0 ? _b : this._rawProductData.description;
-    }
-    get rootNodeSources() {
-        return this._rawProductData.models;
-    }
-    get mtrlApplications() {
-        return this._rawProductData.mtrlApplications;
-    }
-    get currency() {
-        return this._rawProductData.partsData.currency;
-    }
-    get fractionDigits() {
-        return this._rawProductData.partsData.rounding || 0;
-    }
-    get prices() {
-        return this._rawProductData.partsData.prices;
-    }
-    get measureDefinitions() {
-        var _a;
-        if (this._measureDefinitions === undefined) {
-            this._measureDefinitions = ((_a = this._rawProductData.measurements) !== null && _a !== void 0 ? _a : [])
-                .map((m) => CfgMeasureDefinition.make(m))
-                .filter((m) => m !== undefined);
-        }
-        return this._measureDefinitions;
-    }
-    get refKey() {
-        var _a;
-        return (_a = this._additionalProductRef) === null || _a === void 0 ? void 0 : _a.refKey;
-    }
-    get transform() {
-        var _a;
-        return (_a = this._additionalProductRef) === null || _a === void 0 ? void 0 : _a.transform;
-    }
-    get anchor() {
-        var _a;
-        return (_a = this._additionalProductRef) === null || _a === void 0 ? void 0 : _a.anchor;
-    }
-    /** @throws an error if the actual unit sent by the server was not a LengthUnit */
-    get unit() {
-        if (this._unit === undefined) {
-            this._unit = toLengthUnit(this._rawUnit);
-        }
-        return this._unit;
-    }
-    get aggregatedPrice() {
-        const { currency, fractionDigits, rawProductData } = this;
-        const { partsData } = rawProductData;
-        let { listPrice, basePrice } = partsData;
-        if (this._selected === false) {
-            return { basePrice: 0, listPrice: 0, currency, fractionDigits };
-        }
-        for (const additionalProduct of this.additionalProducts || []) {
-            const { basePrice: additionalBasePrice, listPrice: additionalListPrice, currency: additionalCurrency, fractionDigits: additionalFractionDigits, } = additionalProduct.aggregatedPrice;
-            basePrice += additionalBasePrice;
-            listPrice += additionalListPrice;
-            if (currency !== additionalCurrency) {
-                // This should not be possible
-                // The server shouldn't return additional products with different currency from their parent
-                throw new Error(`Currency mismatch between parent product and additional product. Parent product: "${this.key}" Additional product: "${additionalProduct.key}". Currency on parent product: ${currency}. Currency on additional product: ${additionalCurrency}`);
-            }
-            if (fractionDigits !== additionalFractionDigits) {
-                // This should not be possible
-                // The server shouldn't return additional products with different fraction digits from their parent
-                throw new Error(`Fraction digits mismatch between parent product and additional product. Parent product: "${this.key}" Additional product: "${additionalProduct.key}". Fraction digits on parent product: ${fractionDigits}. Fraction digits on additional product: ${additionalFractionDigits}`);
-            }
-        }
-        return { basePrice, listPrice, currency, fractionDigits };
-    }
-    get optional() {
-        return this._selected !== undefined;
-    }
-    setSelected(v, bubbleMode) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.optional) {
-                console.warn("This product is not optional. Nothing will happen");
-                return false;
-            }
-            if (this._selected === v) {
-                return false;
-            }
-            this._selected = v;
-            yield this._notifyAllOfChange(bubbleMode);
-            return true;
-        });
-    }
-    get configuration() {
-        return this._configuration;
-    }
-    get rawProductData() {
-        return this._rawProductData;
-    }
-    /**
-     * Please note that this relates to the visibility in the Configuration tree.
-     * It does not affect the visibility of anything in the 3D view at all.
-     */
-    get visibleIfAdditionalProduct() {
-        return this.rawProductData.hideIfAdditionalProduct !== true;
-    }
-    /**
-     * Please note that this relates to the visibility in the Configuration tree.
-     * It does not affect the visibility of anything in the 3D view at all.
-     */
-    get visibleIfMainProduct() {
-        return this.rawProductData.hideIfMainProduct !== true;
-    }
-    /**
-     * Please note that this relates to the visibility in the Configuration tree.
-     * It does not affect the visibility of anything in the 3D view at all.
-     */
-    get visible() {
-        return this.isAdditionalProduct
-            ? this.visibleIfAdditionalProduct
-            : this.visibleIfMainProduct;
-    }
-    get syncGroupHandler() {
-        return this.root._syncGroupHandler;
-    }
-    get syncGroupsVerboseLogging() {
-        var _a, _b;
-        return (_b = (_a = this.syncGroupHandler) === null || _a === void 0 ? void 0 : _a.verboseLogging) !== null && _b !== void 0 ? _b : false;
-    }
-    /**
-     * Set to true to get verbose sync state changes logged to the console.
-     */
-    set syncGroupsVerboseLogging(v) {
-        const syncGroupHandler = this.syncGroupHandler;
-        if (syncGroupHandler === undefined) {
-            throw new Error("No syncGroupHandler, so can not change log verbosity");
-        }
-        syncGroupHandler.verboseLogging = v;
-    }
-}
-_CfgProductInternal.make = (productLoaderRaw, productLoaderForGroupedLoad, // Used when instantiating the current product
-lang, catId, partNumber, settings, optional, loadingObservable, parent, root, additionalProductRef) => __awaiter(void 0, void 0, void 0, function* () {
-    // Wrap with cache will make getProduct for this function call use the same server call
-    // for the same product with the same params. Not retained for future calls, only used
-    // at this initial load.
-    productLoaderForGroupedLoad =
-        productLoaderForGroupedLoad || wrapWithCache(productLoaderRaw);
-    const syncGroupHandler = root === undefined
-        ? SyncGroupsHandler.make(settings.syncGroupsApplyMode, loadingObservable)
-        : undefined;
-    try {
-        const productResponse = yield productLoaderForGroupedLoad.getProduct(Object.assign(Object.assign({ lang }, correctDefaultsOnCatalogueParams(catId)), { partNumber }));
-        const { productData, rootFeatureRefs, features: allRawFeatures, uuid, unit, } = productResponse;
-        const product = yield new Promise((initSuccess, initFail) => {
-            const p = new _CfgProductInternal(() => {
-                // We absolutely do not want anyone to assign to this._configuration. So we want that field private.
-                // But we can not set the api selection synchronously. And the product configuration needs "this". So we use this callback.
-                // Feel free to find a nicer more readable solution :)
-                initSuccess(p);
-            }, initFail, productLoaderRaw, lang, catId, partNumber, settings, optional, !optional, rootFeatureRefs, allRawFeatures, uuid, unit, productData, productData.partsData.selOptions || [], loadingObservable, parent, root, additionalProductRef, syncGroupHandler);
-        });
-        yield product._syncAndLoadAdditionalProducts(productLoaderForGroupedLoad);
-        // Product is guaranteed to be root
-        yield (syncGroupHandler === null || syncGroupHandler === void 0 ? void 0 : syncGroupHandler.init(product, productLoaderForGroupedLoad));
-        return product;
-    }
-    catch (e) {
-        throw augmentErrorMessage(e, "Load product request failure");
-    }
-});
-export class CfgProduct {
-    constructor(_internal) {
-        this._internal = _internal;
-        this.isBackedBySame = (other) => this._internal === other._internal;
-        /**
-         * Recursively marks this and descendants as destroyed so that late events are ignored
-         * correctly. If you destroy one shallow copy of this you destroy all.
-         */
-        this.destroy = () => this._internal.destroy();
-        /** Makes a clone of this. It is disconnected from the original. */
-        this.clone = () => __awaiter(this, void 0, void 0, function* () { return CfgProduct._makeNewRefFrom(yield this._internal.clone()); });
-        /**
-         * Only applicable when this product is optional.
-         * Setting this does not cause a validation call as toggling an optional additional product is
-         *  assumed to always be legal.
-         */
-        this.setSelected = (v) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setSelected(v, CfgProductBubbleMode.ToRootAndBubbleSelected); });
-        /**
-         * Experimental. Additional products lacks descriptions or keys that are suitably for structure
-         * compare, so we use strict-order when trying to match the additional products. This makes
-         * this method work nicely for different products having pretty much the same child products.
-         */
-        this.structureCompare = (other, strictOrder = true, descriptionMatch = false) => this._internal.structureCompare(other._internal, strictOrder, descriptionMatch);
-        /**
-         * Experimental. Additional products lacks descriptions or keys that are suitably for try
-         *  match, so we use strict-order when trying to match the additional products. This makes
-         *  this method work nicely for different products having pretty much the same child products.
-         *  This method does not propagate its selections.
-         *  This method will cause validation calls if something change.
-         */
-        this.tryMatchSelection = (other, descriptionMatch = false // Match on case insensitive description, not code
-        ) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.tryMatchSelection(other._internal, descriptionMatch); });
-        /**
-         * Gets what selections has been made on the product, recursively including product
-         * configuration, optional products and additional products. Used when a full view of all
-         * selections on a product is needed, such as when doing Render or Export.
-         */
-        this.getApiSelection = () => this._internal.getApiSelection();
-        this.setApiSelection = (s, doValidate = false) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setApiSelection(s, doValidate); });
-        this.listenForChange = (l) => this._internal.changeObservable.listen(l);
-        this.stopListenForChange = (l) => this._internal.changeObservable.stopListen(l);
-        this.stopAllListenForChange = () => this._internal.changeObservable.stopAllListen();
-        this.listenForLoading = (l) => this._internal.loadingObservable.listen(l);
-        this.stopListenForLoading = (l) => this._internal.loadingObservable.stopListen(l);
-        this.stopAllListenForLoading = () => this._internal.loadingObservable.stopAllListen();
-    }
-    static make(productLoader, lang, catId, partNumber, settings) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this._makeNewRefFrom(yield _CfgProductInternal.make(productLoader, undefined, lang, catId, partNumber, completeSettings(settings), false, new AggregatedLoadingObservable(), undefined, undefined, undefined));
-        });
-    }
-    /**
-     * Makes an object wrapping the passed object. This is not a clone method, it is a method to
-     * make a new outer reference. Like a shallow copy. We use this to help frameworks that are
-     * build around using equals to detect change.
-     */
-    static _makeNewRefFrom(source) {
-        return new this(source);
-    }
-    /**
-     * A client side only key that should uniquely identify this product amongst other additional
-     * products.
-     */
-    get key() {
-        return this._internal.key;
-    }
-    /**
-     * Only used when this product is in additional product.
-     * As a product can have multiple instances of the same additional product this key exists.
-     * It will be unique amongst child products, but not globally unique.
-     */
-    get refKey() {
-        return this._internal.refKey;
-    }
-    get lang() {
-        return this._internal.lang;
-    }
-    get catId() {
-        return this._internal.catId;
-    }
-    get partNumber() {
-        return this._internal.partNumber;
-    }
-    get isAdditionalProduct() {
-        return this._internal.isAdditionalProduct;
-    }
-    /** Only used when this product is an additional product. Root products are never optional. */
-    get optional() {
-        return this._internal.optional;
-    }
-    /**
-     * Only applicable when this product is optional. If this product is not optional this is
-     * always true.
-     */
-    get selected() {
-        return this._internal.selected;
-    }
-    /**
-     * Please note that this relates to the visibility in the Configuration tree.
-     * It does not affect the visibility of anything in the 3D view at all.
-     * Visibility is affects the Configuration for this Product, but any Additional Products
-     * will not be affected.
-     */
-    get visible() {
-        return this._internal.visible;
-    }
-    get rawProductData() {
-        return this._internal.rawProductData;
-    }
-    get uuid() {
-        return this._internal.uuid;
-    }
-    get unit() {
-        return this._internal.unit;
-    }
-    get sku() {
-        return this._internal.rawProductData.sku;
-    }
-    get styleNr() {
-        return this._internal.rawProductData.partsData.styleNr;
-    }
-    /** An URL. */
-    get preview() {
-        return this._internal.rawProductData.navImage;
-    }
-    get description() {
-        return this._internal.description;
-    }
-    get additionalProducts() {
-        return this._internal.additionalProducts;
-    }
-    get configuration() {
-        return this._internal.configuration;
-    }
-    get transform() {
-        return this._internal.transform;
-    }
-    get currency() {
-        return this._internal.currency;
-    }
-    /**
-     * If positive the number of fraction digits.
-     * If negative rounding (essentially the number of zeros to the right)
-     */
-    get fractionDigits() {
-        return this._internal.fractionDigits;
-    }
-    get aggregatedPrice() {
-        return this._internal.aggregatedPrice;
-    }
-}
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { AggregatedLoadingObservable, assert, assertDefined, augmentErrorMessage, compareArrays, count, Observable, toLengthUnit, } from "@configura/web-utilities";
+import { CfgMeasureDefinition } from "./CfgMeasure.js";
+import { convertDtoConfProdToV1 } from "./ConfigurationConverter.js";
+import { ProductConfigurationBubbleMode } from "./productConfiguration/CfgOption.js";
+import { CfgProductConfiguration } from "./productConfiguration/CfgProductConfiguration.js";
+import { collectAdditionalProductRefs } from "./productConfiguration/utilitiesProductConfiguration.js";
+import { wrapWithCache } from "./productLoader.js";
+import { SyncGroupsHandler } from "./syncGroups/SyncGroupsHandler.js";
+import { comparePricesObjects, correctDefaultsOnCatalogueParams, isSameCatalogueParams, isSameProductRef, makeProductKey, } from "./utilitiesCatalogueData.js";
+function completeSettings(incompleteSettings) {
+    var _a;
+    return {
+        strictSelectOneSelectionCount: (_a = incompleteSettings === null || incompleteSettings === void 0 ? void 0 : incompleteSettings.strictSelectOneSelectionCount) !== null && _a !== void 0 ? _a : false,
+        syncGroupsApplyMode: incompleteSettings === null || incompleteSettings === void 0 ? void 0 : incompleteSettings.syncGroupsApplyMode,
+    };
+}
+/**
+ * This enum is used internally in the SDK and is not expected by be used directly by integrators.
+ */
+export var CfgProductBubbleMode;
+(function (CfgProductBubbleMode) {
+    /** Stop bubbling. */
+    CfgProductBubbleMode["Stop"] = "Stop";
+    /**
+     * Bubble to the parent CfgProduct up the tree.
+     * This makes the CfgProduct we we call from notify that it has changed, and the CfgProduct
+     * above switch out the reference to this.
+     */
+    CfgProductBubbleMode["OneLevel"] = "OneLevel";
+    /** Bubble to the root CfgProduct. */
+    CfgProductBubbleMode["ToRoot"] = "ToRoot";
+    /** Bubble to the root CfgProduct and turn on all optional CfgProducts on the way up. */
+    CfgProductBubbleMode["ToRootAndBubbleSelected"] = "ToRootAndBubbleSelected";
+})(CfgProductBubbleMode || (CfgProductBubbleMode = {}));
+function isDescriptionMatch(l, r) {
+    const ld = l.description;
+    const rd = r.description;
+    return ld !== undefined && rd !== undefined && ld.toLowerCase() === rd.toLowerCase();
+}
+/**
+ * This class is meant to only be used through CfgProduct. It should never be instantiated on its
+ * own. Normally the internal state of this class should never be directly modified. CfgProduct is
+ * the class that should be used and interacted with.
+ */
+export class _CfgProductInternal {
+    constructor(initSuccess, initFail, _productLoaderRaw, prodParams, settings, optional, selected, rootFeatureRefs, allRawFeatures, uuid, _rawUnit, _rawProductData, apiSelection, loadingObservable, parent, root, _additionalProductRef, _syncGroupHandler) {
+        var _a;
+        this._productLoaderRaw = _productLoaderRaw;
+        this.prodParams = prodParams;
+        this.settings = settings;
+        this.uuid = uuid;
+        this._rawUnit = _rawUnit;
+        this._rawProductData = _rawProductData;
+        this.loadingObservable = loadingObservable;
+        this.parent = parent;
+        this._additionalProductRef = _additionalProductRef;
+        this._syncGroupHandler = _syncGroupHandler;
+        this._destroyed = false;
+        this.additionalProducts = [];
+        this.changeObservable = new Observable();
+        this.destroy = () => {
+            this._destroyed = true;
+            this.changeObservable.stopAllListen();
+            this.configuration.stopAllListenForChange();
+            for (const additionalProduct of this.additionalProducts || []) {
+                additionalProduct.destroy();
+            }
+        };
+        this._notifyAllOfChange = (bubbleMode, committed) => __awaiter(this, void 0, void 0, function* () {
+            if (bubbleMode === CfgProductBubbleMode.Stop) {
+                return;
+            }
+            const parent = this.parent;
+            const freshRef = CfgProduct._makeNewRefFrom(this);
+            this.changeObservable.notifyAll({ freshRef, committed });
+            if (parent !== undefined) {
+                yield parent._additionalProductHasChanged(freshRef, bubbleMode === CfgProductBubbleMode.OneLevel
+                    ? CfgProductBubbleMode.Stop
+                    : bubbleMode, committed);
+            }
+        });
+        /** Called when a child (additional product or the configuration) has changed. */
+        this._childHasChanged = (bubbleMode, committed) => __awaiter(this, void 0, void 0, function* () {
+            if (bubbleMode === CfgProductBubbleMode.ToRootAndBubbleSelected &&
+                this.optional &&
+                !this.selected) {
+                yield this.setSelected(true, bubbleMode);
+                return;
+            }
+            yield this._notifyAllOfChange(bubbleMode, committed);
+        });
+        /** Called by child to tell its parent that it has changed. */
+        this._additionalProductHasChanged = (freshRef, bubbleMode, committed) => __awaiter(this, void 0, void 0, function* () {
+            const i = this.additionalProducts.findIndex((a) => a.isBackedBySame(freshRef));
+            if (i !== -1) {
+                // Child additional product might not be found. This probably means that propagate
+                // has chopped the branch your on. Let's say we have products A -> B -> C.
+                // We change an option on C. This is propagated to product A. Product A now
+                // changes its additional product so that B is no longer a child of A. Hence
+                // C no longer is part of the tree. Odd, but fully permitted.
+                this.additionalProducts[i] = freshRef;
+            }
+            yield this._childHasChanged(bubbleMode, committed);
+        });
+        /** Called by the configuration to tell its parent that it has changed. */
+        this._configurationHasChanged = (freshRef, bubbleMode, committed) => __awaiter(this, void 0, void 0, function* () {
+            this._configuration = freshRef;
+            switch (bubbleMode) {
+                case ProductConfigurationBubbleMode.ValidateAndBubbleSelected:
+                    // The revalidate call will continue the bubble
+                    yield this._revalidate(CfgProductBubbleMode.ToRootAndBubbleSelected, this._productLoaderRaw, committed);
+                    return;
+                case ProductConfigurationBubbleMode.BubbleSelected:
+                    yield this._childHasChanged(CfgProductBubbleMode.ToRootAndBubbleSelected, committed);
+                    return;
+                case ProductConfigurationBubbleMode.Validate:
+                    // The revalidate call will continue the bubble
+                    yield this._revalidate(CfgProductBubbleMode.ToRoot, this._productLoaderRaw, committed);
+                    return;
+                case ProductConfigurationBubbleMode.ToParentProduct:
+                    // Do not continue bubble as we have reached the parent CfgProduct
+                    return;
+                case ProductConfigurationBubbleMode.OneLevel:
+                    yield this._childHasChanged(CfgProductBubbleMode.OneLevel, committed);
+                    return;
+                case ProductConfigurationBubbleMode.Stop:
+                    yield this._childHasChanged(CfgProductBubbleMode.Stop, committed);
+                    return;
+                case ProductConfigurationBubbleMode.ToRoot:
+                    yield this._childHasChanged(CfgProductBubbleMode.ToRoot, committed);
+                    return;
+            }
+        });
+        this.getDtoConf = (includeExtendedData, includeProductParams) => {
+            const conf = {};
+            const features = this.configuration._internal.getDtoConf(includeExtendedData);
+            if (0 < features.length) {
+                conf.features = features;
+            }
+            if (includeProductParams) {
+                conf.prodParams = this.prodParams;
+            }
+            const additionalProducts = this.additionalProducts;
+            if (0 < additionalProducts.length) {
+                conf.additionalProducts = additionalProducts.map((p) => p._internal.getDtoConf(includeExtendedData, includeProductParams));
+            }
+            if (this.isAdditionalProduct) {
+                const refKey = this.refKey;
+                if (refKey === undefined) {
+                    throw new Error("AdditionalProduct without refKey, this should not happen");
+                }
+                const confAddProd = conf;
+                confAddProd.refKey = refKey;
+                confAddProd.selected = this.selected;
+            }
+            return conf;
+        };
+        this.setDtoConf = (s, doValidate, productLoaderForGroupedLoad) => this.setApiSelection(convertDtoConfProdToV1(s), doValidate, productLoaderForGroupedLoad);
+        this.setApiSelection = (s, doValidate, productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
+            return this._setApiSelectionWithOtherProduct(s, doValidate, productLoaderForGroupedLoad, undefined);
+        });
+        this.copyFrom = (source, doValidate, productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
+            return yield this._setApiSelectionWithOtherProduct(convertDtoConfProdToV1(source.getDtoConf(false, false)), doValidate, productLoaderForGroupedLoad, source);
+        });
+        this._setApiSelectionWithOtherProduct = (s, doValidate, productLoaderForGroupedLoad, sourceProduct) => __awaiter(this, void 0, void 0, function* () {
+            // Wrap with cache will make getProduct for this function call use the same server call
+            // for the same product with the same params. Used for getProduct (when a new additional
+            // product is loaded) and postValidate.
+            productLoaderForGroupedLoad =
+                productLoaderForGroupedLoad || wrapWithCache(this._productLoaderRaw);
+            let change = false;
+            if (sourceProduct !== undefined) {
+                this._rawProductData = sourceProduct.rawProductData;
+                this.configuration._internal.populateFeatures(sourceProduct.configuration.rootFeatureRefs);
+                change = true; // We can not know if this is an actual change, so we assume it is
+            }
+            const configurationChange = yield this.configuration._internal.setApiSelection(s.selOptions, false);
+            if (configurationChange) {
+                change = true;
+            }
+            if (this.optional) {
+                if (yield this.setSelected(s.selected !== false, CfgProductBubbleMode.Stop)) {
+                    change = true;
+                }
+            }
+            yield this._syncAndLoadAdditionalProducts(productLoaderForGroupedLoad);
+            const apiSelectionAdditionalProducts = s.additionalProducts || [];
+            const additionalProducts = this.additionalProducts.slice();
+            const additionalProductsCount = additionalProducts.length;
+            const apiSelectionAdditionalProductsCount = apiSelectionAdditionalProducts.length;
+            if (apiSelectionAdditionalProductsCount !== additionalProductsCount) {
+                throw new Error(`Additional products are not same length. This product: "${this.key}". This product additional products count: ${additionalProductsCount}. Passed apiSelection additional products count: ${apiSelectionAdditionalProductsCount}`);
+            }
+            const sourceProductAdditionalProducts = sourceProduct === null || sourceProduct === void 0 ? void 0 : sourceProduct.additionalProducts;
+            assert(!sourceProductAdditionalProducts ||
+                additionalProductsCount === sourceProductAdditionalProducts.length, `Passed sourceProduct does not have the same number of additional products as this.`);
+            if ((yield Promise.all(apiSelectionAdditionalProducts.map((apiSelectionAdditionalProduct, index) => {
+                var _a;
+                const refKey = apiSelectionAdditionalProduct.refKey;
+                assertDefined(refKey, "Additional product api configurations must have refKey.");
+                const i = additionalProducts.findIndex((a) => refKey === a.refKey);
+                assert(i !== -1, `Additional product not found. This product: "${this.key}". refKey of not found additional product: "${refKey}"`);
+                let sourceProductAdditionalProduct = undefined;
+                if (sourceProductAdditionalProducts !== undefined) {
+                    sourceProductAdditionalProduct =
+                        (_a = sourceProductAdditionalProducts.find((a) => refKey === a.refKey)) === null || _a === void 0 ? void 0 : _a._internal;
+                    assertDefined(sourceProductAdditionalProduct, "Additional product not found in sourceProduct");
+                }
+                const additionalProduct = additionalProducts.splice(i, 1)[0]; // Splicing like this is okay because this is done synchronous. The setCon. is what is async.
+                return additionalProduct._internal._setApiSelectionWithOtherProduct(apiSelectionAdditionalProduct, doValidate, productLoaderForGroupedLoad, sourceProductAdditionalProduct);
+            }))).some((b) => b)) {
+                change = true;
+            }
+            if (doValidate && configurationChange) {
+                yield this._revalidate(CfgProductBubbleMode.ToRoot, productLoaderForGroupedLoad, true);
+            }
+            else if (change) {
+                // As setApiSelection is done recursively each level takes care of its own notifications
+                // so we only need to bubble one level to notify this and swap out the reference in the
+                // parent.
+                yield this._notifyAllOfChange(CfgProductBubbleMode.OneLevel, true);
+            }
+            return change;
+        });
+        this.structureCompare = (other, strictOrder = true, descriptionMatch = false) => {
+            if (!this.configuration.structureCompare(other.configuration, strictOrder, descriptionMatch)) {
+                return false;
+            }
+            return compareArrays(this.additionalProducts, other.additionalProducts, (l, r) => (!descriptionMatch || (descriptionMatch && isDescriptionMatch(l, r))) &&
+                l.structureCompare(r, strictOrder, descriptionMatch), !descriptionMatch);
+        };
+        this.tryMatchSelection = (other, descriptionMatch = false, // Match on case insensitive description, not code
+        productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
+            // wrap with cache will make getProduct for this function call use the same server call
+            // for the same product with the same params
+            productLoaderForGroupedLoad =
+                productLoaderForGroupedLoad || wrapWithCache(this._productLoaderRaw);
+            let change = false;
+            if (this.optional && other.optional) {
+                if (yield this.setSelected(other.selected, CfgProductBubbleMode.Stop)) {
+                    change = true;
+                }
+            }
+            const configurationChange = yield this.configuration._internal.tryMatchSelection(other.configuration._internal, descriptionMatch, false);
+            if (configurationChange) {
+                change = true;
+                yield this._revalidate(CfgProductBubbleMode.ToRootAndBubbleSelected, productLoaderForGroupedLoad, true);
+            }
+            else if (change) {
+                yield this._notifyAllOfChange(CfgProductBubbleMode.ToRootAndBubbleSelected, true);
+            }
+            const thisAdditionalProducts = this.additionalProducts;
+            const otherAdditionalProducts = other.additionalProducts;
+            const promises = [];
+            if (descriptionMatch) {
+                for (const otherAdditionalProduct of otherAdditionalProducts) {
+                    if (1 <
+                        count(otherAdditionalProducts, (product) => isDescriptionMatch(product, otherAdditionalProduct))) {
+                        console.warn("tryMatchSelection will ignore products that have the same description");
+                        continue;
+                    }
+                    const toTryMatchProducts = thisAdditionalProducts.filter((product) => isDescriptionMatch(product, otherAdditionalProduct));
+                    if (1 < toTryMatchProducts.length) {
+                        console.warn("tryMatchSelection will ignore products that have the same description");
+                        continue;
+                    }
+                    if (toTryMatchProducts.length === 0) {
+                        continue;
+                    }
+                    promises.push(toTryMatchProducts[0]._internal.tryMatchSelection(otherAdditionalProduct._internal, descriptionMatch, productLoaderForGroupedLoad));
+                }
+            }
+            else {
+                if (thisAdditionalProducts.length !== otherAdditionalProducts.length) {
+                    console.warn("tryMatchSelection not same count, will not try to match further.");
+                    return change;
+                }
+                for (let i = 0; i < thisAdditionalProducts.length; i++) {
+                    promises.push(thisAdditionalProducts[i]._internal.tryMatchSelection(otherAdditionalProducts[i]._internal, descriptionMatch, productLoaderForGroupedLoad));
+                }
+            }
+            if ((yield Promise.all(promises)).some((b) => b)) {
+                change = true;
+            }
+            return change;
+        });
+        /** Only features in selected options and selected additional products. */
+        this._getDescendantFeaturesWithCode = (code) => this.additionalProducts.reduce((agg, additionalProduct) => {
+            if (additionalProduct.selected) {
+                agg.push(...additionalProduct._internal._getDescendantFeaturesWithCode(code));
+            }
+            return agg;
+        }, this._configuration._internal._getFeaturesWithCode(code));
+        /**
+         * Do a validate call for this product. It does not validate additional products, only this
+         * product in isolation. The validation result is applied on the configuration. Then additional
+         * products are synced (unloaded, loaded etc.) Finally the changes bubble up the tree.
+         */
+        this._revalidate = (bubbleMode, productLoader, committed) => __awaiter(this, void 0, void 0, function* () {
+            const { _configuration: configuration } = this;
+            const token = this.loadingObservable.startChildLoading();
+            this._revalidateInProgressToken = token;
+            try {
+                const response = yield productLoader.postValidate(correctDefaultsOnCatalogueParams(this.prodParams), { selOptions: configuration.getApiSelection() });
+                // The revalidateInProgressToken is used to know if some other revalidate
+                // call has happened after this call, thereby making this call obsolete.
+                // This is a bit crude in that it does not actually cancel previous validate
+                // calls, but this is fine because 1. it is hard to cancel a call, especially
+                // if you wanna have clear code 2. the actual calls are small anyhow 3. most
+                // of all, the heavy work happens on the server, and that work will not be
+                // cancelled even if we would cancel the call.
+                if (this._revalidateInProgressToken !== token) {
+                    return false;
+                }
+                // After a successful validate-call we will always assume there
+                // is a change. It would be possible to compare relevant parts
+                // of productData, consider the result of setApiSelection and
+                // syndAndLoad, however the code comparing productData would be fragile
+                // and likely to break if new data-fields were added.
+                if (this._destroyed) {
+                    return false;
+                }
+                const { productData, rootFeatureRefs } = response;
+                const pricesUpdated = !comparePricesObjects(this.prices, productData.partsData.prices);
+                this._rawProductData = productData;
+                if (rootFeatureRefs !== undefined) {
+                    configuration._internal.populateFeatures(rootFeatureRefs);
+                }
+                if (pricesUpdated) {
+                    this._configuration._internal._freshRefDescendants();
+                    this._configuration = CfgProductConfiguration._makeNewRefFrom(this._configuration._internal);
+                }
+                yield configuration._internal.setApiSelection(productData.partsData.selOptions || [], false);
+                yield this._syncAndLoadAdditionalProducts(productLoader);
+                if (this._destroyed) {
+                    return false;
+                }
+                yield this._notifyAllOfChange(bubbleMode, committed);
+                return true;
+            }
+            catch (e) {
+                throw augmentErrorMessage(e, "Validate product configuration request failure");
+            }
+            finally {
+                this.loadingObservable.stopChildLoading(token);
+            }
+        });
+        /**
+         * Based on this configuration find what additional products should be shown and not, unload
+         * (i.e. destroy) those that should no longer be shown, load the new ones.
+         */
+        this._syncAndLoadAdditionalProducts = (productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
+            const { _productLoaderRaw: productLoaderRaw, rawProductData: productData, configuration, additionalProducts: currentAdditionalProducts, } = this;
+            const additionalProductRefs = [
+                ...(productData.additionalProductRefs || []),
+                ...collectAdditionalProductRefs(configuration),
+            ]
+                .reduce((a, c) => {
+                if (a.every((p) => !isSameProductRef(p, c))) {
+                    a.push(c);
+                }
+                return a;
+            }, [])
+                .map((prodRef, originalIndex) => ({
+                prodRef,
+                originalIndex,
+            }));
+            let change = false;
+            let i = currentAdditionalProducts.length;
+            while (i--) {
+                const currentAdditionalProduct = currentAdditionalProducts[i];
+                const j = additionalProductRefs.findIndex((p) => {
+                    const prodRef = p.prodRef;
+                    return (prodRef.refKey === currentAdditionalProduct.refKey &&
+                        prodRef.partNumber === currentAdditionalProduct.partNumber &&
+                        isSameCatalogueParams(prodRef.catId, currentAdditionalProduct.catId));
+                });
+                if (j === -1) {
+                    currentAdditionalProduct.destroy();
+                    currentAdditionalProducts.splice(i, 1);
+                    change = true;
+                }
+                else {
+                    currentAdditionalProduct._internal._updateAdditionalProdRef(additionalProductRefs[j].prodRef);
+                    additionalProductRefs.splice(j, 1);
+                }
+            }
+            const token = this.loadingObservable.startChildLoading();
+            try {
+                if (additionalProductRefs.length !== 0) {
+                    change = true;
+                }
+                const newAdditionalProducts = yield Promise.all(additionalProductRefs.map((p) => (() => __awaiter(this, void 0, void 0, function* () {
+                    const additionalProductRef = p.prodRef;
+                    return {
+                        originalIndex: p.originalIndex,
+                        product: CfgProduct._makeNewRefFrom(yield _CfgProductInternal.make(productLoaderRaw, productLoaderForGroupedLoad, Object.assign(Object.assign({}, additionalProductRef.catId), { cid: this.prodParams.cid, lang: this.prodParams.lang, partNumber: additionalProductRef.partNumber }), this.settings, additionalProductRef.optional === true, this.loadingObservable, this, this.root, additionalProductRef)),
+                    };
+                }))()));
+                if (this._destroyed) {
+                    return change;
+                }
+                for (const newAdditionalProduct of newAdditionalProducts) {
+                    currentAdditionalProducts.splice(newAdditionalProduct.originalIndex, 0, newAdditionalProduct.product);
+                }
+                return change;
+            }
+            finally {
+                this.loadingObservable.stopChildLoading(token);
+            }
+        });
+        this.root = root !== null && root !== void 0 ? root : this;
+        this.key = makeProductKey(Object.assign(Object.assign({}, prodParams), { partNumber: (_a = _additionalProductRef === null || _additionalProductRef === void 0 ? void 0 : _additionalProductRef.refKey) !== null && _a !== void 0 ? _a : prodParams.partNumber }));
+        this._selected = optional ? selected : undefined;
+        this.isAdditionalProduct = parent !== undefined;
+        this._configuration = CfgProductConfiguration.make(initSuccess, initFail, rootFeatureRefs, allRawFeatures, apiSelection, this, this.root);
+    }
+    get selected() {
+        return this._selected !== false;
+    }
+    clone(parent, root) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const product = yield new Promise((initSuccess, initFail) => {
+                var _a;
+                const p = new _CfgProductInternal(() => {
+                    initSuccess(p);
+                }, initFail, this._productLoaderRaw, this.prodParams, this.settings, this.optional, this.selected, this._configuration.rootFeatureRefs, this._configuration.allRawFeatures, this.uuid, this._rawUnit, this._rawProductData, this.configuration.getApiSelection(), new AggregatedLoadingObservable(), parent, root, this._additionalProductRef, (_a = this._syncGroupHandler) === null || _a === void 0 ? void 0 : _a.clone());
+            });
+            for (const additionalProduct of this.additionalProducts) {
+                product.additionalProducts.push(CfgProduct._makeNewRefFrom(yield additionalProduct._internal.clone(product, root || product)));
+            }
+            return product;
+        });
+    }
+    _updateAdditionalProdRef(p) {
+        this._additionalProductRef = p;
+        if (p.optional !== this.optional) {
+            this._selected = p.optional ? false : undefined;
+        }
+    }
+    get description() {
+        var _a, _b;
+        return (_b = (_a = this._additionalProductRef) === null || _a === void 0 ? void 0 : _a.refDescription) !== null && _b !== void 0 ? _b : this._rawProductData.description;
+    }
+    get rootNodeSources() {
+        return this._rawProductData.models;
+    }
+    get mtrlApplications() {
+        return this._rawProductData.mtrlApplications;
+    }
+    get currency() {
+        return this._rawProductData.partsData.currency;
+    }
+    get fractionDigits() {
+        return this._rawProductData.partsData.rounding || 0;
+    }
+    get prices() {
+        return this._rawProductData.partsData.prices;
+    }
+    get measureDefinitions() {
+        var _a;
+        if (this._measureDefinitions === undefined) {
+            this._measureDefinitions = ((_a = this._rawProductData.measurements) !== null && _a !== void 0 ? _a : [])
+                .map((m) => CfgMeasureDefinition.make(m))
+                .filter((m) => m !== undefined);
+        }
+        return this._measureDefinitions;
+    }
+    get refKey() {
+        var _a;
+        return (_a = this._additionalProductRef) === null || _a === void 0 ? void 0 : _a.refKey;
+    }
+    get transform() {
+        var _a;
+        return (_a = this._additionalProductRef) === null || _a === void 0 ? void 0 : _a.transform;
+    }
+    get anchor() {
+        var _a;
+        return (_a = this._additionalProductRef) === null || _a === void 0 ? void 0 : _a.anchor;
+    }
+    /** @throws an error if the actual unit sent by the server was not a LengthUnit */
+    get unit() {
+        if (this._unit === undefined) {
+            this._unit = toLengthUnit(this._rawUnit);
+        }
+        return this._unit;
+    }
+    get aggregatedPrice() {
+        const { currency, fractionDigits, rawProductData } = this;
+        const { partsData } = rawProductData;
+        let { listPrice, basePrice } = partsData;
+        if (this._selected === false) {
+            return { basePrice: 0, listPrice: 0, currency, fractionDigits };
+        }
+        for (const additionalProduct of this.additionalProducts || []) {
+            const { basePrice: additionalBasePrice, listPrice: additionalListPrice, currency: additionalCurrency, fractionDigits: additionalFractionDigits, } = additionalProduct.aggregatedPrice;
+            basePrice += additionalBasePrice;
+            listPrice += additionalListPrice;
+            if (currency !== additionalCurrency) {
+                // This should not be possible
+                // The server shouldn't return additional products with different currency from their parent
+                throw new Error(`Currency mismatch between parent product and additional product. Parent product: "${this.key}" Additional product: "${additionalProduct.key}". Currency on parent product: ${currency}. Currency on additional product: ${additionalCurrency}`);
+            }
+            if (fractionDigits !== additionalFractionDigits) {
+                // This should not be possible
+                // The server shouldn't return additional products with different fraction digits from their parent
+                throw new Error(`Fraction digits mismatch between parent product and additional product. Parent product: "${this.key}" Additional product: "${additionalProduct.key}". Fraction digits on parent product: ${fractionDigits}. Fraction digits on additional product: ${additionalFractionDigits}`);
+            }
+        }
+        return { basePrice, listPrice, currency, fractionDigits };
+    }
+    get optional() {
+        return this._selected !== undefined;
+    }
+    setSelected(v, bubbleMode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.optional) {
+                console.warn("This product is not optional. Nothing will happen");
+                return false;
+            }
+            if (this._selected === v) {
+                return false;
+            }
+            this._selected = v;
+            yield this._notifyAllOfChange(bubbleMode, true);
+            return true;
+        });
+    }
+    get configuration() {
+        return this._configuration;
+    }
+    get rawProductData() {
+        return this._rawProductData;
+    }
+    /**
+     * Please note that this relates to the visibility in the Configuration tree.
+     * It does not affect the visibility of anything in the 3D view at all.
+     */
+    get visibleIfAdditionalProduct() {
+        return this.rawProductData.hideIfAdditionalProduct !== true;
+    }
+    /**
+     * Please note that this relates to the visibility in the Configuration tree.
+     * It does not affect the visibility of anything in the 3D view at all.
+     */
+    get visibleIfMainProduct() {
+        return this.rawProductData.hideIfMainProduct !== true;
+    }
+    /**
+     * Please note that this relates to the visibility in the Configuration tree.
+     * It does not affect the visibility of anything in the 3D view at all.
+     */
+    get visible() {
+        return this.isAdditionalProduct
+            ? this.visibleIfAdditionalProduct
+            : this.visibleIfMainProduct;
+    }
+    get syncGroupHandler() {
+        return this.root._syncGroupHandler;
+    }
+    get syncGroupsVerboseLogging() {
+        var _a, _b;
+        return (_b = (_a = this.syncGroupHandler) === null || _a === void 0 ? void 0 : _a.verboseLogging) !== null && _b !== void 0 ? _b : false;
+    }
+    /**
+     * Set to true to get verbose sync state changes logged to the console.
+     */
+    set syncGroupsVerboseLogging(v) {
+        const syncGroupHandler = this.syncGroupHandler;
+        if (syncGroupHandler === undefined) {
+            throw new Error("No syncGroupHandler, so can not change log verbosity");
+        }
+        syncGroupHandler.verboseLogging = v;
+    }
+}
+_CfgProductInternal.make = (productLoaderRaw, productLoaderForGroupedLoad, // Used when instantiating the current product
+prodParams, settings, optional, loadingObservable, parent, root, additionalProductRef) => __awaiter(void 0, void 0, void 0, function* () {
+    // Wrap with cache will make getProduct for this function call use the same server call
+    // for the same product with the same params. Not retained for future calls, only used
+    // at this initial load.
+    productLoaderForGroupedLoad =
+        productLoaderForGroupedLoad || wrapWithCache(productLoaderRaw);
+    const syncGroupHandler = root === undefined
+        ? SyncGroupsHandler.make(settings.syncGroupsApplyMode, loadingObservable)
+        : undefined;
+    try {
+        const productResponse = yield productLoaderForGroupedLoad.getProduct(correctDefaultsOnCatalogueParams(prodParams));
+        const { productData, rootFeatureRefs, features: allRawFeatures, uuid, unit, } = productResponse;
+        const product = yield new Promise((initSuccess, initFail) => {
+            const p = new _CfgProductInternal(() => {
+                // We absolutely do not want anyone to assign to this._configuration. So we want that field private.
+                // But we can not set the api selection synchronously. And the product configuration needs "this". So we use this callback.
+                // Feel free to find a nicer more readable solution :)
+                initSuccess(p);
+            }, initFail, productLoaderRaw, prodParams, settings, optional, !optional, rootFeatureRefs, allRawFeatures, uuid, unit, productData, productData.partsData.selOptions || [], loadingObservable, parent, root, additionalProductRef, syncGroupHandler);
+        });
+        yield product._syncAndLoadAdditionalProducts(productLoaderForGroupedLoad);
+        // Product is guaranteed to be root
+        yield (syncGroupHandler === null || syncGroupHandler === void 0 ? void 0 : syncGroupHandler.init(product, productLoaderForGroupedLoad));
+        return product;
+    }
+    catch (e) {
+        throw augmentErrorMessage(e, "Load product request failure");
+    }
+});
+export class CfgProduct {
+    constructor(_internal) {
+        this._internal = _internal;
+        this.isBackedBySame = (other) => this._internal === other._internal;
+        /**
+         * Recursively marks this and descendants as destroyed so that late events are ignored
+         * correctly. If you destroy one shallow copy of this you destroy all.
+         */
+        this.destroy = () => this._internal.destroy();
+        /** Makes a clone of this. It is disconnected from the original. */
+        this.clone = () => __awaiter(this, void 0, void 0, function* () { return CfgProduct._makeNewRefFrom(yield this._internal.clone()); });
+        /**
+         * Only applicable when this product is optional.
+         * Setting this does not cause a validation call as toggling an optional additional product is
+         *  assumed to always be legal.
+         */
+        this.setSelected = (v) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setSelected(v, CfgProductBubbleMode.ToRootAndBubbleSelected); });
+        /**
+         * Experimental. Additional products lacks descriptions or keys that are suitably for structure
+         * compare, so we use strict-order when trying to match the additional products. This makes
+         * this method work nicely for different products having pretty much the same child products.
+         */
+        this.structureCompare = (other, strictOrder = true, descriptionMatch = false) => this._internal.structureCompare(other._internal, strictOrder, descriptionMatch);
+        /**
+         * Experimental. Additional products lacks descriptions or keys that are suitably for try
+         *  match, so we use strict-order when trying to match the additional products. This makes
+         *  this method work nicely for different products having pretty much the same child products.
+         *  This method does not propagate its selections.
+         *  This method will cause validation calls if something change.
+         */
+        this.tryMatchSelection = (other, descriptionMatch = false // Match on case insensitive description, not code
+        ) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.tryMatchSelection(other._internal, descriptionMatch); });
+        /**
+         * Gets what selections has been made on the product, recursively including product
+         * configuration, optional products and additional products. Used when a full view of all
+         * selections on a product is needed, such as when doing Render or Export.
+         */
+        this.getApiSelection = () => convertDtoConfProdToV1(this._internal.getDtoConf(false, false), true);
+        this.getDtoConf = (includeExtendedData = false, includeProductParams = false) => this._internal.getDtoConf(includeExtendedData, includeProductParams);
+        this.setDtoConf = (s, doValidate = false) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setDtoConf(s, doValidate); });
+        this.setApiSelection = (s, doValidate = false) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setApiSelection(s, doValidate); });
+        this.listenForChange = (l) => this._internal.changeObservable.listen(l);
+        this.stopListenForChange = (l) => this._internal.changeObservable.stopListen(l);
+        this.stopAllListenForChange = () => this._internal.changeObservable.stopAllListen();
+        this.listenForLoading = (l) => this._internal.loadingObservable.listen(l);
+        this.stopListenForLoading = (l) => this._internal.loadingObservable.stopListen(l);
+        this.stopAllListenForLoading = () => this._internal.loadingObservable.stopAllListen();
+    }
+    static make(productLoader, prodParams, settings) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._makeNewRefFrom(yield _CfgProductInternal.make(productLoader, undefined, prodParams, completeSettings(settings), false, new AggregatedLoadingObservable(), undefined, undefined, undefined));
+        });
+    }
+    /**
+     * Makes an object wrapping the passed object. This is not a clone method, it is a method to
+     * make a new outer reference. Like a shallow copy. We use this to help frameworks that are
+     * build around using equals to detect change.
+     */
+    static _makeNewRefFrom(source) {
+        return new this(source);
+    }
+    /**
+     * A client side only key that should uniquely identify this product amongst other additional
+     * products.
+     */
+    get key() {
+        return this._internal.key;
+    }
+    /**
+     * Only used when this product is in additional product.
+     * As a product can have multiple instances of the same additional product this key exists.
+     * It will be unique amongst child products, but not globally unique.
+     */
+    get refKey() {
+        return this._internal.refKey;
+    }
+    get prodParams() {
+        return this._internal.prodParams;
+    }
+    get lang() {
+        return this._internal.prodParams.lang;
+    }
+    get catId() {
+        const { cid, enterprise, prdCat, prdCatVersion, priceList, vendor } = this._internal.prodParams;
+        return {
+            cid,
+            enterprise,
+            prdCat,
+            prdCatVersion,
+            priceList,
+            vendor,
+        };
+    }
+    get partNumber() {
+        return this._internal.prodParams.partNumber;
+    }
+    get isAdditionalProduct() {
+        return this._internal.isAdditionalProduct;
+    }
+    /** Only used when this product is an additional product. Root products are never optional. */
+    get optional() {
+        return this._internal.optional;
+    }
+    /**
+     * Only applicable when this product is optional. If this product is not optional this is
+     * always true.
+     */
+    get selected() {
+        return this._internal.selected;
+    }
+    /**
+     * Please note that this relates to the visibility in the Configuration tree.
+     * It does not affect the visibility of anything in the 3D view at all.
+     * Visibility is affects the Configuration for this Product, but any Additional Products
+     * will not be affected.
+     */
+    get visible() {
+        return this._internal.visible;
+    }
+    get rawProductData() {
+        return this._internal.rawProductData;
+    }
+    get uuid() {
+        return this._internal.uuid;
+    }
+    get unit() {
+        return this._internal.unit;
+    }
+    get sku() {
+        return this._internal.rawProductData.sku;
+    }
+    get styleNr() {
+        return this._internal.rawProductData.partsData.styleNr;
+    }
+    /** An URL. */
+    get preview() {
+        return this._internal.rawProductData.navImage;
+    }
+    get description() {
+        return this._internal.description;
+    }
+    get additionalProducts() {
+        return this._internal.additionalProducts;
+    }
+    get configuration() {
+        return this._internal.configuration;
+    }
+    get transform() {
+        return this._internal.transform;
+    }
+    get currency() {
+        return this._internal.currency;
+    }
+    /**
+     * If positive the number of fraction digits.
+     * If negative rounding (essentially the number of zeros to the right)
+     */
+    get fractionDigits() {
+        return this._internal.fractionDigits;
+    }
+    get aggregatedPrice() {
+        return this._internal.aggregatedPrice;
+    }
+}