@orderingstack/front-components-product-configurator 1.4.2-beta.3 → 1.4.2-beta.5

package/dist/index.es.js

@@ -6686,6 +6686,7 @@ function useProductConfigurator(product) {
   return {
     encodedProduct,
     initSelected,
+    initFilter,
     filter,
     setCurrency,
     setIsOnSubmittedOnTrue,
@@ -6851,16 +6852,25 @@ var ENotificationType;
   ENotificationType2["ORDER_UPSELL"] = "OrderUpsell";
 })(ENotificationType || (ENotificationType = {}));
 const validateProductFilter = (product, stateFilter) => {
+  var _a;
   const { filter: productFilters = {}, fltCtx = "" } = product;
   const stateFiltersWithFltCtx = stateFilter[fltCtx];
-  const hasProductFilters = !!Object.keys(productFilters).length;
-  if (hasProductFilters && stateFiltersWithFltCtx) {
-    const commonFilters = Object.keys(stateFiltersWithFltCtx).filter(
-      (filterName) => Object.keys(productFilters).includes(filterName) && productFilters[filterName].includes(stateFiltersWithFltCtx[filterName])
-    );
-    return commonFilters.length > 0;
+  if (!productFilters || !Object.keys(productFilters).length || !stateFiltersWithFltCtx) {
+    return true;
   }
-  return true;
+  const commonFilters = (_a = Object.keys(stateFiltersWithFltCtx)) == null ? void 0 : _a.filter(
+    (filterName) => {
+      var _a2;
+      const matchingFilters = (_a2 = Object.keys(productFilters == null ? void 0 : productFilters[filterName])) == null ? void 0 : _a2.filter((x2) => {
+        var _a3;
+        if (((_a3 = productFilters == null ? void 0 : productFilters[filterName]) == null ? void 0 : _a3[x2]) === (stateFiltersWithFltCtx == null ? void 0 : stateFiltersWithFltCtx[filterName])) {
+          return true;
+        }
+      });
+      return (matchingFilters == null ? void 0 : matchingFilters.length) > 0;
+    }
+  );
+  return (commonFilters == null ? void 0 : commonFilters.length) > 0;
 };
 const getProductToChangeInForm = (product, isFilterValidated) => {
   const { items, filter } = product;
@@ -8795,7 +8805,7 @@ function Counter(props) {
   });
 }
 function useEmitFilter(product) {
-  const { watch } = useFormContext();
+  const { watch, setValue } = useFormContext();
   const setFilter = useStore((state) => state.setFilter);
   const { id, selCtx, emit = {}, fltCtx } = product;
   const value = watch(`selected.${selCtx}.${id}`);
@@ -9217,10 +9227,12 @@ const DisplayState = () => {
     watch
   } = useFormContext();
   const selected = watch("selected");
+  const filter = watch("filter");
   const validationMap = useStore((state) => state.validationMap);
   console.log({
     selected,
-    validationMap
+    validationMap,
+    filter
   });
   return /* @__PURE__ */ jsxs("div", {
     className: "flex flex-col items-center py-4",
@@ -10875,6 +10887,7 @@ function ProductConfigurator(props) {
   const {
     encodedProduct,
     initSelected,
+    initFilter,
     filter,
     productQuantity,
     setIsOnSubmittedOnTrue,
@@ -10899,7 +10912,8 @@ function ProductConfigurator(props) {
   });
   const methods = useForm({
     defaultValues: {
-      selected: initSelected
+      selected: initSelected,
+      filter: initFilter
     }
   });
   const {