@orderingstack/front-components-product-configurator 1.0.2 → 1.0.3

package/dist/index.es.js

@@ -7958,7 +7958,7 @@ function useMenuProduct(product, parentAttrs) {
   const isRadio = parentSelMin === "1" && parentSelMax === "1";
   const isCheckbox = !isRadio;
   const isCounter = isApiBooleanTrue(parentAllowMultiple);
-  const isDecrementEnabled = valueNumber > 1;
+  const isDecrementEnabled = valueNumber > (isRadio ? 1 : 0);
   const isIncrementEnabled = isInputCounterIncrementEnabled2(product, selected) && (isInputEnabled2(product) || valueNumber);
   const isChecked = Number(((_a = selected == null ? void 0 : selected[selCtx]) == null ? void 0 : _a[id]) || 0) > 0;
   const isCheckboxEnabled = isInputEnabled2(product) || valueNumber;
@@ -7974,6 +7974,9 @@ function useMenuProduct(product, parentAttrs) {
   const handleCounterDecrementQty = () => {
     const decrementedValue = valueNumber - 1;
     setValue(`selected.${selCtx}.${id}`, `${decrementedValue}`);
+    if (isCheckbox && decrementedValue === 0) {
+      setValue(`selected.${selCtx}.${id}`, false);
+    }
   };
   const handleOnInputChange = (e2) => {
     const {
@@ -9330,7 +9333,7 @@ let Pe = "div", ie = S$1.RenderStrategy, oe = C$1(function(e$12, s2) {
   let n2 = useContext(A) !== null, m2 = s$3() !== null;
   return React.createElement(React.Fragment, null, !n2 && m2 ? React.createElement(J, { ref: s2, ...e2 }) : React.createElement(oe, { ref: s2, ...e2 }));
 }), Je = Object.assign(J, { Child: ye, Root: J });
-function ModalView(props) {
+function Modal(props) {
   const {
     children,
     isOpen,
@@ -9348,7 +9351,7 @@ function ModalView(props) {
       as: Fragment$1,
       children: /* @__PURE__ */ jsx(mt, {
         as: "div",
-        className: "overflow-y-auto fixed inset-0 z-10",
+        className: "fixed inset-0 z-10 overflow-y-auto",
         style: {
           backgroundColor: "rgba(0,0,0,.75)"
         },
@@ -9382,7 +9385,7 @@ function ModalView(props) {
               id: "modal-content",
               className: `inline-block overflow-hidden sm:rounded-2xl align-middle transition-all bg-white sm:shadow-xl h-[100vh] sm:h-auto sm:max-h-[90vh]  w-full sm:w-[640px]`,
               children: [/* @__PURE__ */ jsx("div", {
-                className: "flex sticky top-0 z-10 items-center px-3 w-full h-14 text-lg font-medium leading-6 text-gray-900 bg-white modal-header",
+                className: "sticky top-0 z-10 flex items-center w-full px-3 text-lg font-medium leading-6 text-gray-900 bg-white h-14 modal-header",
                 children: /* @__PURE__ */ jsx("div", {
                   className: "",
                   children: /* @__PURE__ */ jsxs("svg", {
@@ -9431,7 +9434,7 @@ function ModalView(props) {
     })
   });
 }
-function MenuProductRootDefaultShitUI(props) {
+function MenuProductRootDefaultUI(props) {
   var _a, _b, _c, _d;
   const {
     product,
@@ -9537,7 +9540,7 @@ function MenuProductRootDefaultShitUI(props) {
   const style2 = {
     "--mobile-submit-row-top": `${windowHeight - 64 - 80}px`
   };
-  return /* @__PURE__ */ jsx(ModalView, {
+  return /* @__PURE__ */ jsx(Modal, {
     isOpen: Boolean(isOpen),
     handleClose: handleGoBack,
     children: /* @__PURE__ */ jsxs("div", {
@@ -9588,7 +9591,7 @@ const MenuProductRoot = (props) => {
       children: MenuItemsDispatcherWrapper
     });
   }
-  return /* @__PURE__ */ jsx(MenuProductRootDefaultShitUI, {
+  return /* @__PURE__ */ jsx(MenuProductRootDefaultUI, {
     ...props,
     children: MenuItemsDispatcherWrapper
   });
@@ -9671,7 +9674,6 @@ function ProductConfigurator(props) {
       children: /* @__PURE__ */ jsx(FormProvider, {
         ...methods,
         children: /* @__PURE__ */ jsxs("form", {
-          onSubmit: handleSubmit(onSubmit),
           children: [showDebugState && /* @__PURE__ */ jsx("div", {
             className: "hidden",
             children: /* @__PURE__ */ jsx(DisplayState, {})