@configura/web-api 1.6.1 → 1.7.0

package/dist/CatalogueAPI.d.ts

@@ -143,6 +143,16 @@ export interface GetPriceListsParams {
     vendor: string;
     priceList: string;
 }
+/** GetProductLegacyV2Params represents the URL parameters of getProductLegacyV2 */
+export interface GetProductLegacyV2Params {
+    lang: string;
+    enterprise: string;
+    prdCat: string;
+    prdCatVersion: string;
+    vendor: string;
+    priceList: string;
+    partNumber: string;
+}
 /** GetProductParams represents the URL parameters of getProduct */
 export interface GetProductParams {
     lang: string;
@@ -287,6 +297,16 @@ export interface PostRenderParams {
     priceList: string;
     partNumber: string;
 }
+/** PostValidateLegacyV1Params represents the URL parameters of postValidateLegacyV1 */
+export interface PostValidateLegacyV1Params {
+    lang: string;
+    enterprise: string;
+    prdCat: string;
+    prdCatVersion: string;
+    vendor: string;
+    priceList: string;
+    partNumber: string;
+}
 /** PostValidateParams represents the URL parameters of postValidate */
 export interface PostValidateParams {
     lang: string;
@@ -448,11 +468,19 @@ export interface Transform {
     rot: Orientation;
 }
 /** ValidateRequest */
-export interface ValidateRequest {
+export interface ValidateRequest extends ValidateRequestLegacyV1 {
+    knownFeatureCodes: Array<string>;
+}
+/** ValidateRequestLegacyV1 */
+export interface ValidateRequestLegacyV1 {
     selOptions: Array<SelectedOption>;
 }
 /** ValidateResponse */
-export interface ValidateResponse {
+export interface ValidateResponse extends ValidateResponseLegacyV1 {
+    features: Array<Feature>;
+}
+/** ValidateResponseLegacyV1 */
+export interface ValidateResponseLegacyV1 {
     productData: ProductData;
     uuid: string;
     validated: boolean;
@@ -495,8 +523,10 @@ export declare class CatalogueAPI {
     getApplicationAreas(params: GetApplicationAreasParams): Promise<ApplicationAreasResponse>;
     postExport(params: PostExportParams, body: ExportRequest): Promise<ExportResponse>;
     getPriceLists(params: GetPriceListsParams): Promise<PriceListsResponse>;
+    getProductLegacyV2(params: GetProductLegacyV2Params): Promise<ProductResponse>;
     getProduct(params: GetProductParams): Promise<ProductResponse>;
     postRender(params: PostRenderParams, body: RenderRequest): Promise<RenderResponse>;
+    postValidateLegacyV1(params: PostValidateLegacyV1Params, body: ValidateRequestLegacyV1): Promise<ValidateResponseLegacyV1>;
     postValidate(params: PostValidateParams, body: ValidateRequest): Promise<ValidateResponse>;
     getTocTree(params: GetTocTreeParams): Promise<TOCResponse>;
     getTocFlat(params: GetTocFlatParams): Promise<TOCResponse>;

package/dist/CatalogueAPI.js

@@ -1,5 +1,7 @@
 // TODO: Fix the linter issue in Tygen and regenerate this file.
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+// WARNING: This file was auto generated by the code in web-rnd/tygen.
+// Do not commit manual changes to this file.
 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) {
@@ -147,7 +149,7 @@ export class CatalogueAPI {
             return this.fetch(this.auth.endpoint + url, options);
         });
     }
-    getProduct(params) {
+    getProductLegacyV2(params) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.auth === undefined) {
                 throw new Error("missing auth");
@@ -163,6 +165,22 @@ export class CatalogueAPI {
             return this.fetch(this.auth.endpoint + url, options);
         });
     }
+    getProduct(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.auth === undefined) {
+                throw new Error("missing auth");
+            }
+            const url = `/v1/catalogue/${encodeURIComponent(params.lang)}/${encodeURIComponent(params.enterprise)}/${encodeURIComponent(params.prdCat)}/${encodeURIComponent(params.prdCatVersion)}/${encodeURIComponent(params.vendor)}/${encodeURIComponent(params.priceList)}/product-v3/${encodeURIComponent(params.partNumber)}`;
+            const options = {
+                method: "GET",
+                headers: { "X-API-Key": this.auth.secretToken || "" },
+            };
+            if (this._alternativeReferer) {
+                options.headers["Alternative-Referer"] = this._alternativeReferer;
+            }
+            return this.fetch(this.auth.endpoint + url, options);
+        });
+    }
     postRender(params, body) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.auth === undefined) {
@@ -180,7 +198,7 @@ export class CatalogueAPI {
             return this.fetch(this.auth.endpoint + url, options);
         });
     }
-    postValidate(params, body) {
+    postValidateLegacyV1(params, body) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.auth === undefined) {
                 throw new Error("missing auth");
@@ -197,6 +215,23 @@ export class CatalogueAPI {
             return this.fetch(this.auth.endpoint + url, options);
         });
     }
