@configura/web-api 3.0.0-alpha.1 → 3.0.0-alpha.3

package/dist/syncGroups/SyncGroupsTransaction.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { assert } from "@configura/web-utilities";
 import { CfgProductBubbleMode } from "../CfgProduct.js";
 import { SelectionType, } from "../productConfiguration/CfgFeature.js";
@@ -57,11 +48,9 @@ export class SyncGroupsTransaction {
         this.target = target;
         this.initial = initial;
     }
-    static make(syncState, updateMode, product, productLoader, assumeNoStartState) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const t = new this(syncState, updateMode, productLoader, product, yield product.clone(), assumeNoStartState ? undefined : yield product.clone());
-            return t;
-        });
+    static async make(syncState, updateMode, product, productLoader, assumeNoStartState) {
+        const t = new this(syncState, updateMode, productLoader, product, await product.clone(), assumeNoStartState ? undefined : await product.clone());
+        return t;
     }
     /************************************************************************
      * Public API (intentionally limited)
@@ -79,59 +68,55 @@ export class SyncGroupsTransaction {
      * but as this method will hand over to applyProduct if it updates the SyncState it can cause
      * the Features to change. And we need to pass that information back to know when to stop.
      */
-    applyRootProduct() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const productWithInitial = { target: this.target, initial: this.initial };
-            if (!(yield this.applyProduct(productWithInitial))) {
-                // All done!
-                return false;
-            }
-            return yield this.updateRootProduct(undefined);
-        });
+    async applyRootProduct() {
+        const productWithInitial = { target: this.target, initial: this.initial };
+        if (!(await this.applyProduct(productWithInitial))) {
+            // All done!
+            return false;
+        }
+        return await this.updateRootProduct(undefined);
     }
     /**
      * This is the entry point for an active (often user) selection of an option.
      */
-    selectOption(optionPath, on) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const option = SyncGroupsPathHelper.getOptionFromPath(optionPath, this.target);
-            const feature = option.parent;
-            let change = false;
-            let productToValidate = undefined;
-            // At this point in handling sync groups we go back to normal selecting.
-            //
-            // This is because a normal selection can bring features into scope which should push to or
-            // (if the SyncGroup is defined) pull from the Sync State.
-            //
-            // We use BubbleSelected (without validation) as we can delay the validation until after we
-            // have applied the SyncGroup (if any).
-            if (yield feature.selectOption(option, on, ProductConfigurationBubbleMode.BubbleSelected)) {
-                productToValidate = feature.parentProduct;
-                change = true;
-                switch (feature.selectionType) {
-                    case SelectionType.SelectOne:
-                        this.affectedSelectOneFeatures.set(feature, AffectedLevel.Set);
-                        break;
-                    case SelectionType.SelectMany:
-                        this.affectedSelectManyOptions.add(option);
-                        break;
-                    default:
-                        throw new Error("Should not happen");
-                }
-            }
+    async selectOption(optionPath, on) {
+        const option = SyncGroupsPathHelper.getOptionFromPath(optionPath, this.target);
+        const feature = option.parent;
+        let change = false;
+        let productToValidate = undefined;
+        // At this point in handling sync groups we go back to normal selecting.
+        //
+        // This is because a normal selection can bring features into scope which should push to or
+        // (if the SyncGroup is defined) pull from the Sync State.
+        //
+        // We use BubbleSelected (without validation) as we can delay the validation until after we
+        // have applied the SyncGroup (if any).
+        if (await feature.selectOption(option, on, ProductConfigurationBubbleMode.BubbleSelected)) {
+            productToValidate = feature.parentProduct;
+            change = true;
             switch (feature.selectionType) {
                 case SelectionType.SelectOne:
-                    this.applySelectOneFeature(feature, true, false);
+                    this.affectedSelectOneFeatures.set(feature, AffectedLevel.Set);
                     break;
                 case SelectionType.SelectMany:
-                    this.applySelectManyOption(option, true);
+                    this.affectedSelectManyOptions.add(option);
                     break;
+                default:
+                    throw new Error("Should not happen");
             }
-            if (yield this.updateRootProduct(productToValidate)) {
-                change = true;
-            }
-            return change;
-        });
+        }
+        switch (feature.selectionType) {
+            case SelectionType.SelectOne:
+                this.applySelectOneFeature(feature, true, false);
+                break;
+            case SelectionType.SelectMany:
+                this.applySelectManyOption(option, true);
+                break;
+        }
+        if (await this.updateRootProduct(productToValidate)) {
+            change = true;
+        }
+        return change;
     }
     /**
      * Overwrites the original Product and SyncGroupState (supplied when creating the Transaction)
@@ -139,12 +124,10 @@ export class SyncGroupsTransaction {
      *
      * @throws error if the transaction has already been closed.
      */
