@configura/web-api 1.6.0-alpha.0 → 1.6.0-iotest.2

package/dist/CfgProduct.d.ts

@@ -2,14 +2,13 @@ import { AggregatedLoadingObservable, LengthUnit, Observable, SingleArgCallback
 import { AdditionalProductConfiguration, CatalogueParams, MeasureParam, MtrlApplication, Prices, Transform } from "./CatalogueAPI.js";
 import { CfgMeasureDefinition } from "./CfgMeasure.js";
 import { _CfgFeatureInternal } from "./productConfiguration/CfgFeature.js";
-import { ProductConfigurationBubbleMode, _CfgOptionInternal } from "./productConfiguration/CfgOption.js";
-import { CfgProductConfiguration, _CfgProductConfigurationInternal } from "./productConfiguration/CfgProductConfiguration.js";
+import { ProductConfigurationBubbleMode } from "./productConfiguration/CfgOption.js";
+import { CfgProductConfiguration } from "./productConfiguration/CfgProductConfiguration.js";
 import { ProductLoader } from "./productLoader.js";
-import { SyncGroupsApplyMode } from "./syncGroups/SyncGroupsApplyMode.js";
-import { SyncGroupsHandler } from "./syncGroups/SyncGroupsHandler.js";
 import { CfgProductData, RootNodeSource } from "./utilitiesCatalogueData.js";
 export declare type CfgProductChangeNotification = {
     freshRef: CfgProduct;
+    committed: boolean;
 };
 export declare type CfgProductSettings = {
     /**
@@ -26,12 +25,6 @@ export declare type CfgProductSettings = {
      * believe is a rare use case.
      */
     strictSetApiSelectionMatch: boolean;
-    /**
-     * Controls if SyncGroups are applied Fast or Strict. Fast keeps the number of validate calls
-     * to the server down, Strict is closer to how CET works. We recommend you use Fast as cases
-     * where the results differ should be rare in real use cases.
-     */
-    syncGroupsApplyMode: SyncGroupsApplyMode | undefined;
 };
 /**
  * This enum is used internally in the SDK and is not expected by be used directly by integrators.
@@ -56,12 +49,6 @@ export declare type CfgPrice = {
     currency: string;
     fractionDigits: number;
 };
-export declare type CfgPathSegment = string;
-export declare type CfgPath = CfgPathSegment[];
-export declare type RevalidateResult = {
-    wasAborted: boolean;
-    requestDidValidate: boolean;
-};
 /**
  * This class is meant to only be used through CfgProduct. It should never be instantiated on its
  * own. Normally the internal state of this class should never be directly modified. CfgProduct is
@@ -82,7 +69,6 @@ export declare class _CfgProductInternal {
     readonly parent: _CfgProductInternal | undefined;
     readonly transform: Transform | undefined;
     anchor: MeasureParam | undefined;
-    private readonly _syncGroupHandler;
     static make: (productLoaderRaw: ProductLoader, productLoaderForGroupedLoad: ProductLoader | undefined, lang: string, catId: CatalogueParams, partNumber: string, settings: CfgProductSettings, optional: boolean, loadingObservable: AggregatedLoadingObservable, refKey: string | undefined, refDescription: string | undefined, parent: _CfgProductInternal | undefined, root: _CfgProductInternal | undefined, transform: Transform | undefined, anchor: MeasureParam | undefined) => Promise<_CfgProductInternal>;
     private constructor();
     readonly root: _CfgProductInternal;
@@ -127,24 +113,17 @@ export declare class _CfgProductInternal {
      * It does not affect the visibility of anything in the 3D view at all.
      */
     get visible(): boolean;
-    _notifyAllOfChange: (bubbleMode: CfgProductBubbleMode) => Promise<void>;
+    _notifyAllOfChange: (bubbleMode: CfgProductBubbleMode, committed: boolean) => Promise<void>;
     /** Called when a child (additional product or the configuration) has changed. */
     private _childHasChanged;
     /** Called by child to tell its parent that it has changed. */
-    _additionalProductHasChanged: (freshRef: CfgProduct, bubbleMode: CfgProductBubbleMode) => Promise<void>;
+    _additionalProductHasChanged: (freshRef: CfgProduct, bubbleMode: CfgProductBubbleMode, committed: boolean) => Promise<void>;
     /** Called by the configuration to tell its parent that it has changed. */
-    _configurationHasChanged: (freshRef: CfgProductConfiguration, bubbleMode: ProductConfigurationBubbleMode) => Promise<void>;
+    _configurationHasChanged: (freshRef: CfgProductConfiguration, bubbleMode: ProductConfigurationBubbleMode, committed: boolean) => Promise<void>;
     getApiSelection: () => AdditionalProductConfiguration;
     setApiSelection: (s: AdditionalProductConfiguration, doValidate: boolean, productLoaderForGroupedLoad?: ProductLoader | undefined) => Promise<boolean>;
-    copyFrom: (otherProduct: _CfgProductInternal, doValidate: boolean, productLoaderForGroupedLoad?: ProductLoader | undefined) => Promise<boolean>;
-    private _setApiSelectionWithOtherProduct;
-    get syncGroupHandler(): SyncGroupsHandler | undefined;
-    get path(): CfgPath;
-    getFromPath(path: CfgPath): _CfgProductInternal | _CfgProductConfigurationInternal | _CfgFeatureInternal | _CfgOptionInternal;
-    getProductFromPath(path: CfgPath): _CfgProductInternal;
-    getProductConfigurationFromPath(path: CfgPath): _CfgProductConfigurationInternal;
-    getFeatureFromPath(path: CfgPath): _CfgFeatureInternal;
-    getOptionFromPath(path: CfgPath): _CfgOptionInternal;
+    getApiSelectionAsString: () => string;
+    setFromApiSelectionString: (str: string, doValidate: boolean, productLoaderForGroupedLoad?: ProductLoader | undefined) => Promise<boolean>;
     structureCompare: (other: _CfgProductInternal, strictOrder?: boolean, descriptionMatch?: boolean) => boolean;
     tryMatchSelection: (other: _CfgProductInternal, descriptionMatch?: boolean, productLoaderForGroupedLoad?: ProductLoader | undefined) => Promise<boolean>;
     /** Only features in selected options and selected additional products. */
@@ -155,7 +134,7 @@ export declare class _CfgProductInternal {
      * product in isolation. The validation result is applied on the configuration. Then additional
      * products are synced (unloaded, loaded etc.) Finally the changes bubble up the tree.
      */
-    _revalidate: (bubbleMode: CfgProductBubbleMode, productLoader: ProductLoader) => Promise<RevalidateResult>;
+    _revalidate: (bubbleMode: CfgProductBubbleMode, productLoader: ProductLoader, committed: boolean) => Promise<boolean>;
     /**
      * Based on this configuration find what additional products should be shown and not, unload
      * (i.e. destroy) those that should no longer be shown, load the new ones.
@@ -167,7 +146,7 @@ export declare class CfgProduct {
     static make(productLoader: ProductLoader, lang: string, catId: CatalogueParams, partNumber: string, 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
+     * make a new outer reference. Like a shallow copy./ We use this to help frameworks that are
      * build around using equals to detect change.
      */
     static _makeNewRefFrom(source: _CfgProductInternal): CfgProduct;
@@ -254,6 +233,8 @@ export declare class CfgProduct {
      */
     getApiSelection: () => AdditionalProductConfiguration;
     setApiSelection: (s: AdditionalProductConfiguration, doValidate?: boolean) => Promise<boolean>;
+    getApiSelectionAsString: () => string;
+    setFromApiSelectionString: (str: string, doValidate?: boolean) => Promise<boolean>;
     listenForChange: (l: SingleArgCallback<CfgProductChangeNotification>) => void;
     stopListenForChange: (l: SingleArgCallback<CfgProductChangeNotification>) => void;
     stopAllListenForChange: () => void;

package/dist/CfgProduct.js

@@ -9,19 +9,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { AggregatedLoadingObservable, compareArrays, count, Observable, toLengthUnit, } from "@configura/web-utilities";
 import { CfgMeasureDefinition } from "./CfgMeasure.js";
-import { _CfgFeatureInternal } from "./productConfiguration/CfgFeature.js";
-import { ProductConfigurationBubbleMode, _CfgOptionInternal, } from "./productConfiguration/CfgOption.js";
-import { CfgProductConfiguration, _CfgProductConfigurationInternal, } from "./productConfiguration/CfgProductConfiguration.js";
+import { ProductConfigurationBubbleMode } from "./productConfiguration/CfgOption.js";
+import { CfgProductConfiguration } from "./productConfiguration/CfgProductConfiguration.js";
 import { collectAdditionalProductRefs } from "./productConfiguration/utilitiesProductConfiguration.js";
 import { wrapWithCache } from "./productLoader.js";
-import { SyncGroupsHandler } from "./syncGroups/SyncGroupsHandler.js";
 import { comparePricesObjects, correctDefaultsOnCatalogueParams, makeProductKey, } from "./utilitiesCatalogueData.js";
 function completeSettings(incompleteSettings) {
     var _a, _b;
     return {
         strictSelectOneSelectionCount: (_a = incompleteSettings === null || incompleteSettings === void 0 ? void 0 : incompleteSettings.strictSelectOneSelectionCount) !== null && _a !== void 0 ? _a : false,
         strictSetApiSelectionMatch: (_b = incompleteSettings === null || incompleteSettings === void 0 ? void 0 : incompleteSettings.strictSetApiSelectionMatch) !== null && _b !== void 0 ? _b : false,
-        syncGroupsApplyMode: incompleteSettings === null || incompleteSettings === void 0 ? void 0 : incompleteSettings.syncGroupsApplyMode,
     };
 }
 /**
@@ -53,7 +50,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, refKey, refDescription, parent, root, transform, anchor, _syncGroupHandler) {
+    constructor(initSuccess, initFail, _productLoaderRaw, lang, catId, partNumber, settings, optional, selected, rootFeatureRefs, allRawFeatures, uuid, _rawUnit, _rawProductData, apiSelection, loadingObservable, refKey, refDescription, parent, root, transform, anchor) {
         this._productLoaderRaw = _productLoaderRaw;
         this.lang = lang;
         this.catId = catId;
@@ -68,7 +65,6 @@ export class _CfgProductInternal {
         this.parent = parent;
         this.transform = transform;
         this.anchor = anchor;
-        this._syncGroupHandler = _syncGroupHandler;
         this._destroyed = false;
         this.additionalProducts = [];
         this.changeObservable = new Observable();
@@ -80,31 +76,31 @@ export class _CfgProductInternal {
                 additionalProduct.destroy();
             }
         };
-        this._notifyAllOfChange = (bubbleMode) => __awaiter(this, void 0, void 0, function* () {
+        this._notifyAllOfChange = (bubbleMode, committed) => __awaiter(this, void 0, void 0, function* () {
             if (bubbleMode === CfgProductBubbleMode.Stop) {
                 return;
             }
             const parent = this.parent;
             const freshRef = CfgProduct._makeNewRefFrom(this);
-            this.changeObservable.notifyAll({ freshRef });
+            this.changeObservable.notifyAll({ freshRef, committed });
             if (parent !== undefined) {
                 yield parent._additionalProductHasChanged(freshRef, bubbleMode === CfgProductBubbleMode.OneLevel
                     ? CfgProductBubbleMode.Stop
-                    : bubbleMode);
+                    : bubbleMode, committed);
             }
         });
         /** Called when a child (additional product or the configuration) has changed. */
-        this._childHasChanged = (bubbleMode) => __awaiter(this, void 0, void 0, function* () {
+        this._childHasChanged = (bubbleMode, committed) => __awaiter(this, void 0, void 0, function* () {
             if (bubbleMode === CfgProductBubbleMode.ToRootAndBubbleSelected &&
                 this.optional &&
                 !this.selected) {
                 yield this.setSelected(true, bubbleMode);
                 return;
             }
-            yield this._notifyAllOfChange(bubbleMode);
+            yield this._notifyAllOfChange(bubbleMode, committed);
         });
         /** Called by child to tell its parent that it has changed. */
-        this._additionalProductHasChanged = (freshRef, bubbleMode) => __awaiter(this, void 0, void 0, function* () {
+        this._additionalProductHasChanged = (freshRef, bubbleMode, committed) => __awaiter(this, void 0, void 0, function* () {
             const i = this.additionalProducts.findIndex((a) => a.isBackedBySame(freshRef));
             if (i !== -1) {
                 // Child additional product might not be found. This probably means that propagate
@@ -114,34 +110,31 @@ export class _CfgProductInternal {
                 // C no longer is part of the tree. Odd, but fully permitted.
                 this.additionalProducts[i] = freshRef;
             }
-            yield this._childHasChanged(bubbleMode);
+            yield this._childHasChanged(bubbleMode, committed);
         });
         /** Called by the configuration to tell its parent that it has changed. */
-        this._configurationHasChanged = (freshRef, bubbleMode) => __awaiter(this, void 0, void 0, function* () {
+        this._configurationHasChanged = (freshRef, bubbleMode, committed) => __awaiter(this, void 0, void 0, function* () {
             this._configuration = freshRef;
             switch (bubbleMode) {
                 case ProductConfigurationBubbleMode.ValidateAndBubbleSelected:
                     // The revalidate call will continue the bubble
-                    yield this._revalidate(CfgProductBubbleMode.ToRootAndBubbleSelected, this._productLoaderRaw);
-                    return;
-                case ProductConfigurationBubbleMode.BubbleSelected:
-                    yield this._childHasChanged(CfgProductBubbleMode.ToRootAndBubbleSelected);
+                    yield this._revalidate(CfgProductBubbleMode.ToRootAndBubbleSelected, this._productLoaderRaw, committed);
                     return;
                 case ProductConfigurationBubbleMode.Validate:
                     // The revalidate call will continue the bubble
-                    yield this._revalidate(CfgProductBubbleMode.ToRoot, this._productLoaderRaw);
+                    yield this._revalidate(CfgProductBubbleMode.ToRoot, this._productLoaderRaw, committed);
                     return;
                 case ProductConfigurationBubbleMode.ToParentProduct:
                     // Do not continue bubble as we have reached the parent CfgProduct
                     return;
                 case ProductConfigurationBubbleMode.OneLevel:
-                    yield this._childHasChanged(CfgProductBubbleMode.OneLevel);
+                    yield this._childHasChanged(CfgProductBubbleMode.OneLevel, committed);
                     return;
                 case ProductConfigurationBubbleMode.Stop:
-                    yield this._childHasChanged(CfgProductBubbleMode.Stop);
+                    yield this._childHasChanged(CfgProductBubbleMode.Stop, committed);
                     return;
                 case ProductConfigurationBubbleMode.ToRoot:
-                    yield this._childHasChanged(CfgProductBubbleMode.ToRoot);
+                    yield this._childHasChanged(CfgProductBubbleMode.ToRoot, committed);
                     return;
             }
         });
@@ -152,26 +145,13 @@ export class _CfgProductInternal {
             additionalProducts: this.additionalProducts.map((additionalProduct) => additionalProduct.getApiSelection()),
         });
         this.setApiSelection = (s, doValidate, productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
-            return this._setApiSelectionWithOtherProduct(s, doValidate, productLoaderForGroupedLoad, undefined);
-        });
-        this.copyFrom = (otherProduct, doValidate, productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
-            return yield this._setApiSelectionWithOtherProduct(otherProduct.getApiSelection(), doValidate, productLoaderForGroupedLoad, otherProduct);
-        });
-        this._setApiSelectionWithOtherProduct = (s, doValidate, productLoaderForGroupedLoad, sourceProduct) => __awaiter(this, void 0, void 0, function* () {
             // Wrap with cache will make getProduct for this function call use the same server call
             // for the same product with the same params. Used for getProduct (when a new additional
             // product is loaded) and postValidate.
             productLoaderForGroupedLoad =
                 productLoaderForGroupedLoad || wrapWithCache(this._productLoaderRaw);
-            let change = false;
-            if (sourceProduct !== undefined) {
-                this._rawProductData = sourceProduct.rawProductData;
-                change = true; // We can not know if this is an actual change, so we assume it is
-            }
             const configurationChange = yield this.configuration._internal.setApiSelection(s.selOptions, false);
-            if (configurationChange) {
-                change = true;
-            }
+            let change = configurationChange;
             if (this.optional) {
                 if (yield this.setSelected(s.selected !== false, CfgProductBubbleMode.Stop)) {
                     change = true;
@@ -185,14 +165,8 @@ export class _CfgProductInternal {
             if (apiSelectionAdditionalProductsCount !== additionalProductsCount) {
                 throw new Error(`Additional products are not same length. This product: "${this.key}". This product additional products count: ${additionalProductsCount}. Passed apiSelection additional products count: ${apiSelectionAdditionalProductsCount}`);
             }
-            const sourceProductAdditionalProducts = sourceProduct === null || sourceProduct === void 0 ? void 0 : sourceProduct.additionalProducts;
-            if (sourceProductAdditionalProducts &&
-                additionalProductsCount !== sourceProductAdditionalProducts.length) {
-                throw new Error(`Passed sourceProduct does not have the same number of additional products as this.`);
-            }
-            if ((yield Promise.all(apiSelectionAdditionalProducts.map((apiSelectionAdditionalProduct, index) => {
-                var _a;
-                const refKey = apiSelectionAdditionalProduct.refKey;
+            if ((yield Promise.all(apiSelectionAdditionalProducts.map((apiSelectionChild) => {
+                const refKey = apiSelectionChild.refKey;
                 if (refKey === undefined) {
                     throw new Error("Additional product api configurations must have refKey.");
                 }
@@ -200,30 +174,26 @@ export class _CfgProductInternal {
                 if (i === -1) {
                     throw new Error(`Additional product not found. This product: "${this.key}". refKey of not found additional product: "${refKey}"`);
                 }
-                let sourceProductAdditionalProduct = undefined;
-                if (sourceProductAdditionalProducts !== undefined) {
-                    sourceProductAdditionalProduct =
-                        (_a = sourceProductAdditionalProducts.find((a) => refKey === a.refKey)) === null || _a === void 0 ? void 0 : _a._internal;
-                    if (sourceProductAdditionalProduct === undefined) {
-                        throw new Error("Additional product not found in sourceProduct");
-                    }
-                }
                 const additionalProduct = additionalProducts.splice(i, 1)[0]; // Splicing like this is okay because this is done synchronous. The setCon. is what is async.
-                return additionalProduct._internal._setApiSelectionWithOtherProduct(apiSelectionAdditionalProduct, doValidate, productLoaderForGroupedLoad, sourceProductAdditionalProduct);
+                return additionalProduct._internal.setApiSelection(apiSelectionChild, doValidate, productLoaderForGroupedLoad);
             }))).some((b) => b)) {
                 change = true;
             }
             if (doValidate && configurationChange) {
-                yield this._revalidate(CfgProductBubbleMode.ToRoot, productLoaderForGroupedLoad);
+                yield this._revalidate(CfgProductBubbleMode.ToRoot, productLoaderForGroupedLoad, true);
             }
             else if (change) {
                 // As setApiSelection is done recursively each level takes care of its own notifications
                 // so we only need to bubble one level to notify this and swap out the reference in the
                 // parent.
-                yield this._notifyAllOfChange(CfgProductBubbleMode.OneLevel);
+                yield this._notifyAllOfChange(CfgProductBubbleMode.OneLevel, true);
             }
             return change;
         });
+        this.getApiSelectionAsString = () => JSON.stringify(this.getApiSelection(), undefined, "");
+        this.setFromApiSelectionString = (str, doValidate, productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
+            return this.setApiSelection(JSON.parse(decodeURIComponent(str)), doValidate, productLoaderForGroupedLoad);
+        });
         this.structureCompare = (other, strictOrder = true, descriptionMatch = false) => {
             if (!this.configuration.structureCompare(other.configuration, strictOrder, descriptionMatch)) {
                 return false;
@@ -246,10 +216,10 @@ export class _CfgProductInternal {
             const configurationChange = yield this.configuration._internal.tryMatchSelection(other.configuration._internal, descriptionMatch, false);
             if (configurationChange) {
                 change = true;
-                yield this._revalidate(CfgProductBubbleMode.ToRootAndBubbleSelected, productLoaderForGroupedLoad);
+                yield this._revalidate(CfgProductBubbleMode.ToRootAndBubbleSelected, productLoaderForGroupedLoad, true);
             }
             else if (change) {
-                yield this._notifyAllOfChange(CfgProductBubbleMode.ToRootAndBubbleSelected);
+                yield this._notifyAllOfChange(CfgProductBubbleMode.ToRootAndBubbleSelected, true);
             }
             const thisAdditionalProducts = this.additionalProducts;
             const otherAdditionalProducts = other.additionalProducts;
@@ -298,13 +268,12 @@ export class _CfgProductInternal {
          * product in isolation. The validation result is applied on the configuration. Then additional
          * products are synced (unloaded, loaded etc.) Finally the changes bubble up the tree.
          */
-        this._revalidate = (bubbleMode, productLoader) => __awaiter(this, void 0, void 0, function* () {
+        this._revalidate = (bubbleMode, productLoader, committed) => __awaiter(this, void 0, void 0, function* () {
             const { _configuration: configuration } = this;
             const token = this.loadingObservable.startChildLoading();
             this._revalidateInProgressToken = token;
             try {
                 const response = yield productLoader.postValidate(Object.assign(Object.assign({ lang: this.lang }, correctDefaultsOnCatalogueParams(this.catId)), { partNumber: this.partNumber }), { selOptions: configuration.getApiSelection() });
-                const requestDidValidate = response.validated;
                 // 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
@@ -313,7 +282,7 @@ export class _CfgProductInternal {
                 // of all, the heavy work happens on the server, and that work will not be
                 // cancelled even if we would cancel the call.
                 if (this._revalidateInProgressToken !== token) {
-                    return { wasAborted: true, requestDidValidate };
+                    return false;
                 }
                 // After a successful validate-call we will always assume there
                 // is a change. It would be possible to compare relevant parts
@@ -321,7 +290,7 @@ export class _CfgProductInternal {
                 // syndAndLoad, however the code comparing productData would be fragile
                 // and likely to break if new data-fields were added.
                 if (this._destroyed) {
-                    return { wasAborted: true, requestDidValidate };
+                    return false;
                 }
                 const { productData, rootFeatureRefs } = response;
                 const pricesUpdated = !comparePricesObjects(this.prices, productData.partsData.prices);
@@ -336,10 +305,10 @@ export class _CfgProductInternal {
                 yield configuration._internal.setApiSelection(productData.partsData.selOptions || [], false);
                 yield this._syncAndLoadAdditionalProducts(productLoader);
                 if (this._destroyed) {
-                    return { wasAborted: true, requestDidValidate };
+                    return false;
                 }
-                yield this._notifyAllOfChange(bubbleMode);
-                return { wasAborted: false, requestDidValidate };
+                yield this._notifyAllOfChange(bubbleMode, committed);
+                return true;
             }
             catch (e) {
                 throw e;
@@ -403,7 +372,7 @@ export class _CfgProductInternal {
                 this.loadingObservable.stopChildLoading(token);
             }
         });
-        this.root = root !== null && root !== void 0 ? root : this;
+        this.root = root || this;
         this.key = makeProductKey(catId, refKey || partNumber);
         this._selected = optional ? selected : undefined;
         this.isAdditionalProduct = parent !== undefined;
@@ -415,10 +384,9 @@ export class _CfgProductInternal {
     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(), this.refKey, this.refDescription, parent, root, this.transform, this.anchor, (_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.allRawFeatures, this.uuid, this._rawUnit, this._rawProductData, this.configuration.getApiSelection(), new AggregatedLoadingObservable(), this.refKey, this.refDescription, parent, root, this.transform, this.anchor);
             });
             for (const additionalProduct of this.additionalProducts) {
                 product.additionalProducts.push(CfgProduct._makeNewRefFrom(yield additionalProduct._internal.clone(product, root || product)));
@@ -497,7 +465,7 @@ export class _CfgProductInternal {
                 return false;
             }
             this._selected = v;
-            yield this._notifyAllOfChange(bubbleMode);
+            yield this._notifyAllOfChange(bubbleMode, true);
             return true;
         });
     }
@@ -530,62 +498,6 @@ export class _CfgProductInternal {
             ? this.visibleIfAdditionalProduct
             : this.visibleIfMainProduct;
     }
-    get syncGroupHandler() {
-        return this.root._syncGroupHandler;
-    }
-    get path() {
-        if (this.parent === undefined || this.refKey === undefined) {
-            return [];
-        }
-        return [...this.parent.path, "p", this.refKey];
-    }
-    getFromPath(path) {
-        path = path.slice();
-        const s = path.shift();
-        switch (s) {
-            case undefined:
-                return this;
-            case "p":
-                const refKey = path.shift();
-                const additionalProduct = this.additionalProducts.find((p) => p.refKey === refKey);
-                if (additionalProduct === undefined) {
-                    throw new Error(`Additional product not found "p, ${refKey}, ${path.join(", ")}"`);
-                }
-                return additionalProduct._internal.getFromPath(path);
-            case "c":
-                return this.configuration._internal.getFromPath(path);
-            default:
-                throw new Error(`Unexpected path segment ${s}`);
-        }
-    }
-    getProductFromPath(path) {
-        const p = this.getFromPath(path);
-        if (p instanceof _CfgProductInternal) {
-            return p;
-        }
-        throw new Error(`Path did not lead to a Product "${p.path.join(", ")}"`);
-    }
-    getProductConfigurationFromPath(path) {
-        const c = this.getFromPath(path);
-        if (c instanceof _CfgProductConfigurationInternal) {
-            return c;
-        }
-        throw new Error(`Path did not lead to a ProductConfiguration "${c.path.join(", ")}"`);
-    }
-    getFeatureFromPath(path) {
-        const f = this.getFromPath(path);
-        if (f instanceof _CfgFeatureInternal) {
-            return f;
-        }
-        throw new Error(`Path did not lead to a Feature "${f.path.join(", ")}"`);
-    }
-    getOptionFromPath(path) {
-        const o = this.getFromPath(path);
-        if (o instanceof _CfgOptionInternal) {
-            return o;
-        }
-        throw new Error(`Path did not lead to a Option "${o.path.join(", ")}"`);
-    }
 }
 _CfgProductInternal.make = (productLoaderRaw, productLoaderForGroupedLoad, // Used when instantiating the current product
 lang, catId, partNumber, settings, optional, loadingObservable, refKey, refDescription, parent, root, transform, anchor) => __awaiter(void 0, void 0, void 0, function* () {
@@ -594,7 +506,6 @@ lang, catId, partNumber, settings, optional, loadingObservable, refKey, refDescr
     // at this initial load.
     productLoaderForGroupedLoad =
         productLoaderForGroupedLoad || wrapWithCache(productLoaderRaw);
-    const syncGroupHandler = root === undefined ? SyncGroupsHandler.make(settings.syncGroupsApplyMode) : undefined;
     const productResponse = yield productLoaderForGroupedLoad.getProduct(Object.assign(Object.assign({ lang }, correctDefaultsOnCatalogueParams(catId)), { partNumber }));
     const { productData, rootFeatureRefs, features: allRawFeatures, uuid, unit, } = productResponse;
     const product = yield new Promise((initSuccess, initFail) => {
@@ -603,11 +514,9 @@ lang, catId, partNumber, settings, optional, loadingObservable, refKey, refDescr
             // 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, refKey, refDescription, parent, root, transform, anchor, syncGroupHandler);
+        }, initFail, productLoaderRaw, lang, catId, partNumber, settings, optional, !optional, rootFeatureRefs, allRawFeatures, uuid, unit, productData, productData.partsData.selOptions || [], loadingObservable, refKey, refDescription, parent, root, transform, anchor);
     });
     yield product._syncAndLoadAdditionalProducts(productLoaderForGroupedLoad);
-    // Product is guaranteed to be root
-    yield (syncGroupHandler === null || syncGroupHandler === void 0 ? void 0 : syncGroupHandler.init(product, productLoaderForGroupedLoad));
     return product;
 });
 export class CfgProduct {
@@ -649,6 +558,8 @@ export class CfgProduct {
          */
         this.getApiSelection = () => this._internal.getApiSelection();
         this.setApiSelection = (s, doValidate = false) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setApiSelection(s, doValidate); });
+        this.getApiSelectionAsString = () => this._internal.getApiSelectionAsString();
+        this.setFromApiSelectionString = (str, doValidate = false) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setFromApiSelectionString(str, doValidate); });
         this.listenForChange = (l) => this._internal.changeObservable.listen(l);
         this.stopListenForChange = (l) => this._internal.changeObservable.stopListen(l);
         this.stopAllListenForChange = () => this._internal.changeObservable.stopAllListen();
@@ -663,7 +574,7 @@ export class 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
+     * make a new outer reference. Like a shallow copy./ We use this to help frameworks that are
      * build around using equals to detect change.
      */
     static _makeNewRefFrom(source) {

package/dist/index.d.ts

@@ -1,5 +1,9 @@
 export * from "./CatalogueAPI.js";
 export * from "./CfgProduct.js";
+export * from "./io/CfgHistoryManager.js";
+export * from "./io/CfgHistoryToProdConfConnector.js";
+export * from "./io/CfgWindowMessageManager.js";
+export * from "./io/CfgWindowMessageToProdConfConnector.js";
 export * from "./material/CfgMaterialMapping.js";
 export * from "./material/CfgMtrlApplication.js";
 export * from "./material/CfgMtrlApplicationSource.js";
@@ -11,8 +15,6 @@ export * from "./productConfiguration/CfgProductConfiguration.js";
 export * from "./productConfiguration/filters.js";
 export * from "./productConfiguration/productParamsGenerator.js";
 export * from "./productLoader.js";
-export * from "./syncGroups/SyncGroupsApplyMode.js";
-export * from "./syncGroups/SyncGroupsHandler.js";
 export * from "./tasks/formats.js";
 export * from "./tasks/TaskHandler.js";
 export * from "./utilitiesCatalogueData.js";

package/dist/index.js

@@ -1,5 +1,9 @@
 export * from "./CatalogueAPI.js";
 export * from "./CfgProduct.js";
+export * from "./io/CfgHistoryManager.js";
+export * from "./io/CfgHistoryToProdConfConnector.js";
+export * from "./io/CfgWindowMessageManager.js";
+export * from "./io/CfgWindowMessageToProdConfConnector.js";
 export * from "./material/CfgMaterialMapping.js";
 export * from "./material/CfgMtrlApplication.js";
 export * from "./material/CfgMtrlApplicationSource.js";
@@ -11,8 +15,6 @@ export * from "./productConfiguration/CfgProductConfiguration.js";
 export * from "./productConfiguration/filters.js";
 export * from "./productConfiguration/productParamsGenerator.js";
 export * from "./productLoader.js";
-export * from "./syncGroups/SyncGroupsApplyMode.js";
-export * from "./syncGroups/SyncGroupsHandler.js";
 export * from "./tasks/formats.js";
 export * from "./tasks/TaskHandler.js";
 export * from "./utilitiesCatalogueData.js";

package/dist/io/CfgHistoryManager.d.ts

@@ -0,0 +1,30 @@
+import { CfgIOManager } from "./CfgIOManager.js";
+export declare type CfgHistoryManagerSendData<D> = {
+    message: D;
+    qsKeyValues: Map<string, string | undefined> | undefined;
+};
+/**
+ * Instantiating the class will use the history api to update your
+ * url with configuration changes
+ * Only handles configuration, not product
+ */
+export declare class CfgHistoryManager<D extends {
+    initial: boolean;
+}> extends CfgIOManager<"popstate", CfgHistoryManagerSendData<D>> {
+    private readonly _useHistoryPush;
+    /**
+     * @param _useHistoryPush As opposed to replace. Push makes the web browser navigation buttons navigate configuration changes. Replace just updates the URL.
+     */
+    constructor(_useHistoryPush: boolean);
+    protected doSend(messageKey: string, data: CfgHistoryManagerSendData<D>): void;
+    private static _makeUpdatedUrl;
+    private static _makeUpdatedQueryString;
+    /**
+     * @returns The current query string as a Map
+     */
+    static _currentQsKeyValues(): Map<string, string>;
+    private static _makeUpdatedState;
+    protected readonly eventType = "popstate";
+    protected getDataFromEvent(event: PopStateEvent): unknown;
+}
+//# sourceMappingURL=CfgHistoryManager.d.ts.map

package/dist/io/CfgHistoryManager.js

@@ -0,0 +1,62 @@
+import { mapQueryString, unmapQueryString } from "@configura/web-utilities";
+import { CfgIOManager } from "./CfgIOManager.js";
+/**
+ * Instantiating the class will use the history api to update your
+ * url with configuration changes
+ * Only handles configuration, not product
+ */
+export class CfgHistoryManager extends CfgIOManager {
+    /**
+     * @param _useHistoryPush As opposed to replace. Push makes the web browser navigation buttons navigate configuration changes. Replace just updates the URL.
+     */
+    constructor(_useHistoryPush) {
+        super();
+        this._useHistoryPush = _useHistoryPush;
+        this.eventType = "popstate";
+    }
+    doSend(messageKey, data) {
+        const { qsKeyValues, message } = data;
+        const newUrl = qsKeyValues === undefined ? null : CfgHistoryManager._makeUpdatedUrl(qsKeyValues);
+        const newState = CfgHistoryManager._makeUpdatedState(message, messageKey);
+        if (!message.initial && this._useHistoryPush) {
+            window.history.pushState(newState, "", newUrl);
+        }
+        else {
+            window.history.replaceState(newState, "", newUrl);
+        }
+    }
+    static _makeUpdatedUrl(qsKeyValues) {
+        const qs = this._makeUpdatedQueryString(qsKeyValues);
+        return `${window.location.origin}${window.location.pathname}${qs ? "?" : ""}${qs}${window.location.hash}`;
+    }
+    static _makeUpdatedQueryString(qsKeyValues) {
+        const currentKeyValues = this._currentQsKeyValues();
+        for (const [key, value] of qsKeyValues) {
+            if (value === undefined) {
+                currentKeyValues.delete(key);
+            }
+            else {
+                currentKeyValues.set(key, value);
+            }
+        }
+        return unmapQueryString(currentKeyValues);
+    }
+    /**
+     * @returns The current query string as a Map
+     */
+    static _currentQsKeyValues() {
+        return mapQueryString(window.location.search);
+    }
+    static _makeUpdatedState(message, messageKey) {
+        let messages = {};
+        const currentState = window.history.state;
+        if (CfgIOManager.isIOContainer(currentState)) {
+            messages = currentState.messages;
+        }
+        messages[messageKey] = message;
+        return CfgIOManager.makeContainer(messages);
+    }
+    getDataFromEvent(event) {
+        return event.state;
+    }
+}

package/dist/io/CfgHistoryToProdConfConnector.d.ts

@@ -0,0 +1,10 @@
+import { CfgHistoryManager, CfgHistoryManagerSendData } from "./CfgHistoryManager.js";
+import { CfgIOProdConfConnector, CfgProdConfMessage } from "./CfgIOProdConfConnector.js";
+export declare const STAGE_PROD_CONF_MESSAGE_KEY = "stageprodconf";
+export declare class CfgHistoryToProdConfConnector extends CfgIOProdConfConnector<"popstate", CfgHistoryManagerSendData<CfgProdConfMessage>, CfgHistoryManager<CfgProdConfMessage>> {
+    private readonly _qsKey;
+    constructor(manager: CfgHistoryManager<CfgProdConfMessage>, _qsKey?: string, doValidate?: boolean);
+    protected getInitialProdConf(): string | undefined;
+    protected makeSendData(prodConfAsString: string, initial: boolean): CfgHistoryManagerSendData<CfgProdConfMessage>;
+}
+//# sourceMappingURL=CfgHistoryToProdConfConnector.d.ts.map