@wix/form-public 0.484.0 → 0.486.0

package/dist/index.cjs

@@ -54958,11 +54958,23 @@ var Control3 = ({ children, className, ...internal }) => {
     className,
     "data-invalid": hasError
   }, optionsElement ? applyInternalProps(optionsElement, {
-    productsById,
-    addOther,
-    customAmountProductId,
-    t
-  }) : null, otherInputElement && addOther ? applyInternalProps(otherInputElement, {
+    productsById
+  }) : null, addOther && customAmountProductId && /* @__PURE__ */ React171__default.default.createElement(reactAriaComponents.RadioField, {
+    value: customAmountProductId,
+    style: {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0, 0, 0, 0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    }
+  }, /* @__PURE__ */ React171__default.default.createElement(reactAriaComponents.RadioButton, {
+    "aria-label": t("donation.other-option.label", "Custom amount")
+  }, t("donation.other-option.label", "Custom amount"))), otherInputElement && addOther ? applyInternalProps(otherInputElement, {
     customAmount,
     onCustomAmountInputChange,
     currency,
@@ -54973,7 +54985,7 @@ var Control3 = ({ children, className, ...internal }) => {
   }) : null);
 };
 var Options2 = ({ children, className, ...internal }) => {
-  const { productsById, addOther, customAmountProductId, t } = internal;
+  const { productsById } = internal;
   const { options, numberOfColumns } = useFieldPropsV2();
   const { isMobile: isMobile2 } = useConfig();
   const optionElement = findChildOfType(children, Options2.Option);
@@ -54989,22 +55001,7 @@ var Options2 = ({ children, className, ...internal }) => {
       value: option2.value,
       price: price || "0"
     });
-  }), addOther && customAmountProductId && /* @__PURE__ */ React171__default.default.createElement(reactAriaComponents.RadioField, {
-    value: customAmountProductId,
-    style: {
-      position: "absolute",
-      width: "1px",
-      height: "1px",
-      padding: "0",
-      margin: "-1px",
-      overflow: "hidden",
-      clip: "rect(0, 0, 0, 0)",
-      whiteSpace: "nowrap",
-      border: "0"
-    }
-  }, /* @__PURE__ */ React171__default.default.createElement(reactAriaComponents.RadioButton, {
-    "aria-label": t("donation.other-option.label", "Custom amount")
-  }, t("donation.other-option.label", "Custom amount"))));
+  }));
 };
 var Option2 = ({ children, className, ...internal }) => {
   const { value, price } = internal;
@@ -55072,23 +55069,24 @@ var OtherInput2 = ({ children, className, ...internal }) => {
   }, [
     onFocusCustomInput
   ]);
-  const hasValue = customAmount && customAmount.trim() !== "";
   return /* @__PURE__ */ React171__default.default.createElement(reactAriaComponents.TextField, {
     "aria-labelledby": `${labelId} ${prefixId}`,
     value: customAmount,
     onChange: handleChange,
     onFocus: handleFocus,
     isDisabled: disabled,
-    isInvalid: hasError,
+    isInvalid: hasError
+  }, /* @__PURE__ */ React171__default.default.createElement(reactAriaComponents.Group, {
     className,
-    "data-selected": hasValue ? "true" : void 0
+    isDisabled: disabled,
+    isInvalid: hasError
   }, customAmount && currency && currencyElement ? applyInternalProps(currencyElement, {
     currency,
     t
   }) : null, valueElement ? applyInternalProps(valueElement, {
     placeholder,
     customAmountProductId
-  }) : null);
+  }) : null));
 };
 var OtherInputCurrency = ({ className, ...internal }) => {
   const { currency, t } = internal;