-    commit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            assert(this.isClosed === false, "Trying to commit a closed Transaction");
-            this.originalSyncState.copyFrom(this.syncState);
-            yield this.originalProduct.copyFrom(this.target, false, this.productLoader);
-        });
+    async commit() {
+        assert(this.isClosed === false, "Trying to commit a closed Transaction");
+        this.originalSyncState.copyFrom(this.syncState);
+        await this.originalProduct.copyFrom(this.target, false, this.productLoader);
     }
     /************************************************************************
      * Updating things with the Transaction's SyncState
@@ -153,81 +136,76 @@ export class SyncGroupsTransaction {
      * Apply current sync groups on those who wants to listen until there is no more to settle.
      * @returns true if at least one Feature changed selected Option
      */
-    updateRootProduct(productToValidate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const productsToValidate = new Set();
-            if (productToValidate !== undefined) {
-                productsToValidate.add(productToValidate);
-            }
-            const productWithInitial = { target: this.target, initial: this.initial };
-            yield this.updateProduct(productWithInitial, productsToValidate);
-            if (productsToValidate.size === 0) {
-                // All have been settled, continue to pullPhase
-                return yield this.applyRootProduct();
-            }
-            if (this.isClosed) {
-                // We could exit in more places when the transaction has been aborted, but as
-                // revalidate is really the only thing that could be expensive time consuming we only
-                // check here.
-                return false;
-            }
-            const promises = [];
-            for (const product of productsToValidate) {
-                promises.push(product._revalidate(CfgProductBubbleMode.ToRoot, this.productLoader, true));
-            }
-            const revalidationResults = yield Promise.all(promises);
-            if (revalidationResults.every((r) => !r)) {
-                this.close();
-                return false;
-            }
-            // Apply over again, to settle deeper down. Our theory is that the front of "settled" will
-            // move deeper and deeper into the tree.
-            yield this.updateRootProduct(undefined);
-            // We had productsToValidate, and so there must have been a change.
-            return true;
-        });
+    async updateRootProduct(productToValidate) {
+        const productsToValidate = new Set();
+        if (productToValidate !== undefined) {
+            productsToValidate.add(productToValidate);
+        }
+        const productWithInitial = { target: this.target, initial: this.initial };
+        await this.updateProduct(productWithInitial, productsToValidate);
+        if (productsToValidate.size === 0) {
+            // All have been settled, continue to pullPhase
+            return await this.applyRootProduct();
+        }
+        if (this.isClosed) {
+            // We could exit in more places when the transaction has been aborted, but as
+            // revalidate is really the only thing that could be expensive time consuming we only
+            // check here.
+            return false;
+        }
+        let anyChanges = false;
+        for (const product of productsToValidate) {
+            anyChanges =
+                (await product._revalidate(CfgProductBubbleMode.ToRoot, this.productLoader, true)) || anyChanges;
+            const diff = product.takeDiff();
+            if (diff)
+                this.applyFromDiff(diff);
+        }
+        if (!anyChanges) {
+            this.close();
+            return false;
+        }
+        // Apply over again, to settle deeper down. Our theory is that the front of "settled" will
+        // move deeper and deeper into the tree.
+        await this.updateRootProduct(undefined);
+        // We had productsToValidate, and so there must have been a change.
+        return true;
     }
     /**
      * Applies the SyncState to the Product and it's AdditionalProducts (sub-products).
      * @param productsToValidate To this all products that will need validation are added.
      */