+    postValidate(params, body) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.auth === undefined) {
+                throw new Error("missing auth");
+            }
+            const url = `/v1/catalogue/${encodeURIComponent(params.lang)}/${encodeURIComponent(params.enterprise)}/${encodeURIComponent(params.prdCat)}/${encodeURIComponent(params.prdCatVersion)}/${encodeURIComponent(params.vendor)}/${encodeURIComponent(params.priceList)}/product/${encodeURIComponent(params.partNumber)}/validate-v2`;
+            const options = {
+                method: "POST",
+                headers: { "X-API-Key": this.auth.secretToken || "" },
+                body: JSON.stringify(body),
+            };
+            if (this._alternativeReferer) {
+                options.headers["Alternative-Referer"] = this._alternativeReferer;
+            }
+            return this.fetch(this.auth.endpoint + url, options);
+        });
+    }
     getTocTree(params) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.auth === undefined) {

package/dist/CfgProduct.d.ts

@@ -76,6 +76,7 @@ export declare class _CfgProductInternal {
     private _additionalProductRef;
     private readonly _syncGroupHandler;
     static make: (productLoaderRaw: ProductLoader, productLoaderForGroupedLoad: ProductLoader | undefined, lang: string, catId: CatalogueParams, partNumber: string, settings: CfgProductSettings, optional: boolean, loadingObservable: AggregatedLoadingObservable, parent: _CfgProductInternal | undefined, root: _CfgProductInternal | undefined, additionalProductRef: AdditionalProductRef | undefined) => Promise<_CfgProductInternal>;
+    _initialClone: _CfgProductInternal | undefined;
     private constructor();
     readonly root: _CfgProductInternal;
     private _destroyed;
@@ -86,8 +87,18 @@ export declare class _CfgProductInternal {
     readonly changeObservable: Observable<CfgProductChangeNotification>;
     get selected(): boolean;
     readonly isAdditionalProduct: boolean;
+    /**
+     * Please note that cloning an additional product will make the clone believe is is
+     * an additional product, even if it has no parent and root.
+     * Providing the parent and root of what you clone as arguments is unwise as it will
+     * make changes you do on the clone be propagated up to the original non-clone root product.
+     */
     clone(parent?: _CfgProductInternal, root?: _CfgProductInternal): Promise<_CfgProductInternal>;
     destroy: () => void;
+    /**
+     * Reset will reset the product to its initial state
+     */
+    reset: () => Promise<void>;
     _updateAdditionalProdRef(p: AdditionalProductRef): void;
     get description(): string | undefined;
     get rootNodeSources(): RootNodeSource[] | undefined;

package/dist/CfgProduct.js

@@ -14,7 +14,7 @@ import { CfgProductConfiguration } from "./productConfiguration/CfgProductConfig
 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";
+import { compareCfgProductData, comparePricesObjects, correctDefaultsOnCatalogueParams, isSameCatalogueParams, isSameProductRef, makeProductKey, } from "./utilitiesCatalogueData.js";
 function completeSettings(incompleteSettings) {
     var _a;
     return {
@@ -51,7 +51,7 @@ function isDescriptionMatch(l, r) {
  * 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) {
+    constructor(initSuccess, initFail, _productLoaderRaw, lang, catId, partNumber, settings, optional, selected, rootFeatureRefs, rawFeatures, uuid, _rawUnit, _rawProductData, apiSelection, loadingObservable, parent, root, _additionalProductRef, _syncGroupHandler) {
         var _a;
         this._productLoaderRaw = _productLoaderRaw;
         this.lang = lang;
@@ -76,6 +76,14 @@ export class _CfgProductInternal {
                 additionalProduct.destroy();
             }
         };
+        /**
+         * Reset will reset the product to its initial state
+         */
+        this.reset = () => __awaiter(this, void 0, void 0, function* () {
+            if (this._initialClone !== undefined) {
+                yield this.copyFrom(this._initialClone, true);
+            }
+        });
         this._notifyAllOfChange = (bubbleMode) => __awaiter(this, void 0, void 0, function* () {
             if (bubbleMode === CfgProductBubbleMode.Stop) {
                 return;
@@ -161,9 +169,16 @@ export class _CfgProductInternal {
                 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
+                if (!compareCfgProductData(this._rawProductData, sourceProduct.rawProductData)) {
+                    this._rawProductData = sourceProduct.rawProductData;
+                    change = true;
+                }
+                if (this.configuration._internal.addRawFeatures(sourceProduct.configuration.rawFeatures, false)) {
+                    change = true;
+                }
+                if (this.configuration._internal.populateFeatures(sourceProduct.configuration.rootFeatureRefs)) {
+                    change = true;
+                }
             }
             const configurationChange = yield this.configuration._internal.setApiSelection(s.selOptions, false);
             if (configurationChange) {
@@ -292,7 +307,10 @@ export class _CfgProductInternal {
             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() });
+                const response = yield productLoader.postValidate(Object.assign(Object.assign({ lang: this.lang }, correctDefaultsOnCatalogueParams(this.catId)), { partNumber: this.partNumber }), {
+                    selOptions: configuration.getApiSelection(),
+                    knownFeatureCodes: configuration.rawFeatures.map((f) => f.code),
+                });
                 // 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
@@ -311,9 +329,10 @@ export class _CfgProductInternal {
                 if (this._destroyed) {
                     return false;
                 }
-                const { productData, rootFeatureRefs } = response;
+                const { productData, rootFeatureRefs, features } = response;
                 const pricesUpdated = !comparePricesObjects(this.prices, productData.partsData.prices);
                 this._rawProductData = productData;
+                configuration._internal.addRawFeatures(features, true);
                 if (rootFeatureRefs !== undefined) {
                     configuration._internal.populateFeatures(rootFeatureRefs);
                 }
@@ -403,19 +422,25 @@ export class _CfgProductInternal {
         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);
+        this.isAdditionalProduct = _additionalProductRef !== undefined;
+        this._configuration = CfgProductConfiguration.make(initSuccess, initFail, rootFeatureRefs, rawFeatures, apiSelection, this, this.root);
     }
     get selected() {
         return this._selected !== false;
     }
+    /**
+     * Please note that cloning an additional product will make the clone believe is is
+     * an additional product, even if it has no parent and root.
+     * Providing the parent and root of what you clone as arguments is unwise as it will
+     * make changes you do on the clone be propagated up to the original non-clone root product.
+     */
     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());
+                }, initFail, this._productLoaderRaw, this.lang, this.catId, this.partNumber, this.settings, this.optional, this.selected, this._configuration.rootFeatureRefs, this._configuration.rawFeatures, 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)));
@@ -512,7 +537,19 @@ export class _CfgProductInternal {
             if (this._selected === v) {
                 return false;
             }
+            // Vitally important that this happens before the call to reset. An optional
+            // additional product is always deselected at start, so this way the reset won't cause
+            // infinite loops
             this._selected = v;
+            if (!v) {
+                yield this.reset();
+            }
+            if (v) {
+                const syncGroupHandler = this.syncGroupHandler;
+                if (syncGroupHandler !== undefined) {
+                    yield syncGroupHandler.init(this.root, wrapWithCache(this._productLoaderRaw));
+                }
+            }
             yield this._notifyAllOfChange(bubbleMode);
             return true;
         });
@@ -576,18 +613,22 @@ lang, catId, partNumber, settings, optional, loadingObservable, parent, root, ad
         : undefined;
     try {
         const productResponse = yield productLoaderForGroupedLoad.getProduct(Object.assign(Object.assign({ lang }, correctDefaultsOnCatalogueParams(catId)), { partNumber }));
-        const { productData, rootFeatureRefs, features: allRawFeatures, uuid, unit, } = productResponse;
+        const { productData, rootFeatureRefs, features: rawFeatures, uuid, unit, } = productResponse;
         const product = yield new Promise((initSuccess, initFail) => {
+            var _a;
             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);
+            }, initFail, productLoaderRaw, lang, catId, partNumber, settings, optional, !optional, rootFeatureRefs, rawFeatures, uuid, unit, productData, (_a = productData.partsData.selOptions) !== null && _a !== void 0 ? _a : [], 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));
+        product._initialClone = yield product.clone();
+        if (syncGroupHandler !== undefined) {
+            // As syncGroupHandler is only set for root product we know that we will init with root
+            yield syncGroupHandler.init(product, productLoaderForGroupedLoad);
+        }
         return product;
     }
     catch (e) {

package/dist/productConfiguration/CfgFeature.d.ts

@@ -31,14 +31,13 @@ export declare type FeatureChangeNotification = {
  */
 export declare class _CfgFeatureInternal {
     readonly rawFeature: Feature;
-    private readonly allRawFeatures;
-    readonly key: string;
+    private readonly rawFeatures;
+    private _key;
     readonly parent: _CfgProductConfigurationInternal | _CfgOptionInternal;
     readonly parentConfiguration: _CfgProductConfigurationInternal;
     readonly parentProduct: _CfgProductInternal;
     readonly rootProduct: _CfgProductInternal;
-    constructor(rawFeature: Feature, allRawFeatures: Feature[], key: string, // Unique amongst siblings
-    parent: _CfgProductConfigurationInternal | _CfgOptionInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal);
+    constructor(rawFeature: Feature, rawFeatures: Feature[], _key: string, parent: _CfgProductConfigurationInternal | _CfgOptionInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal);
     readonly selectionType: SelectionType;
     private _options;
     private readonly _selectedOptions;
@@ -47,6 +46,8 @@ export declare class _CfgFeatureInternal {
     readonly changeObservable: Observable<FeatureChangeNotification>;
     get code(): string;
     get groupCode(): string | undefined;
+    get key(): string;
+    set key(k: string);
     get isUseNumericValue(): boolean;
     get numericValue(): number | undefined;
     setNumericValue: (val: number) => Promise<boolean>;
@@ -129,7 +130,7 @@ export declare class _CfgFeatureInternal {
 }
 export declare class CfgFeature {
     readonly _internal: _CfgFeatureInternal;
-    static make(rawFeature: Feature, allRawFeatures: Feature[], key: string, parent: _CfgProductConfigurationInternal | _CfgOptionInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgFeature;
+    static make(rawFeature: Feature, rawFeatures: Feature[], key: string, parent: _CfgProductConfigurationInternal | _CfgOptionInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgFeature;
     /**
      * 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.

package/dist/productConfiguration/CfgFeature.js

@@ -62,11 +62,10 @@ function doFreshRefOption(options, optionInternal, beforeNotify) {
  * should be used and interacted with.
  */
 export class _CfgFeatureInternal {
-    constructor(rawFeature, allRawFeatures, key, // Unique amongst siblings
-    parent, parentConfiguration, parentProduct, rootProduct) {
+    constructor(rawFeature, rawFeatures, _key, parent, parentConfiguration, parentProduct, rootProduct) {
         this.rawFeature = rawFeature;
-        this.allRawFeatures = allRawFeatures;
-        this.key = key;
+        this.rawFeatures = rawFeatures;
+        this._key = _key;
         this.parent = parent;
         this.parentConfiguration = parentConfiguration;
         this.parentProduct = parentProduct;
@@ -398,6 +397,12 @@ export class _CfgFeatureInternal {
     get groupCode() {
         return this.rawFeature.groupCode;
     }
+    get key() {
+        return this._key;
+    }
+    set key(k) {
+        this._key = k;
+    }
     get isUseNumericValue() {
         return this.rawFeature.numericOrder;
     }
@@ -503,7 +508,7 @@ export class _CfgFeatureInternal {
             const hasDuplicateDescription = someMatch(this.rawFeature.options, (l, r) => {
                 return l.description.toLowerCase() === r.description.toLowerCase();
             });
-            this._options = this.rawFeature.options.map((o) => CfgOption.make(o, this.allRawFeatures, hasDuplicateDescription, this, this.parentConfiguration, this.parentProduct, this.rootProduct));
+            this._options = this.rawFeature.options.map((o) => CfgOption.make(o, this.rawFeatures, hasDuplicateDescription, this, this.parentConfiguration, this.parentProduct, this.rootProduct));
         }
         return this._options;
     }
@@ -562,8 +567,8 @@ export class CfgFeature {
         this.listenForChange = (l) => this._internal.changeObservable.listen(l);
         this.stopListenForChange = (l) => this._internal.changeObservable.stopListen(l);
     }
-    static make(rawFeature, allRawFeatures, key, parent, parentConfiguration, parentProduct, rootProduct) {
-        return new this(new _CfgFeatureInternal(rawFeature, allRawFeatures, key, parent, parentConfiguration, parentProduct, rootProduct));
+    static make(rawFeature, rawFeatures, key, parent, parentConfiguration, parentProduct, rootProduct) {
+        return new this(new _CfgFeatureInternal(rawFeature, rawFeatures, key, parent, parentConfiguration, parentProduct, rootProduct));
     }
     /**
      * Makes an object wrapping the passed object. This is not a clone method,
@@ -582,6 +587,7 @@ export class CfgFeature {
     get selectionType() {
         return this._internal.selectionType;
     }
+    // Unique amongst siblings. Can change. Only use for presentation layer i.e. React.
     get key() {
         return this._internal.key;
     }

package/dist/productConfiguration/CfgOption.d.ts

@@ -59,12 +59,12 @@ export declare enum ProductConfigurationBubbleMode {
  */
 export declare class _CfgOptionInternal {
     readonly rawOption: Option;
-    private readonly allRawFeatures;
+    private readonly rawFeatures;
     readonly parent: _CfgFeatureInternal;
     readonly parentConfiguration: _CfgProductConfigurationInternal;
     readonly parentProduct: _CfgProductInternal;
     readonly rootProduct: _CfgProductInternal;
-    constructor(rawOption: Option, allRawFeatures: Feature[], siblingHasDuplicateDescription: boolean, parent: _CfgFeatureInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal);
+    constructor(rawOption: Option, rawFeatures: Feature[], siblingHasDuplicateDescription: boolean, parent: _CfgFeatureInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal);
     private _features;
     private _mtrlApplications;
     readonly key: string;
@@ -98,7 +98,7 @@ export declare class _CfgOptionInternal {
 }
 export declare class CfgOption {
     readonly _internal: _CfgOptionInternal;
-    static make(rawOption: Option, allRawFeatures: Feature[], siblingHasDuplicateDescription: boolean, parent: _CfgFeatureInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgOption;
+    static make(rawOption: Option, rawFeatures: Feature[], siblingHasDuplicateDescription: boolean, parent: _CfgFeatureInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgOption;
     /**
      * 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.

package/dist/productConfiguration/CfgOption.js

@@ -80,9 +80,9 @@ function doesChildrenShareOptionsCode(features) {
  * the class that should be used and interacted with.
  */
 export class _CfgOptionInternal {
-    constructor(rawOption, allRawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct) {
+    constructor(rawOption, rawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct) {
         this.rawOption = rawOption;
-        this.allRawFeatures = allRawFeatures;
+        this.rawFeatures = rawFeatures;
         this.parent = parent;
         this.parentConfiguration = parentConfiguration;
         this.parentProduct = parentProduct;
@@ -314,7 +314,7 @@ export class _CfgOptionInternal {
     get features() {
         if (this._features === undefined) {
             const allRefs = this.rawOption.featureRefs || [];
-            const features = syncCfgFeatures(allRefs, [], this.allRawFeatures, this, this.parentConfiguration, this.parentProduct, this.rootProduct);
+            const features = syncCfgFeatures(allRefs, [], this.rawFeatures, this, this.parentConfiguration, this.parentProduct, this.rootProduct);
             if (doesChildrenShareOptionsCode(features)) {
                 throw new Error("Stage does not yet properly support Options that has multiple sub-features with overlapping option codes.");
             }
@@ -353,8 +353,8 @@ export class CfgOption {
         this.listenForChange = (l) => this._internal.changeObservable.listen(l);
         this.stopListenForChange = (l) => this._internal.changeObservable.stopListen(l);
     }
-    static make(rawOption, allRawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct) {
-        return new this(new _CfgOptionInternal(rawOption, allRawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct));
+    static make(rawOption, rawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct) {
+        return new this(new _CfgOptionInternal(rawOption, rawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct));
     }
     /**
      * Makes an object wrapping the passed object. This is not a clone method,

package/dist/productConfiguration/CfgProductConfiguration.d.ts

@@ -20,14 +20,14 @@ export declare type StretchMap = Map<string, {
  * modified. CfgProductConfiguration is the class that should be used and interacted with.
  */
 export declare class _CfgProductConfigurationInternal {
-    readonly allRawFeatures: Feature[];
     readonly parentProduct: _CfgProductInternal;
     readonly rootProduct: _CfgProductInternal;
-    static _makeUninitialized(rootFeatureRefs: FeatureRef[], allRawFeatures: Feature[], // Flat packed. All the features that can appear anyplace in the selection tree.
+    static _makeUninitialized(rootFeatureRefs: FeatureRef[], rawFeatures: Feature[], // Flat packed. All the features that can currently appear anyplace in the selection tree.
     parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): _CfgProductConfigurationInternal;
     private constructor();
     readonly key = "~";
     private _rootFeatureRefs;
+    readonly accumulatedRawFeatures: Feature[];
     private _features;
     readonly stretchReferenceLengthsByMeasureParamCode: StretchMap;
     readonly changeObservable: Observable<ProductConfigurationChangeNotification>;
@@ -51,7 +51,16 @@ export declare class _CfgProductConfigurationInternal {
     tryMatchSelection: (other: _CfgProductConfigurationInternal, descriptionMatch: boolean | undefined, validate: boolean) => Promise<boolean>;
     /** Only selected features. */
     _getFeaturesWithCode: (code: string) => _CfgFeatureInternal[];
-    populateFeatures: (rootFeatureRefs: FeatureRef[]) => void;
+    /**
+     * Extends the list of loaded potentially used features. Will warn for but ignore duplicates.
+     * Returns true if a change happened.
+     */
+    addRawFeatures: (rawFeatures: Feature[], warnForDuplicates: boolean) => boolean;
+    /**
+     * Populates _features based on the passed @param rootFeatureRefs .
+     * @return true if a change happened.
+     */
+    populateFeatures: (rootFeatureRefs: FeatureRef[]) => boolean;
     setStretchReferenceLength: (measureParamCode: string, referenceLength: number | undefined, unit: LengthUnit, doNotify?: boolean) => Promise<boolean>;
 }
 export declare class CfgProductConfiguration {
@@ -61,7 +70,7 @@ export declare class CfgProductConfiguration {
      * CfgProductConfiguration, but is not properly initialized until the initDone-callback
      * has been called.
      */
-    static make(initSuccess: (c: CfgProductConfiguration) => void, initFail: (error: Error) => void, rootFeatureRefs: FeatureRef[], allRawFeatures: Feature[], // Flat packed. All the features that can appear anyplace in the selection tree.
+    static make(initSuccess: (c: CfgProductConfiguration) => void, initFail: (error: Error) => void, rootFeatureRefs: FeatureRef[], rawFeatures: Feature[], // Flat packed. All the features that can appear anyplace in the selection tree.
     apiSelection: SelectedOption[], parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgProductConfiguration;
     /**
      * Makes an object wrapping the passed object. This is not a clone method, it is a method to
@@ -81,11 +90,11 @@ export declare class CfgProductConfiguration {
     get rootProduct(): CfgProduct;
     get key(): string;
     /**
-     * Every (unprocessed) feature which might be used in this product. This is constant for a
-     * product load. What features are actually used is controlled by rootFeatureRefs and what
+     * Every (unprocessed) feature that is currently loaded for this product. This can be extended
+     * by validation calls. What features are actually used is controlled by rootFeatureRefs and what
      * options are selected.
      */
-    get allRawFeatures(): Feature[];
+    get rawFeatures(): Feature[];
     /** What features are used in the root of this. This can change with new validate calls. */
     get rootFeatureRefs(): FeatureRef[];
     /** The root features at the root of the selection tree. */

package/dist/productConfiguration/CfgProductConfiguration.js

@@ -18,13 +18,12 @@ import { syncCfgFeatures } from "./utilitiesProductConfiguration.js";
  * modified. CfgProductConfiguration is the class that should be used and interacted with.
  */
 export class _CfgProductConfigurationInternal {
-    constructor(allRawFeatures, // Flat packed. All the features that can appear anyplace in the selection tree.
-    parentProduct, rootProduct) {
-        this.allRawFeatures = allRawFeatures;
+    constructor(rawFeatures, parentProduct, rootProduct) {
         this.parentProduct = parentProduct;
         this.rootProduct = rootProduct;
         this.key = "~";
         this._rootFeatureRefs = [];
+        this.accumulatedRawFeatures = []; // Flat packed. May be extended in validate calls.
         this._features = [];
         this.changeObservable = new Observable();
         this._notifyAllOfChange = (bubbleMode) => __awaiter(this, void 0, void 0, function* () {
@@ -111,9 +110,37 @@ export class _CfgProductConfigurationInternal {
             agg.push(...feature._internal._getFeaturesWithCode(code));
             return agg;
         }, []);
+        /**
+         * Extends the list of loaded potentially used features. Will warn for but ignore duplicates.
+         * Returns true if a change happened.
+         */
+        this.addRawFeatures = (rawFeatures, warnForDuplicates) => {
+            let change = false;
+            const accumulatedRawFeatures = this.accumulatedRawFeatures;
+            for (const rawFeature of rawFeatures) {
+                const code = rawFeature.code;
+                if (accumulatedRawFeatures.find((f) => code === f.code)) {
+                    if (warnForDuplicates) {
+                        console.warn(`Feature ${code} was already loaded. Will ignore it.`);
+                    }
+                    continue;
+                }
+                accumulatedRawFeatures.push(rawFeature);
+                change = true;
+            }
+            return change;
+        };
+        /**
+         * Populates _features based on the passed @param rootFeatureRefs .
+         * @return true if a change happened.
+         */
         this.populateFeatures = (rootFeatureRefs) => {
+            if (compareArrays(this._rootFeatureRefs, rootFeatureRefs, (l, r) => l.code === r.code, true)) {
+                return false;
+            }
             this._rootFeatureRefs = rootFeatureRefs;
-            this._features = syncCfgFeatures(rootFeatureRefs, this._features, this.allRawFeatures, this, this, this.parentProduct, this.rootProduct);
+            this._features = syncCfgFeatures(rootFeatureRefs, this._features, this.accumulatedRawFeatures, this, this, this.parentProduct, this.rootProduct);
+            return true;
         };
         this.setStretchReferenceLength = (measureParamCode, referenceLength, unit, doNotify = true) => __awaiter(this, void 0, void 0, function* () {
             if (measureParamCode === "") {
@@ -160,6 +187,7 @@ export class _CfgProductConfigurationInternal {
             console.log(`Use "window['${dbgName}']" or window.conf to access conf.`);
         }
         /* eslint-enable */
+        this.addRawFeatures(rawFeatures, true);
         /**
          * Although the measurement-datas are also passed in validate-calls they are only used at
          * initial product creation. The data is assumed to always be the same for a product, so
@@ -196,9 +224,9 @@ export class _CfgProductConfigurationInternal {
         }
         this.stretchReferenceLengthsByMeasureParamCode = stretchReferenceLengthsByMeasureParamCode;
     }
-    static _makeUninitialized(rootFeatureRefs, allRawFeatures, // Flat packed. All the features that can appear anyplace in the selection tree.
+    static _makeUninitialized(rootFeatureRefs, rawFeatures, // Flat packed. All the features that can currently appear anyplace in the selection tree.
     parentProduct, rootProduct) {
-        const configuration = new this(allRawFeatures, parentProduct, rootProduct);
+        const configuration = new this(rawFeatures, parentProduct, rootProduct);
         configuration.populateFeatures(rootFeatureRefs);
         return configuration;
     }
@@ -261,9 +289,9 @@ export class CfgProductConfiguration {
      * CfgProductConfiguration, but is not properly initialized until the initDone-callback
      * has been called.
      */
-    static make(initSuccess, initFail, rootFeatureRefs, allRawFeatures, // Flat packed. All the features that can appear anyplace in the selection tree.
+    static make(initSuccess, initFail, rootFeatureRefs, rawFeatures, // Flat packed. All the features that can appear anyplace in the selection tree.
     apiSelection, parentProduct, rootProduct) {
-        const internal = _CfgProductConfigurationInternal._makeUninitialized(rootFeatureRefs, allRawFeatures, parentProduct, rootProduct);
+        const internal = _CfgProductConfigurationInternal._makeUninitialized(rootFeatureRefs, rawFeatures, parentProduct, rootProduct);
         const external = new this(internal);
         // Note the async-callback at the end of the following line. The call is async.
         internal
@@ -291,12 +319,12 @@ export class CfgProductConfiguration {
         return this._internal.key;
     }
     /**
-     * Every (unprocessed) feature which might be used in this product. This is constant for a
-     * product load. What features are actually used is controlled by rootFeatureRefs and what
+     * Every (unprocessed) feature that is currently loaded for this product. This can be extended
+     * by validation calls. What features are actually used is controlled by rootFeatureRefs and what
      * options are selected.
      */
-    get allRawFeatures() {
-        return this._internal.allRawFeatures;
+    get rawFeatures() {
+        return this._internal.accumulatedRawFeatures;
     }
     /** What features are used in the root of this. This can change with new validate calls. */
     get rootFeatureRefs() {

package/dist/productConfiguration/utilitiesProductConfiguration.d.ts

@@ -8,7 +8,7 @@ import { CfgProductConfiguration, _CfgProductConfigurationInternal } from "./Cfg
  * Returns a new array of CfgFeatures that maps to the newFeatureRefs array. Uses CfgFeatures from
  * currentFeatures if they can be found, otherwise makes new.
  */
-export declare function syncCfgFeatures(newFeatureRefs: FeatureRef[], currentFeatures: CfgFeature[], allRawFeatures: Feature[], parent: _CfgProductConfigurationInternal | _CfgOptionInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgFeature[];
+export declare function syncCfgFeatures(newFeatureRefs: FeatureRef[], currentFeatures: CfgFeature[], rawFeatures: Feature[], parent: _CfgProductConfigurationInternal | _CfgOptionInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgFeature[];
 export declare function getMtrlPreview(mtrlApplications: CfgMtrlApplication[] | undefined): string | undefined;
 /**
  * Recursively find all additional product references given a product configuration.

package/dist/productConfiguration/utilitiesProductConfiguration.js

@@ -6,11 +6,11 @@ import { CfgProductConfiguration, } from "./CfgProductConfiguration.js";
  * Returns a new array of CfgFeatures that maps to the newFeatureRefs array. Uses CfgFeatures from
  * currentFeatures if they can be found, otherwise makes new.
  */
-export function syncCfgFeatures(newFeatureRefs, currentFeatures, allRawFeatures, parent, parentConfiguration, parentProduct, rootProduct) {
+export function syncCfgFeatures(newFeatureRefs, currentFeatures, rawFeatures, parent, parentConfiguration, parentProduct, rootProduct) {
     const usedRawFeatures = newFeatureRefs
         .map((r) => r.code)
         .map((c) => {
-        const rawFeature = allRawFeatures.find((f) => c === f.code);
+        const rawFeature = rawFeatures.find((f) => c === f.code);
         if (rawFeature === undefined) {
             throw new Error(`Feature not found. Requested feature code: "${c}".`);
         }
@@ -38,12 +38,19 @@ export function syncCfgFeatures(newFeatureRefs, currentFeatures, allRawFeatures,
         // products with similar feature-options tree and trying
         // to retain made selections
         const key = fDescription + (fDescription === "" || hasDuplicateDescription ? fCode : "");
-        const existingFeature = currentFeatures.find((cfgF) => cfgF.code === fCode && cfgF.key === key);
+        const existingFeature = currentFeatures.find((cfgF) => cfgF.code === fCode);
         if (existingFeature !== undefined) {
+            if (hasDuplicateDescription) {
+                // HasDuplicateDescription could mean the key need to be more specific compared
+                // to the one we already have, so then we set it. An old duplicate description
+                // key will cause no harm as it is guaranteed to be at least as specific as this.
+                // Not changing the key will make React not rerender, so we don't change.
+                existingFeature._internal.key = key;
+            }
             newFeatures.push(existingFeature);
             continue;
         }
-        newFeatures.push(CfgFeature.make(f, allRawFeatures, key, parent, parentConfiguration, parentProduct, rootProduct));
+        newFeatures.push(CfgFeature.make(f, rawFeatures, key, parent, parentConfiguration, parentProduct, rootProduct));
     }
     return newFeatures;
 }

package/dist/syncGroups/SyncGroupsHandler.d.ts

@@ -24,7 +24,10 @@ export declare class SyncGroupsHandler {
     clone(): SyncGroupsHandler;
     get verboseLogging(): boolean;
     set verboseLogging(v: boolean);
-    /** Used to initially apply the sync state onto a new product so that it is "in sync". */
+    /**
+     * Used to initially apply the sync state onto a new product so that it is "in sync"
+     * and to reapply the sync state when an optional additional product is selected.
+     */
     init(product: _CfgProductInternal, productLoader: ProductLoader): Promise<void>;
     /**
      * Used when an Option is selected or deselected to apply all consequences of the sync groups.

package/dist/syncGroups/SyncGroupsHandler.js

@@ -123,7 +123,8 @@ import { SyncGroupsTransaction } from "./SyncGroupsTransaction.js";
  * C) The SyncState has an option code for this SyncGroup.
  * D) The option code in the SyncState for the SyncGroup is not the Option selected.
  * E) The Feature has an Option with the right option code.
- * F) The Feature has not previously been affected in this transaction.
+ * F) The Feature has not previously been affected in this transaction, unless it was affected
+ *    at Feature initialization.
  *
  * ...for SelectMany (done for every Option):
  * C) The SyncState has a value (on or off) for this SyncGroup and option code.
@@ -274,7 +275,10 @@ export class SyncGroupsHandler {
     set verboseLogging(v) {
         this._syncState.verboseLogging = v;
     }
-    /** Used to initially apply the sync state onto a new product so that it is "in sync". */
+    /**
+     * Used to initially apply the sync state onto a new product so that it is "in sync"
+     * and to reapply the sync state when an optional additional product is selected.
+     */
     init(product, productLoader) {
         return __awaiter(this, void 0, void 0, function* () {
             const transaction = yield this.newTransaction(product, productLoader, true);

package/dist/syncGroups/SyncGroupsTransaction.js

@@ -13,6 +13,12 @@ import { SelectionType, } from "../productConfiguration/CfgFeature.js";
 import { ProductConfigurationBubbleMode, } from "../productConfiguration/CfgOption.js";
 import { SyncGroupsApplyMode } from "./SyncGroupsApplyMode.js";
 import { SyncGroupsPathHelper } from "./SyncGroupsPathHelper.js";
+var AffectedLevel;
+(function (AffectedLevel) {
+    AffectedLevel[AffectedLevel["None"] = 0] = "None";
+    AffectedLevel[AffectedLevel["Initialized"] = 1] = "Initialized";
+    AffectedLevel[AffectedLevel["Set"] = 2] = "Set";
+})(AffectedLevel || (AffectedLevel = {}));
 /**
  * The Transaction is a transient object used to track all the changes made to the supplied
  * SyncGroupState as a result of a (normally) single initial event, like when opening a product
@@ -39,7 +45,7 @@ import { SyncGroupsPathHelper } from "./SyncGroupsPathHelper.js";
 export class SyncGroupsTransaction {
     constructor(syncState, updateMode, productLoader, original, target, initial) {
         this._closed = false;
-        this.affectedSelectOneFeatures = new Set();
+        this.affectedSelectOneFeatures = new Map();
         this.affectedSelectManyOptions = new Set();
         this.affectedSelectOneSyncGroups = new Set();
         this.affectedSelectManySyncGroupsAndOptions = new Map();
@@ -104,7 +110,7 @@ export class SyncGroupsTransaction {
                 change = true;
                 switch (feature.selectionType) {
                     case SelectionType.SelectOne:
-                        this.affectedSelectOneFeatures.add(feature);
+                        this.affectedSelectOneFeatures.set(feature, AffectedLevel.Set);
                         break;
                     case SelectionType.SelectMany:
                         this.affectedSelectManyOptions.add(option);
@@ -266,14 +272,19 @@ export class SyncGroupsTransaction {
         return __awaiter(this, void 0, void 0, function* () {
             const feature = featureWithInitial.target;
             const featureDidJustComeIntoScope = featureWithInitial.initial === undefined;
-            if (this.affectedSelectOneFeatures.has(feature)) {
-                // This feature has already changed selection once for this transaction. We expect
-                // this to happen very rarely, as the algorithm should settle the selection tree
-                // further and further out. Nevertheless, this safeguard is needed to avoid infinite
-                // looping if for example the server would return the same data over and over.
+            const hasBeenAffectedLevel = this.affectedSelectOneFeatures.get(feature);
+            const syncGroupHasBeenUpdated = this.affectedSelectOneSyncGroups.has(syncCode);
+            if (hasBeenAffectedLevel === AffectedLevel.Set ||
+                (!syncGroupHasBeenUpdated && hasBeenAffectedLevel === AffectedLevel.Initialized)) {
+                // A feature can change value for two reasons:
+                // 1. The feature did just come into scope and loads from the sync group to set its "defaults"
+                // 2. The sync group has updated with a new value
+                // The rule is that in one sync group transaction the feature value is allowed to be updated
+                // once or twice. Once for initialization and once for new sync group value. But they have to
+                // happen in the right order.
                 return "recurseDown";
             }
-            if (!featureDidJustComeIntoScope && !this.affectedSelectOneSyncGroups.has(syncCode)) {
+            if (!featureDidJustComeIntoScope && !syncGroupHasBeenUpdated) {
                 return "recurseDown";
             }
             const currentSyncGroupValue = this.syncState.getForSelectOne(syncCode);
@@ -295,7 +306,7 @@ export class SyncGroupsTransaction {
             // Do not recurse further as we will change the state and so what is selected now won't be
             // selected then.
             yield feature.selectOption(optionToSelect._internal, true, ProductConfigurationBubbleMode.ToRoot);
-            this.affectedSelectOneFeatures.add(feature);
+            this.affectedSelectOneFeatures.set(feature, syncGroupHasBeenUpdated ? AffectedLevel.Set : AffectedLevel.Initialized);
             productsToValidate.add(feature.parentProduct);
             return "stop";
         });
@@ -435,7 +446,7 @@ export class SyncGroupsTransaction {
             return change;
         });
     }
-    applySelectOneFeature(feature, activeSelectionForce, featureDidJustComeIntoScope) {
+    applySelectOneFeature(feature, userInitiated, featureDidJustComeIntoScope) {
         const selectionType = feature.selectionType;
         if (selectionType !== SelectionType.SelectOne) {
             throw new Error("can only be used for selectOne");
@@ -453,7 +464,7 @@ export class SyncGroupsTransaction {
             // Options with no default are never written
             return false;
         }
-        if (activeSelectionForce) {
+        if (userInitiated) {
             // To make re-apply happen, even if it actually does not update the sync group
             this.affectedSelectOneSyncGroups.add(syncCode);
         }
@@ -464,7 +475,7 @@ export class SyncGroupsTransaction {
         // can not be set to the current sync group value, then it will set in the opposite
         // direction. Like if the sync group was empty. To avoid bouncing back and forth we will
         // need to enforce that a sync group can only be updated once per transaction
-        if (!(activeSelectionForce ||
+        if (!(userInitiated ||
             currentSyncGroupOptionCode === undefined ||
             (featureDidJustComeIntoScope &&
                 feature.options.every((o) => currentSyncGroupOptionCode !== o.code)))) {
@@ -486,7 +497,7 @@ export class SyncGroupsTransaction {
         }
         return change;
     }
-    applySelectManyOption(option, activeSelectionForce) {
+    applySelectManyOption(option, userInitiated) {
         const feature = option.parent;
         if (feature.selectionType !== SelectionType.SelectMany) {
             throw new Error("can only be used for selectMany");
@@ -500,14 +511,14 @@ export class SyncGroupsTransaction {
         }
         const optionSelected = option.selected;
         const currentSyncGroupValue = this.syncState.getForSelectMany(syncCode, option.code);
-        if (activeSelectionForce) {
+        if (userInitiated) {
             // To make re-apply happen, even if it actually does not update the sync group
             this.addSyncGroupAffectedForSelectMany(syncCode, option);
         }
-        // We only initialize if the option is selected or we force.
-        // activeSelectionForce = active selection by the user.
-        if (!(currentSyncGroupValue === undefined && optionSelected) &&
-            !(activeSelectionForce && currentSyncGroupValue !== optionSelected)) {
+        // We only initialize if the option has not been initiated or if it is userInitiated.
+        // userInitiated = active selection by the user.
+        if (currentSyncGroupValue !== undefined &&
+            !(userInitiated && currentSyncGroupValue !== optionSelected)) {
             return false;
         }
         this.addSyncGroupAffectedForSelectMany(syncCode, option);
@@ -529,7 +540,9 @@ export class SyncGroupsTransaction {
 }
 function getAdditionalProducts(product) {
     const initial = product.initial;
-    return product.target.additionalProducts.map((childTarget) => {
+    return product.target.additionalProducts
+        .filter((p) => p.selected)
+        .map((childTarget) => {
         const refKey = childTarget.refKey;
         const childInitial = initial === null || initial === void 0 ? void 0 : initial.additionalProducts.find((p) => refKey === p.refKey);
         return {
@@ -558,8 +571,8 @@ function getOptions(feature) {
 }
 function pairFeatures(targets, initials) {
     return targets.map((childTarget) => {
-        const key = childTarget.key;
-        const childInitial = initials === null || initials === void 0 ? void 0 : initials.find((f) => key === f.key);
+        const code = childTarget.code;
+        const childInitial = initials === null || initials === void 0 ? void 0 : initials.find((f) => code === f.code);
         return {
             target: childTarget._internal,
             initial: childInitial === null || childInitial === void 0 ? void 0 : childInitial._internal,

package/dist/tests/testData/testDataAdditionalProductInAdditionalProductInProductForTest.js

@@ -254,6 +254,7 @@ export const cfgProductTest = (testFunc, prepFunc) => __awaiter(void 0, void 0,
                 uuid: "",
                 validated: true,
                 productData,
+                features: []
             };
             collect.pushNotification(`Validate ${params.enterprise} ${params.prdCat} ${params.prdCatVersion} ${params.priceList} ${params.vendor} ${params.partNumber}`);
             return validateResponse;

package/dist/tests/testData/testDataCachedGetProduct.js

@@ -173,6 +173,7 @@ export const cachedProductLoaderTest = () => __awaiter(void 0, void 0, void 0, f
                 uuid: "",
                 validated: true,
                 productData,
+                features: []
             };
             return validateResponse;
         }),

package/dist/tests/testData/testDataCachedPostValidate.js

@@ -173,6 +173,7 @@ export const cachedProductLoaderTest = () => __awaiter(void 0, void 0, void 0, f
                 uuid: "",
                 validated: true,
                 productData,
+                features: [],
             };
             validateCounter.count++;
             return validateResponse;

package/dist/tests/testData/testDataProductAggregatedPrice.js

@@ -176,6 +176,7 @@ export const cfgProductPriceTest = (testFunc, featureOption) => __awaiter(void 0
                 uuid: "",
                 validated: true,
                 productData,
+                features: [],
             };
             return validateResponse;
         }),

package/dist/tests/testData/testDataUpcharge.js

@@ -99,6 +99,7 @@ export const getUpchargeProduct = (testFunc) => __awaiter(void 0, void 0, void 0
                 uuid: "",
                 validated: true,
                 productData,
+                features: [],
             };
             return validateResponse;
         }),

package/dist/utilitiesCatalogueData.d.ts

@@ -9,6 +9,11 @@ export declare type CfgProductData = Omit<Omit<ProductData, "models">, "partsDat
         selOptions: SelectedOption[];
     };
 };
+/**
+ * Deep compare. Uses the JSON.stringify method for comparison
+ * @returns true if equal. Key and array order is respected.
+ */
+export declare function compareCfgProductData(pd1: CfgProductData, pd2: CfgProductData): boolean;
 export declare type CfgProductResponse = Omit<ProductResponse, "productData"> & {
     productData: CfgProductData;
 };

package/dist/utilitiesCatalogueData.js

@@ -16,6 +16,13 @@ export const makeSelOptionsKey = (options) => options.reduce((p, option) => {
     p += "_}";
     return p;
 }, "");
+/**
+ * Deep compare. Uses the JSON.stringify method for comparison
+ * @returns true if equal. Key and array order is respected.
+ */
+export function compareCfgProductData(pd1, pd2) {
+    return JSON.stringify(pd1) === JSON.stringify(pd2);
+}
 export function isModel(arg) {
     return typeof arg === "object" && arg !== null && "cid" in arg && "uri" in arg;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@configura/web-api",
-	"version": "1.6.1",
+	"version": "1.7.0",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@configura/web-utilities": "1.6.1"
+		"@configura/web-utilities": "1.7.0"
 	},
-	"gitHead": "bffef8762f32d8629a89837cafc20d34702409a3"
+	"gitHead": "f6e1e62d91488535ef5b65eb93bbd69bdf1aabe7"
 }