@configura/web-api 2.0.0-alpha.18 → 2.0.0-alpha.20

package/dist/CatalogueAPI.d.ts

@@ -44,22 +44,22 @@ export interface DtoCatalogueAPISession {
     features?: Array<string>;
     permissions?: Array<DtoCataloguePermission>;
 }
-/** CatalogueParams */
-export interface DtoCatalogueParams extends DtoCatalogueParamsWithoutCid {
-    cid: number;
-}
-/** CatalogueParamsWithLang */
-export interface DtoCatalogueParamsWithLang extends DtoCatalogueParams {
-    lang: string;
-}
-/** CatalogueParamsWithoutCid - To identify one catalogue the Portfolio ID CID is needed in addition to the parameters in this object. However as of now CID is not used in API calls and therefore this version without CID is needed. */
-export interface DtoCatalogueParamsWithoutCid {
+/** CatalogueParams - To identify one catalogue the Portfolio ID CID is needed in addition to the parameters in this object. However as of now CID is not used in API calls and therefore this version without CID is needed. */
+export interface DtoCatalogueParams {
     enterprise: string;
     prdCat: string;
     prdCatVersion: string;
     vendor: string;
     priceList: string;
 }
+/** CatalogueParamsWithCid */
+export interface DtoCatalogueParamsWithCid extends DtoCatalogueParams {
+    cid: number;
+}
+/** CatalogueParamsWithCidAndLang */
+export interface DtoCatalogueParamsWithCidAndLang extends DtoCatalogueParamsWithCid {
+    lang: string;
+}
 /** CataloguePermission */
 export interface DtoCataloguePermission {
     cid: number;
@@ -163,6 +163,16 @@ export interface DtoGetPriceListsParams {
     vendor: string;
     priceList: string;
 }
+/** GetProductLegacyV2Params represents the URL parameters of getProductLegacyV2 */
+export interface DtoGetProductLegacyV2Params {
+    lang: string;
+    enterprise: string;
+    prdCat: string;
+    prdCatVersion: string;
+    vendor: string;
+    priceList: string;
+    partNumber: string;
+}
 /** GetProductParams represents the URL parameters of getProduct */
 export interface DtoGetProductParams {
     lang: string;
@@ -314,6 +324,16 @@ export interface DtoPostRenderParams {
     priceList: string;
     partNumber: string;
 }
+/** PostValidateLegacyV1Params represents the URL parameters of postValidateLegacyV1 */
+export interface DtoPostValidateLegacyV1Params {
+    lang: string;
+    enterprise: string;
+    prdCat: string;
+    prdCatVersion: string;
+    vendor: string;
+    priceList: string;
+    partNumber: string;
+}
 /** PostValidateParams represents the URL parameters of postValidate */
 export interface DtoPostValidateParams {
     lang: string;
@@ -357,7 +377,7 @@ export interface DtoProductCatalogueInfo {
 export interface DtoProductConf {
     features?: Array<DtoFeatureConf>;
     additionalProducts?: Array<DtoAdditionalProductConf>;
-    prodParams?: DtoProductParamsWithLang;
+    prodParams?: DtoProductParamsWithCidAndLang;
 }
 /** ProductData */
 export interface DtoProductData {
@@ -383,12 +403,12 @@ export interface DtoProductData {
     models?: Array<DtoModel>;
     partsData: DtoPartsData;
 }
-/** ProductParams */
-export interface DtoProductParams extends DtoCatalogueParams {
+/** ProductParamsWithCid */
+export interface DtoProductParamsWithCid extends DtoCatalogueParamsWithCid {
     partNumber: string;
 }
-/** ProductParamsWithLang */
-export interface DtoProductParamsWithLang extends DtoProductParams {
+/** ProductParamsWithCidAndLang */
+export interface DtoProductParamsWithCidAndLang extends DtoProductParamsWithCid {
     lang: string;
 }
 /** ProductRef */
@@ -489,11 +509,19 @@ export interface DtoTransform {
     rot: DtoOrientation;
 }
 /** ValidateRequest */
-export interface DtoValidateRequest {
+export interface DtoValidateRequest extends DtoValidateRequestLegacyV1 {
+    knownFeatureCodes: Array<string>;
+}
+/** ValidateRequestLegacyV1 */
+export interface DtoValidateRequestLegacyV1 {
     selOptions: Array<DtoSelectedOption>;
 }
 /** ValidateResponse */
-export interface DtoValidateResponse {
+export interface DtoValidateResponse extends DtoValidateResponseLegacyV1 {
+    features: Array<DtoFeature>;
+}
+/** ValidateResponseLegacyV1 */
+export interface DtoValidateResponseLegacyV1 {
     productData: DtoProductData;
     uuid: string;
     validated: boolean;
@@ -536,8 +564,10 @@ export declare class CatalogueAPI {
     getApplicationAreas(params: DtoGetApplicationAreasParams): Promise<DtoApplicationAreasResponse>;
     postExport(params: DtoPostExportParams, body: DtoExportRequest): Promise<DtoExportResponse>;
     getPriceLists(params: DtoGetPriceListsParams): Promise<DtoPriceListsResponse>;
+    getProductLegacyV2(params: DtoGetProductLegacyV2Params): Promise<DtoProductResponse>;
     getProduct(params: DtoGetProductParams): Promise<DtoProductResponse>;
     postRender(params: DtoPostRenderParams, body: DtoRenderRequest): Promise<DtoRenderResponse>;
+    postValidateLegacyV1(params: DtoPostValidateLegacyV1Params, body: DtoValidateRequestLegacyV1): Promise<DtoValidateResponseLegacyV1>;
     postValidate(params: DtoPostValidateParams, body: DtoValidateRequest): Promise<DtoValidateResponse>;
     getTocTree(params: DtoGetTocTreeParams): Promise<DtoTOCResponse>;
     getTocFlat(params: DtoGetTocFlatParams): Promise<DtoTOCResponse>;

package/dist/CatalogueAPI.js

@@ -9,10 +9,28 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-export const dtoExportFormatNames = ["glb", "gltf", "fbx", "dwg", "cmdrw", "cmfav", "cmsym"];
-export const dtoExportStatusStatusNames = ["pending", "running", "finished", "failed"];
+export const dtoExportFormatNames = [
+    "glb",
+    "gltf",
+    "fbx",
+    "dwg",
+    "cmdrw",
+    "cmfav",
+    "cmsym",
+];
+export const dtoExportStatusStatusNames = [
+    "pending",
+    "running",
+    "finished",
+    "failed",
+];
 export const dtoRenderFormatNames = ["jpg", "png"];
-export const dtoRenderStatusStatusNames = ["pending", "running", "finished", "failed"];
+export const dtoRenderStatusStatusNames = [
+    "pending",
+    "running",
+    "finished",
+    "failed",
+];
 export const dtoSyncGroupMethodsNames = ["pull", "push", "twoWay"];
 export class DtoAPIError extends Error {
 }
@@ -31,7 +49,9 @@ export class CatalogueAPI {
         }
     }
     hasFeature(feature) {
-        return this.auth !== undefined && this.auth.apiSession.features !== undefined && this.auth.apiSession.features.indexOf(feature) > -1;
+        return (this.auth !== undefined &&
+            this.auth.apiSession.features !== undefined &&
+            this.auth.apiSession.features.indexOf(feature) > -1);
     }
     fetch(url, options) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -127,7 +147,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");
@@ -143,6 +163,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) {
@@ -160,7 +196,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");
@@ -177,6 +213,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) {
@@ -263,8 +316,10 @@ export const DTO_OPERATION_ID_TO_DEBIT_GROUP = {
     getApplicationAreas: "base",
     postExport: "export",
     getPriceLists: "base",
+    getProductLegacyV2: "base",
     getProduct: "base",
     postRender: "render",
+    postValidateLegacyV1: "base",
     postValidate: "base",
     getTocTree: "base",
     getTocFlat: "base",

package/dist/CfgProduct.d.ts

@@ -1,5 +1,5 @@
 import { AggregatedLoadingObservable, LengthUnit, Observable, SingleArgCallback } from "@configura/web-utilities";
-import { DtoAdditionalProductConfiguration, DtoAdditionalProductRef, DtoCatalogueParams, DtoMeasureParam, DtoMtrlApplication, DtoPrices, DtoProductConf, DtoProductParamsWithLang, DtoTransform } from "./CatalogueAPI.js";
+import { DtoAdditionalProductConfiguration, DtoAdditionalProductRef, DtoCatalogueParamsWithCid, DtoMeasureParam, DtoMtrlApplication, DtoPrices, DtoProductConf, DtoProductParamsWithCidAndLang, DtoTransform } from "./CatalogueAPI.js";
 import { CfgMeasureDefinition } from "./CfgMeasure.js";
 import { _CfgFeatureInternal } from "./productConfiguration/CfgFeature.js";
 import { ProductConfigurationBubbleMode } from "./productConfiguration/CfgOption.js";
@@ -72,7 +72,7 @@ export declare type CfgPrice = {
  */
 export declare class _CfgProductInternal {
     readonly _productLoaderRaw: ProductLoader;
-    readonly prodParams: DtoProductParamsWithLang;
+    readonly prodParams: DtoProductParamsWithCidAndLang;
     readonly settings: CfgProductSettings;
     readonly uuid: string;
     private readonly _rawUnit;
@@ -81,7 +81,8 @@ export declare class _CfgProductInternal {
     readonly parent: _CfgProductInternal | undefined;
     private _additionalProductRef;
     private readonly _syncGroupHandler;
-    static make: (productLoaderRaw: ProductLoader, productLoaderForGroupedLoad: ProductLoader | undefined, prodParams: DtoProductParamsWithLang, settings: CfgProductSettings, optional: boolean, loadingObservable: AggregatedLoadingObservable, parent: _CfgProductInternal | undefined, root: _CfgProductInternal | undefined, additionalProductRef: DtoAdditionalProductRef | undefined) => Promise<_CfgProductInternal>;
+    static make: (productLoaderRaw: ProductLoader, productLoaderForGroupedLoad: ProductLoader | undefined, prodParams: DtoProductParamsWithCidAndLang, settings: CfgProductSettings, optional: boolean, loadingObservable: AggregatedLoadingObservable, parent: _CfgProductInternal | undefined, root: _CfgProductInternal | undefined, additionalProductRef: DtoAdditionalProductRef | undefined) => Promise<_CfgProductInternal>;
+    _initialClone: _CfgProductInternal | undefined;
     private constructor();
     readonly root: _CfgProductInternal;
     private _destroyed;
@@ -92,9 +93,19 @@ 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>;
     /** Mark this and its descendants as destroyed and remove all listeners */
     destroy: () => void;
+    /**
+     * Reset will reset the product to its initial state
+     */
+    reset: () => Promise<void>;
     /**
      * Internal use. Used when this product is an additional product, and
      * changing a parent product has made the settings for this product
@@ -173,7 +184,7 @@ export declare class _CfgProductInternal {
 }
 export declare class CfgProduct {
     readonly _internal: _CfgProductInternal;
-    static make(productLoader: ProductLoader, prodParams: DtoProductParamsWithLang, settings?: Partial<CfgProductSettings>): Promise<CfgProduct>;
+    static make(productLoader: ProductLoader, prodParams: DtoProductParamsWithCidAndLang, settings?: Partial<CfgProductSettings>): Promise<CfgProduct>;
     /**
      * 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
@@ -200,9 +211,9 @@ export declare class CfgProduct {
      * It will be unique amongst child products, but not globally unique.
      */
     get refKey(): string | undefined;
-    get prodParams(): DtoProductParamsWithLang;
+    get prodParams(): DtoProductParamsWithCidAndLang;
     get lang(): string;
-    get catId(): DtoCatalogueParams;
+    get catId(): DtoCatalogueParamsWithCid;
     get partNumber(): string;
     get isAdditionalProduct(): boolean;
     /** Only used when this product is an additional product. Root products are never optional. */

package/dist/CfgProduct.js

@@ -15,7 +15,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 {
@@ -52,7 +52,7 @@ function isDescriptionMatch(l, r) {
  * 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) {
+    constructor(initSuccess, initFail, _productLoaderRaw, prodParams, settings, optional, selected, rootFeatureRefs, rawFeatures, uuid, _rawUnit, _rawProductData, apiSelection, loadingObservable, parent, root, _additionalProductRef, _syncGroupHandler) {
         var _a;
         this._productLoaderRaw = _productLoaderRaw;
         this.prodParams = prodParams;
@@ -77,6 +77,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, committed) => __awaiter(this, void 0, void 0, function* () {
             if (bubbleMode === CfgProductBubbleMode.Stop) {
                 return;
@@ -183,9 +191,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) {
@@ -314,7 +329,10 @@ export class _CfgProductInternal {
             const token = this.loadingObservable.startChildLoading();
             this._revalidateInProgressToken = token;
             try {
-                const response = yield productLoader.postValidate(correctDefaultsOnCatalogueParams(this.prodParams), { selOptions: configuration._internal.getApiSelection() });
+                const response = yield productLoader.postValidate(correctDefaultsOnCatalogueParams(this.prodParams), {
+                    selOptions: configuration._internal.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
@@ -333,9 +351,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);
                 }
@@ -425,19 +444,25 @@ export class _CfgProductInternal {
         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);
+        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.prodParams, this.settings, this.optional, this.selected, this._configuration.rootFeatureRefs, this._configuration.allRawFeatures, this.uuid, this._rawUnit, this._rawProductData, this.configuration._internal.getApiSelection(), new AggregatedLoadingObservable(), parent, root, this._additionalProductRef, (_a = this._syncGroupHandler) === null || _a === void 0 ? void 0 : _a.clone());
+                }, initFail, this._productLoaderRaw, this.prodParams, this.settings, this.optional, this.selected, this._configuration.rootFeatureRefs, this._configuration.rawFeatures, this.uuid, this._rawUnit, this._rawProductData, this.configuration._internal.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)));
@@ -543,7 +568,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, true);
             return true;
         });
@@ -607,18 +644,22 @@ prodParams, settings, optional, loadingObservable, parent, root, additionalProdu
         : undefined;
     try {
         const productResponse = yield productLoaderForGroupedLoad.getProduct(correctDefaultsOnCatalogueParams(prodParams));
-        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, prodParams, settings, optional, !optional, rootFeatureRefs, allRawFeatures, uuid, unit, productData, productData.partsData.selOptions || [], loadingObservable, parent, root, additionalProductRef, syncGroupHandler);
+            }, initFail, productLoaderRaw, prodParams, 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/CfgReferencePathHelper.d.ts

@@ -1,4 +1,4 @@
-import { DtoCatalogueParamsWithLang, DtoProductParamsWithLang } from "./CatalogueAPI";
+import { DtoCatalogueParamsWithCidAndLang, DtoProductParamsWithCidAndLang } from "./CatalogueAPI";
 /**
  * These methods aims to provide a default suggested way of building
  * URLs to Products and Catalogues. By using consistent URL:s copy-paste
@@ -14,7 +14,7 @@ export declare class CfgReferencePathHelper {
      * @param catParams What catalogue to generate URL for.
      * @returns An URL to a catalogue
      */
-    static getCataloguePath: (browsingRootUrl: string, catParams: DtoCatalogueParamsWithLang) => string;
+    static getCataloguePath: (browsingRootUrl: string, catParams: DtoCatalogueParamsWithCidAndLang) => string;
     /**
      * Use to generate URLs in our reference format. This is the format Configura uses in our integrations.
      * @param browsingRootUrl The URL where Stage browsing begins
@@ -22,6 +22,6 @@ export declare class CfgReferencePathHelper {
      * @param separator Optional, defaults to "product", but can be changed to indicate another function.
      * @returns An URL to a product
      */
-    static getProductPath: (browsingRootUrl: string, productParams: DtoProductParamsWithLang, separator?: string) => string;
+    static getProductPath: (browsingRootUrl: string, productParams: DtoProductParamsWithCidAndLang, separator?: string) => string;
 }
 //# sourceMappingURL=CfgReferencePathHelper.d.ts.map

package/dist/productConfiguration/CfgFeature.d.ts

@@ -32,13 +32,13 @@ export declare type FeatureChangeNotification = {
  */
 export declare class _CfgFeatureInternal {
     readonly rawFeature: DtoFeature;
-    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: DtoFeature, allRawFeatures: DtoFeature[], key: string, // Unique amongst siblings
+    constructor(rawFeature: DtoFeature, rawFeatures: DtoFeature[], _key: string, // Unique amongst siblings
     parent: _CfgProductConfigurationInternal | _CfgOptionInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal);
     readonly selectionType: SelectionType;
     private _options;
@@ -48,6 +48,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>;
@@ -128,7 +130,7 @@ export declare class _CfgFeatureInternal {
 }
 export declare class CfgFeature {
     readonly _internal: _CfgFeatureInternal;
-    static make(rawFeature: DtoFeature, allRawFeatures: DtoFeature[], key: string, parent: _CfgProductConfigurationInternal | _CfgOptionInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgFeature;
+    static make(rawFeature: DtoFeature, rawFeatures: DtoFeature[], 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,11 @@ function doFreshRefOption(options, optionInternal, committed, beforeNotify) {
  * should be used and interacted with.
  */
 export class _CfgFeatureInternal {
-    constructor(rawFeature, allRawFeatures, key, // Unique amongst siblings
+    constructor(rawFeature, rawFeatures, _key, // Unique amongst siblings
     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;
@@ -413,6 +413,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;
     }
@@ -518,7 +524,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;
     }
@@ -577,8 +583,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,
@@ -597,6 +603,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

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