-    updateProduct(product, productsToValidate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const promises = [];
-            promises.push(this.updateFeatures(getFeaturesFromProduct(product), productsToValidate));
-            for (const additionalProduct of getAdditionalProducts(product)) {
-                promises.push(this.updateProduct(additionalProduct, productsToValidate));
-            }
-            yield Promise.all(promises);
-        });
+    async updateProduct(product, productsToValidate) {
+        const promises = [];
+        promises.push(this.updateFeatures(getFeaturesFromProduct(product), productsToValidate));
+        for (const additionalProduct of getAdditionalProducts(product)) {
+            promises.push(this.updateProduct(additionalProduct, productsToValidate));
+        }
+        await Promise.all(promises);
     }
     /**
      * Applies the SyncState to an array of Features.
      * @param productsToValidate To this all products that will need validation are added.
      */
-    updateFeatures(features, productsToValidate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.all(features.map((feature) => __awaiter(this, void 0, void 0, function* () {
-                switch (yield this.updateFeature(feature, productsToValidate)) {
-                    case "stop":
-                        return;
-                    case "recurseDown":
-                        yield this.updateOptions(getSelectedOptions(feature), productsToValidate);
-                        return;
-                }
-            })));
-        });
+    async updateFeatures(features, productsToValidate) {
+        await Promise.all(features.map(async (feature) => {
+            switch (await this.updateFeature(feature, productsToValidate)) {
+                case "stop":
+                    return;
+                case "recurseDown":
+                    await this.updateOptions(getSelectedOptions(feature), productsToValidate);
+                    return;
+            }
+        }));
     }
     /**
      * Applies the SyncState to an array of Options.
      * @param productsToValidate To this all products that will need validation are added.
      */
-    updateOptions(options, productsToValidate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.all(options.map((option) => {
-                return this.updateFeatures(getFeaturesFromOption(option), productsToValidate);
-            }));
-        });
+    async updateOptions(options, productsToValidate) {
+        await Promise.all(options.map((option) => {
+            return this.updateFeatures(getFeaturesFromOption(option), productsToValidate);
+        }));
     }
     /**
      * Applies the SyncState to a Feature
@@ -235,30 +213,28 @@ export class SyncGroupsTransaction {
      * @returns Whether we shall stop recursing down (because we are in a state which we
      * expect to be resolved later), we shall continue recursing down.
      */
-    updateFeature(featureWithInitial, productsToValidate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const feature = featureWithInitial.target;
-            const syncCode = feature.getSyncCode("pull");
-            if (syncCode === undefined) {
-                // Just continue down, features with no sync groups are always settled
+    async updateFeature(featureWithInitial, productsToValidate) {
+        const feature = featureWithInitial.target;
+        const syncCode = feature.getSyncCode("pull");
+        if (syncCode === undefined) {
+            // Just continue down, features with no sync groups are always settled
+            return "recurseDown";
+        }
+        if (syncCode === false) {
+            // Here we only handle pull. Initializing those missing in SyncMap
+            // we do later. We wait until we have settled as much as we can with what
+            // we have now, to increase chances of the values being written to the
+            // SyncState being the right ones.
+            return "stop";
+        }
+        switch (feature.selectionType) {
+            case SelectionType.Group:
                 return "recurseDown";
-            }
-            if (syncCode === false) {
-                // Here we only handle pull. Initializing those missing in SyncMap
-                // we do later. We wait until we have settled as much as we can with what
-                // we have now, to increase chances of the values being written to the
-                // SyncState being the right ones.
-                return "stop";
-            }
-            switch (feature.selectionType) {
-                case SelectionType.Group:
-                    return "recurseDown";
-                case SelectionType.SelectOne:
-                    return yield this.updateSelectOneFeature(syncCode, featureWithInitial, productsToValidate);
-                case SelectionType.SelectMany:
-                    return yield this.updateSelectManyFeature(syncCode, featureWithInitial, productsToValidate);
-            }
-        });
+            case SelectionType.SelectOne:
+                return await this.updateSelectOneFeature(syncCode, featureWithInitial, productsToValidate);
+            case SelectionType.SelectMany:
+                return await this.updateSelectManyFeature(syncCode, featureWithInitial, productsToValidate);
+        }
     }
     /**
      * Decides if the SyncState can be applied to the SelectOne Feature, and then changes
@@ -268,48 +244,46 @@ export class SyncGroupsTransaction {
      * @returns Whether we shall stop recursing down (because we are in a state which we
      * expect to be resolved later), we shall continue recursing down.
      */
