@orderingstack/front-components-product-configurator 1.4.2-beta.30 → 1.4.2-beta.32

package/dist/index.es.js

@@ -6839,7 +6839,7 @@ function useProductConfigurator(product) {
   const setIsOnSubmittedOnTrue = useStore(
     (state) => state.setIsOnSubmittedOnTrue
   );
-  useStore((state) => state.refreshFormDt);
+  const refreshFormDt = useStore((state) => state.refreshFormDt);
   const getInvalidSelCtxArray = useStore((state) => state.getInvalidSelCtxArray);
   const getValidationMap = useStore((state) => state.getValidationMap);
   const increaseProductQuantity = () => {
@@ -6867,7 +6867,8 @@ function useProductConfigurator(product) {
     productQuantity,
     getValidationMap,
     increaseProductQuantity,
-    decreaseProductQuantity
+    decreaseProductQuantity,
+    refreshFormDt
   };
 }
 const validateProductFilter = (product, stateFilter) => {
@@ -8903,6 +8904,7 @@ const addProductToState = (selected, setValue) => {
 };
 const removeProductFromState = (selCtx, getValues, setValue) => {
   const changedSelCtx = getValues(`selected.${selCtx}`);
+  console.log("changedSelCtx", changedSelCtx);
   setValue(
     `selected.${selCtx}`,
     Object.keys(changedSelCtx).reduce((acc, key) => {
@@ -9005,8 +9007,10 @@ const findProductInParentProductBySelCtx = (parent, selCtx) => {
   }
   for (let i2 = 0; i2 < ((_a = parent.items) == null ? void 0 : _a.length); i2++) {
     const prod = parent.items[i2];
-    if (prod.selCtx === selCtx && prod.kind === EProductKind.PRODUCT) {
-      return prod;
+    if (prod.selCtx) {
+      if (prod.selCtx === selCtx && prod.kind === EProductKind.PRODUCT) {
+        return prod;
+      }
     }
     if (prod.kind === EProductKind.OPTIONS && prod.items && prod.items.length > 0) {
       const found = findProductInParentProductBySelCtx(prod, selCtx);
@@ -9017,7 +9021,7 @@ const findProductInParentProductBySelCtx = (parent, selCtx) => {
   }
   return null;
 };
-function useMenuProduct(product, parentAttrs, nestedLvl) {
+function useMenuProduct(product, parentAttrs, nestedLvl, parentPriduct) {
   var _a;
   const { id, selCtx, emit = {}, fltCtx } = product;
   const {
@@ -9112,11 +9116,15 @@ function useMenuProduct(product, parentAttrs, nestedLvl) {
     }
   };
   const handleOnInputChange = (e2) => {
+    var _a2;
     const {
       target: { checked, name: selCtx2, defaultValue: productId }
     } = e2;
+    const otherGroupItems = (_a2 = parentPriduct == null ? void 0 : parentPriduct.items) == null ? void 0 : _a2.filter((x2) => x2.id !== product.id);
     for (const key of Object.keys(selected || {})) {
-      if (isRadio && key !== (product == null ? void 0 : product.selCtx) && (key == null ? void 0 : key.includes(product.selCtx)) && findProductInParentProductBySelCtx(product, key)) {
+      const isItemToClear = (otherGroupItems == null ? void 0 : otherGroupItems.some((x2) => !!findProductInParentProductBySelCtx(x2, key))) ? key : false;
+      console.log("isImportantItem", isItemToClear);
+      if (isItemToClear) {
         setValue(`selected.${key}`, false);
       }
     }
@@ -9169,7 +9177,7 @@ const MenuProduct = (props) => {
     handleCounterIncrementQty,
     handleCounterDecrementQty,
     currency
-  } = useMenuProduct(product, parentAttrs, nestedLvl);
+  } = useMenuProduct(product, parentAttrs, nestedLvl, parentProduct);
   const {
     MenuProductUI
   } = useComponents();
@@ -11019,6 +11027,7 @@ const MenuProductRoot = (props) => {
     parentProduct: product,
     rootProduct: product
   }) : /* @__PURE__ */ jsx(Fragment, {});
+  console.log("MenuProductRootUI CHECK", MenuProductRootUI);
   if (MenuProductRootUI) {
     return /* @__PURE__ */ jsx(MenuProductRootUI, {
       ...props,