@orderingstack/front-components-product-configurator 1.4.2-beta.18 → 1.4.2-beta.19

package/dist/index.es.js

@@ -6913,11 +6913,11 @@ const selectProductsInForm = (productToUnselect, setValueInForm, initialSelected
 };
 function useMenuOptions(product, nestedLvl, parentKind, parentSelCtx) {
   const { selCtx, attrs = {} } = product;
-  useStore((state) => state.filter);
   const initialSelected = useStore((state) => state.initialSelected);
   const currency = useStore((state) => state.currency);
-  const { setValue, getValues } = useFormContext();
-  const { selected = {}, filter = {} } = getValues();
+  const { setValue, getValues, watch } = useFormContext();
+  const selected = watch("selected");
+  const filter = watch("filter") || {};
   const isFilterValidated = validateProductFilter(product, filter);
   const isOnSubmitted = useStore((state) => state.isOnSubmitted);
   const setValidationMap = useStore((state) => state.setValidationMap);
@@ -11050,18 +11050,15 @@ function ProductConfigurator(props) {
     }
   });
   console.log("ProductConfigurator initSelected", initSelected);
-  const methods = useForm();
+  const methods = useForm({
+    defaultValues: {
+      selected: initSelected
+    }
+  });
   const {
-    getValues,
-    setValue
+    getValues
   } = methods;
-  const {
-    selected
-  } = getValues();
-  if (!selected && initSelected) {
-    setValue("selected", initSelected);
-  }
-  const countedProductPrice = Number((parseFloat(price || "0") + countPrice(getValues("selected") || {}, encodedProduct)).toFixed(2));
+  const countedProductPrice = Number((parseFloat(price || "0") + countPrice(getValues("selected"), encodedProduct)).toFixed(2));
   const onSubmit = () => {
     console.log("onSubmit");
     setIsOnSubmittedOnTrue();