-    updateSelectOneFeature(syncCode, featureWithInitial, productsToValidate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const feature = featureWithInitial.target;
-            const featureDidJustComeIntoScope = featureWithInitial.initial === undefined;
-            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 && !syncGroupHasBeenUpdated) {
-                return "recurseDown";
-            }
-            const currentSyncGroupValue = this.syncState.getForSelectOne(syncCode);
-            if (currentSyncGroupValue === undefined) {
-                // This branch will have to be settled later. Don't go further down here.
-                return "stop";
-            }
-            const selectedOption = feature.selectedOptions[0];
-            if (selectedOption !== undefined && selectedOption.code === currentSyncGroupValue) {
-                // Settled, continue
-                return "recurseDown";
-            }
-            const optionToSelect = feature.options.find((o) => o.code === currentSyncGroupValue);
-            if (optionToSelect === undefined) {
-                // No option which can be selected (keep current value and recurse down)
-                return "recurseDown";
-            }
-            // Update the value. Validations are collected so that we do not send more than necessary.
-            // 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.set(feature, syncGroupHasBeenUpdated ? AffectedLevel.Set : AffectedLevel.Initialized);
-            productsToValidate.add(feature.parentProduct);
+    async updateSelectOneFeature(syncCode, featureWithInitial, productsToValidate) {
+        const feature = featureWithInitial.target;
+        const featureDidJustComeIntoScope = featureWithInitial.initial === undefined;
+        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 && !syncGroupHasBeenUpdated) {
+            return "recurseDown";
+        }
+        const currentSyncGroupValue = this.syncState.getForSelectOne(syncCode);
+        if (currentSyncGroupValue === undefined) {
+            // This branch will have to be settled later. Don't go further down here.
             return "stop";
-        });
+        }
+        const selectedOption = feature.selectedOptions[0];
+        if (selectedOption !== undefined && selectedOption.code === currentSyncGroupValue) {
+            // Settled, continue
+            return "recurseDown";
+        }
+        const optionToSelect = feature.options.find((o) => o.code === currentSyncGroupValue);
+        if (optionToSelect === undefined) {
+            // No option which can be selected (keep current value and recurse down)
+            return "recurseDown";
+        }
+        // Update the value. Validations are collected so that we do not send more than necessary.
+        // Do not recurse further as we will change the state and so what is selected now won't be
+        // selected then.
+        await feature.selectOption(optionToSelect._internal, true, ProductConfigurationBubbleMode.ToRoot);
+        this.affectedSelectOneFeatures.set(feature, syncGroupHasBeenUpdated ? AffectedLevel.Set : AffectedLevel.Initialized);
+        productsToValidate.add(feature.parentProduct);
+        return "stop";
     }
     /**
      * Decides if the SyncState can be applied to Options in the SelectMany Feature, and
@@ -318,22 +292,20 @@ export class SyncGroupsTransaction {
      * @param productsToValidate To this all products that will need validation are added
      * @returns Always "stop" as recursion is handled internally. Return for consistency.
      */
-    updateSelectManyFeature(syncCode, feature, productsToValidate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const optionsToContinueDown = [];
-            for (const option of getOptions(feature)) {
-                switch (yield this.updateSelectManyOption(syncCode, option, productsToValidate)) {
-                    case "stop":
-                        continue;
-                    case "recurseDown":
-                        optionsToContinueDown.push(option);
-                        continue;
-                }
+    async updateSelectManyFeature(syncCode, feature, productsToValidate) {
+        const optionsToContinueDown = [];
+        for (const option of getOptions(feature)) {
+            switch (await this.updateSelectManyOption(syncCode, option, productsToValidate)) {
+                case "stop":
+                    continue;
+                case "recurseDown":
+                    optionsToContinueDown.push(option);
+                    continue;
             }
-            yield this.updateOptions(optionsToContinueDown, productsToValidate);
-            // stop as the method above handles the recursion down
-            return "stop";
-        });
+        }
+        await this.updateOptions(optionsToContinueDown, productsToValidate);
+        // stop as the method above handles the recursion down
+        return "stop";
     }
     /**
      * Decides if the SyncState can be applied to the SelectMany Option, and then changes
@@ -343,108 +315,100 @@ export class SyncGroupsTransaction {
      * @returns Whether we shall stop recursing down (because we are in a state which we
      * expect to be resolved later), we shall continue recursing down.
      */
