@orderingstack/front-components-product-configurator 1.4.2-beta.0 → 1.4.2-beta.2

package/dist/index.es.js

@@ -6855,7 +6855,6 @@ const validateProductFilter = (product, stateFilter) => {
   const stateFiltersWithFltCtx = stateFilter[fltCtx];
   const hasProductFilters = !!Object.keys(productFilters).length;
   if (hasProductFilters && stateFiltersWithFltCtx) {
-    console.log("12345", productFilters);
     const commonFilters = Object.keys(stateFiltersWithFltCtx).filter(
       (filterName) => Object.keys(productFilters).includes(filterName) && productFilters[filterName].includes(stateFiltersWithFltCtx[filterName])
     );
@@ -8800,9 +8799,6 @@ function useEmitFilter(product) {
   const setFilter = useStore((state) => state.setFilter);
   const { id, selCtx, emit = {}, fltCtx } = product;
   const value = watch(`selected.${selCtx}.${id}`);
-  if (id === "MI1001001") {
-    console.log("use emit filter", value, fltCtx, emit);
-  }
   useEffect(() => {
     if (value && fltCtx && !isEmpty(emit)) {
       setFilter(fltCtx, emit);
@@ -8842,9 +8838,13 @@ const selectUnselectProduct = (setValue, getValues, items, isChecked, state) =>
   if (isChecked) {
     addProductToState(selected, setValue);
     const checkSubProducts = (items2) => {
+      var _a;
       if (!Array.isArray(items2) || isEmpty(state == null ? void 0 : state.selected))
         return;
-      items2.map((product) => {
+      (_a = items2 == null ? void 0 : items2.filter((x2) => {
+        var _a2, _b;
+        return !!((_b = (_a2 = state.selected) == null ? void 0 : _a2[`${x2.selCtx}`]) == null ? void 0 : _b[`${x2.id}`]);
+      })) == null ? void 0 : _a.map((product) => {
         if (product.state && "selected" in product.state) {
           const {
             state: { selected: selected2 }
@@ -8913,6 +8913,19 @@ function useMenuProduct(product, parentAttrs) {
     setValue(`selected.${selCtx}.${id}`, `${decrementedValue}`);
     if (isCheckbox && decrementedValue === 0) {
       setValue(`selected.${selCtx}.${id}`, false);
+      const checkSubProducts = (items) => {
+        if (!Array.isArray(items))
+          return;
+        items.map((product2) => {
+          const { selCtx: selCtx2 } = product2;
+          const changedSelCtx = getValues(`selected.${selCtx2}`);
+          if (changedSelCtx) {
+            removeProductFromState(selCtx2, getValues, setValue);
+          }
+          checkSubProducts(product2.items);
+        });
+      };
+      checkSubProducts(product.items);
     }
   };
   const handleOnInputChange = (e2) => {
@@ -9208,14 +9221,11 @@ const DisplayState = () => {
   const {
     watch
   } = useFormContext();
-  const form = useFormContext();
   const selected = watch("selected");
-  const filter = form.getValues("filter");
   const validationMap = useStore((state) => state.validationMap);
   console.log({
     selected,
-    validationMap,
-    filter
+    validationMap
   });
   return /* @__PURE__ */ jsxs("div", {
     className: "flex flex-col items-center py-4",
@@ -10912,7 +10922,6 @@ function ProductConfigurator(props) {
       });
     } else {
       console.log("selected", getValues("selected"));
-      console.log("filter", getValues("filter"));
       const decodedCleanedSelected = decodeSelected(cleanSelected(getValues("selected")));
       console.log("decodedCleanedSelected: ", decodedCleanedSelected);
       handleAddToCart({