@orderingstack/front-components-product-configurator 1.3.5 → 1.4.0

package/dist/index.es.js

@@ -6022,14 +6022,12 @@ function isEqual(value, other) {
 const propertyToEncode = ["id", "selCtx", "fltCtx"];
 const CHAR_TO_REPLACE = ".";
 const REPLACEMENT_CHAR = "#dot";
-const DASH_CHAR_TO_REPLACE = "-";
-const DASH_REPLACEMENT_CHAR = "#dash";
 const FIX_NUMBER_PREFIX = "#FIX_NUMBER";
 const encodeProduct = (product) => {
   return iterateOverObject(cloneDeep(product), encodeValue);
 };
 const replaceIn = (value) => {
-  const replaced = value.replaceAll(CHAR_TO_REPLACE, REPLACEMENT_CHAR).replaceAll(DASH_CHAR_TO_REPLACE, DASH_REPLACEMENT_CHAR);
+  const replaced = value.replaceAll(CHAR_TO_REPLACE, REPLACEMENT_CHAR);
   if (/^\d+$/.test(replaced)) {
     return `${FIX_NUMBER_PREFIX}${replaced}`;
   } else {
@@ -6037,7 +6035,7 @@ const replaceIn = (value) => {
   }
 };
 const replaceOut = (value) => {
-  return value.replaceAll(REPLACEMENT_CHAR, CHAR_TO_REPLACE).replaceAll(DASH_REPLACEMENT_CHAR, DASH_CHAR_TO_REPLACE).replaceAll(FIX_NUMBER_PREFIX, "");
+  return value.replaceAll(REPLACEMENT_CHAR, CHAR_TO_REPLACE).replaceAll(FIX_NUMBER_PREFIX, "");
 };
 const encodeValue = (key, value) => {
   return codeValue(key, value, replaceIn);
@@ -8685,6 +8683,60 @@ function useValidate() {
     isInputCounterIncrementEnabled: isInputCounterIncrementEnabled2
   };
 }
+const addProductToState = (selected, setValue) => {
+  Object.keys(selected).forEach((selCtx) => {
+    setValue(`selected.${selCtx}`, selected[selCtx]);
+  });
+};
+const removeProductFromState = (selCtx, getValues, setValue) => {
+  const changedSelCtx = getValues(`selected.${selCtx}`);
+  setValue(
+    `selected.${selCtx}`,
+    Object.keys(changedSelCtx).reduce((acc, key) => {
+      acc[key] = false;
+      return acc;
+    }, {})
+  );
+};
+const selectUnselectProduct = (setValue, getValues, items, isChecked, state) => {
+  const { selected = {} } = state || {};
+  if (isChecked) {
+    addProductToState(selected, setValue);
+    const checkSubProducts = (items2) => {
+      if (!Array.isArray(items2))
+        return;
+      items2.map((product) => {
+        if (product.state && "selected" in product.state) {
+          const {
+            state: { selected: selected2 }
+          } = product;
+          addProductToState(selected2, setValue);
+        }
+        if (Array.isArray(product.items)) {
+          checkSubProducts(product.items);
+        }
+      });
+    };
+    checkSubProducts(items);
+  } else {
+    Object.keys(selected).forEach((selCtx) => {
+      removeProductFromState(selCtx, getValues, setValue);
+    });
+    const checkSubProducts = (items2) => {
+      if (!Array.isArray(items2))
+        return;
+      items2.map((product) => {
+        const { selCtx } = product;
+        const changedSelCtx = getValues(`selected.${selCtx}`);
+        if (changedSelCtx) {
+          removeProductFromState(selCtx, getValues, setValue);
+        }
+        checkSubProducts(product.items);
+      });
+    };
+    checkSubProducts(items);
+  }
+};
 function useMenuProduct(product, parentAttrs) {
   var _a;
   const { id, selCtx } = product;
@@ -8728,6 +8780,12 @@ function useMenuProduct(product, parentAttrs) {
     const {
       target: { checked, name: selCtx2, defaultValue: productId }
     } = e2;
+    for (const key of Object.keys(selected || {})) {
+      if (key !== (product == null ? void 0 : product.selCtx) && (key == null ? void 0 : key.includes(product.selCtx)) && isRadio) {
+        setValue(`selected.${key}`, false);
+      }
+    }
+    selectUnselectProduct(setValue, getValues, product.items, checked, product.state);
     if (isRadio) {
       console.log("handleOnInputChange radio", selCtx2, productId);
       const selectedContextName = "selected." + selCtx2.replace("radio.", "").split(".")[0];