-    updateSelectManyOption(syncCode, optionWithInitial, productsToValidate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const option = optionWithInitial.target;
-            const featureDidJustComeIntoScope = optionWithInitial.initial === undefined;
-            const optionSelected = option.selected;
-            const recurseOrStopIfNoChange = optionSelected ? "recurseDown" : "stop";
-            if (this.affectedSelectManyOptions.has(option)) {
-                // This option 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.
-                return recurseOrStopIfNoChange;
-            }
-            if (!featureDidJustComeIntoScope &&
-                !this.hasSyncGroupAffectedForSelectMany(syncCode, option)) {
-                return "recurseDown";
-            }
-            const syncGroupValueForOption = this.syncState.getForSelectMany(syncCode, option.code);
-            if (syncGroupValueForOption === undefined) {
-                // The sync group has no opinion on this. If it is selected, just continue down.
-                return recurseOrStopIfNoChange;
-            }
-            if (syncGroupValueForOption === optionSelected) {
-                // We are in sync for this option
-                return recurseOrStopIfNoChange;
-            }
-            const feature = option.parent;
-            // Update the value. Validations are collected so that we do not
-            // send more than necessary. Do not recurse further as we will change
-            // the state and so what is selected now won't be selected then.
-            yield feature.selectOption(option, syncGroupValueForOption, ProductConfigurationBubbleMode.ToRoot);
-            this.affectedSelectManyOptions.add(option);
-            productsToValidate.add(feature.parentProduct);
-            return "stop";
-        });
+    async updateSelectManyOption(syncCode, optionWithInitial, productsToValidate) {
+        const option = optionWithInitial.target;
+        const featureDidJustComeIntoScope = optionWithInitial.initial === undefined;
+        const optionSelected = option.selected;
+        const recurseOrStopIfNoChange = optionSelected ? "recurseDown" : "stop";
+        if (this.affectedSelectManyOptions.has(option)) {
+            // This option 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.
+            return recurseOrStopIfNoChange;
+        }
+        if (!featureDidJustComeIntoScope &&
+            !this.hasSyncGroupAffectedForSelectMany(syncCode, option)) {
+            return "recurseDown";
+        }
+        const syncGroupValueForOption = this.syncState.getForSelectMany(syncCode, option.code);
+        if (syncGroupValueForOption === undefined) {
+            // The sync group has no opinion on this. If it is selected, just continue down.
+            return recurseOrStopIfNoChange;
+        }
+        if (syncGroupValueForOption === optionSelected) {
+            // We are in sync for this option
+            return recurseOrStopIfNoChange;
+        }
+        const feature = option.parent;
+        // Update the value. Validations are collected so that we do not
+        // send more than necessary. Do not recurse further as we will change
+        // the state and so what is selected now won't be selected then.
+        await feature.selectOption(option, syncGroupValueForOption, ProductConfigurationBubbleMode.ToRoot);
+        this.affectedSelectManyOptions.add(option);
+        productsToValidate.add(feature.parentProduct);
+        return "stop";
     }
     /************************************************************************
      * Applying things to the Transaction's SyncState
      ************************************************************************/
-    applyProduct(product) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let change = false;
-            if (yield this.applyFeatures(getFeaturesFromProduct(product))) {
+    async applyProduct(product) {
+        let change = false;
+        if (await this.applyFeatures(getFeaturesFromProduct(product))) {
+            if (this.updateMode === SyncGroupsApplyMode.Strict) {
+                return true;
+            }
+            change = true;
+        }
+        for (const additionalProduct of getAdditionalProducts(product)) {
+            if (await this.applyProduct(additionalProduct)) {
                 if (this.updateMode === SyncGroupsApplyMode.Strict) {
                     return true;
                 }
                 change = true;
             }
-            for (const additionalProduct of getAdditionalProducts(product)) {
-                if (yield this.applyProduct(additionalProduct)) {
-                    if (this.updateMode === SyncGroupsApplyMode.Strict) {
-                        return true;
+        }
+        return change;
+    }
+    async applyFeatures(featureWithInitials) {
+        let change = false;
+        for (const featureWithInitial of featureWithInitials) {
+            const feature = featureWithInitial.target;
+            switch (feature.selectionType) {
+                case SelectionType.SelectOne:
+                    if (this.applySelectOneFeature(feature, false, featureWithInitial.initial === undefined)) {
+                        change = true;
                     }
-                    change = true;
-                }
+                    break;
+                case SelectionType.SelectMany:
+                    if (this.applySelectManyFeature(featureWithInitial)) {
+                        change = true;
+                    }
+                    break;
             }
-            return change;
-        });
-    }
-    applyFeatures(featureWithInitials) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let change = false;
-            for (const featureWithInitial of featureWithInitials) {
-                const feature = featureWithInitial.target;
-                switch (feature.selectionType) {
-                    case SelectionType.SelectOne:
-                        if (this.applySelectOneFeature(feature, false, featureWithInitial.initial === undefined)) {
-                            change = true;
-                        }
-                        break;
-                    case SelectionType.SelectMany:
-                        if (this.applySelectManyFeature(featureWithInitial)) {
-                            change = true;
-                        }
-                        break;
-                }
-                if (change && this.updateMode === SyncGroupsApplyMode.Strict) {
+            if (change && this.updateMode === SyncGroupsApplyMode.Strict) {
+                return true;
+            }
+            if (await this.applyOptions(getSelectedOptions(featureWithInitial))) {
+                if (this.updateMode === SyncGroupsApplyMode.Strict) {
                     return true;
                 }
-                if (yield this.applyOptions(getSelectedOptions(featureWithInitial))) {
-                    if (this.updateMode === SyncGroupsApplyMode.Strict) {
-                        return true;
-                    }
-                    change = true;
-                }
+                change = true;
             }
-            return change;
-        });
+        }
+        return change;
     }
-    applyOptions(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let change = false;
-            for (const option of options) {
-                if (yield this.applyFeatures(getFeaturesFromOption(option))) {
-                    if (this.updateMode === SyncGroupsApplyMode.Strict) {
-                        return true;
-                    }
-                    change = true;
+    async applyOptions(options) {
+        let change = false;
+        for (const option of options) {
+            if (await this.applyFeatures(getFeaturesFromOption(option))) {
+                if (this.updateMode === SyncGroupsApplyMode.Strict) {
+                    return true;
                 }
+                change = true;
             }
-            return change;
-        });
+        }
+        return change;
     }
     applySelectOneFeature(feature, userInitiated, featureDidJustComeIntoScope) {
         const selectionType = feature.selectionType;
@@ -525,6 +489,44 @@ export class SyncGroupsTransaction {
         this.syncState.setForSelectMany(syncCode, option.code, optionSelected);
         return true;
     }
+    /**
+     * Applies the given diff to the transaction's sync state.
+     */
+    applyFromDiff(diffs) {
+        for (const diff of diffs) {
+            this.applyNewStateFor(diff);
+        }
+    }
+    /**
+     * Applies the new state for the given option to the transaction's sync state.
+     */
+    applyNewStateFor(option) {
+        const feature = option.parent;
+        const syncCode = feature.getSyncCode("push");
+        if (syncCode === undefined || syncCode === false)
+            return false;
+        switch (feature.selectionType) {
+            case SelectionType.SelectOne: {
+                if (this.affectedSelectOneSyncGroups.has(syncCode)) {
+                    return false;
+                }
+                this.affectedSelectOneSyncGroups.add(syncCode);
+                this.syncState.setForSelectOne(syncCode, option.code);
+                return true;
+            }
+            case SelectionType.SelectMany: {
+                if (this.hasSyncGroupAffectedForSelectMany(syncCode, option)) {
+                    return false;
+                }
+                this.addSyncGroupAffectedForSelectMany(syncCode, option);
+                this.syncState.setForSelectMany(syncCode, option.code, option.selected);
+                return true;
+            }
+            case SelectionType.Group:
+                console.warn("No state to update for group: ", option.code);
+                return false;
+        }
+    }
     addSyncGroupAffectedForSelectMany(syncCode, option) {
         let forSyncCode = this.affectedSelectManySyncGroupsAndOptions.get(syncCode);
         if (forSyncCode === undefined) {
@@ -534,9 +536,60 @@ export class SyncGroupsTransaction {
         forSyncCode.add(option.code);
     }
     hasSyncGroupAffectedForSelectMany(syncCode, option) {
-        var _a;
-        return ((_a = this.affectedSelectManySyncGroupsAndOptions.get(syncCode)) === null || _a === void 0 ? void 0 : _a.has(option.code)) === true;
+        return this.affectedSelectManySyncGroupsAndOptions.get(syncCode)?.has(option.code) === true;
+    }
+}
+/************************************************************************
+ * Product diffing
+ ************************************************************************/
+/**
+ * Finds all options that have changed in the new product compared to the original product.
+ *
+ * This is used to determine which options need to be updated in the sync state.
+ */
+export function generateSelectionDiff(originalProduct, newProduct) {
+    const diff = generateFeaturesDiff(getFeaturesFromProduct({ initial: originalProduct, target: newProduct }));
+    return diff.length ? diff : null;
+}
+function generateFeaturesDiff(features) {
+    const changed = [];
+    for (const feature of features) {
+        switch (feature.target.selectionType) {
+            case SelectionType.SelectOne: {
+                const option = generateDiffForSelectOne(feature);
+                if (option)
+                    changed.push(option);
+                break;
+            }
+            case SelectionType.SelectMany:
+                changed.push(...generateDiffForSelectMany(feature));
+                break;
+        }
+        for (const option of getSelectedOptions(feature)) {
+            changed.push(...generateFeaturesDiff(getFeaturesFromOption(option)));
+        }
+    }
+    return changed;
+}
+function generateDiffForSelectOne({ initial, target, }) {
+    if (!target.getSyncCode("push"))
+        return null;
+    const selected = target.selectedOptions[0];
+    if (selected && initial?.selectedOptions?.[0]?.code !== selected.code) {
+        return selected._internal;
+    }
+    return null;
+}
+function generateDiffForSelectMany(feature) {
+    const changed = [];
+    if (!feature.target.getSyncCode("push"))
+        return changed;
+    for (const { initial, target } of getOptions(feature)) {
+        if (initial?.selected !== target.selected) {
+            changed.push(target);
+        }
     }
+    return changed;
 }
 function getAdditionalProducts(product) {
     const initial = product.initial;
@@ -544,46 +597,42 @@ function getAdditionalProducts(product) {
         .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);
+        const childInitial = initial?.additionalProducts.find((p) => refKey === p.refKey);
         return {
             target: childTarget._internal,
-            initial: childInitial === null || childInitial === void 0 ? void 0 : childInitial._internal,
+            initial: childInitial?._internal,
         };
     });
 }
 function pairOptions(targets, initials) {
     return targets.map((childTarget) => {
         const key = childTarget.key;
-        const childInitial = initials === null || initials === void 0 ? void 0 : initials.find((o) => key === o.key);
+        const childInitial = initials?.find((o) => key === o.key);
         return {
             target: childTarget._internal,
-            initial: childInitial === null || childInitial === void 0 ? void 0 : childInitial._internal,
+            initial: childInitial?._internal,
         };
     });
 }
 function getSelectedOptions(feature) {
-    var _a;
-    return pairOptions(feature.target.selectedOptions, (_a = feature.initial) === null || _a === void 0 ? void 0 : _a.selectedOptions);
+    return pairOptions(feature.target.selectedOptions, feature.initial?.selectedOptions);
 }
 function getOptions(feature) {
-    var _a;
-    return pairOptions(feature.target.options, (_a = feature.initial) === null || _a === void 0 ? void 0 : _a.options);
+    return pairOptions(feature.target.options, feature.initial?.options);
 }
 function pairFeatures(targets, initials) {
     return targets.map((childTarget) => {
         const code = childTarget.code;
-        const childInitial = initials === null || initials === void 0 ? void 0 : initials.find((f) => code === f.code);
+        const childInitial = initials?.find((f) => code === f.code);
         return {
             target: childTarget._internal,
-            initial: childInitial === null || childInitial === void 0 ? void 0 : childInitial._internal,
+            initial: childInitial?._internal,
         };
     });
 }
 function getFeaturesFromProduct(product) {
-    var _a;
-    return pairFeatures(product.target.configuration.features, (_a = product.initial) === null || _a === void 0 ? void 0 : _a.configuration.features);
+    return pairFeatures(product.target.configuration.features, product.initial?.configuration.features);
 }
 function getFeaturesFromOption(option) {
-    var _a;
-    return pairFeatures(option.target.features, (_a = option.initial) === null || _a === void 0 ? void 0 : _a.getFeaturesOutsideSync());
+    return pairFeatures(option.target.features, option.initial?.getFeaturesOutsideSync());
 }