@wix/form-public 0.495.0 → 0.497.0

package/dist/index.js

@@ -51610,7 +51610,7 @@ var RichTextLabel = ({ className, requiredClassName, theme, children, ...interna
     htmlAttributesPlugin
   }));
 };
-var CheckboxInput = ({ className, ...internal }) => {
+var SelectionIndicator = ({ className, ...internal }) => {
   const state = internal;
   return /* @__PURE__ */ React172.createElement("div", {
     "aria-hidden": "true",
@@ -51665,7 +51665,7 @@ var CheckboxContainer = ({ children, className }) => {
   }), labelElement)));
 };
 CheckboxContainer.RichTextLabel = RichTextLabel;
-CheckboxContainer.Input = CheckboxInput;
+CheckboxContainer.Input = SelectionIndicator;
 Checkbox.Checkbox = CheckboxContainer;
 Checkbox.Description = Description;
 Checkbox.Error = Error2;
@@ -51867,7 +51867,7 @@ var Checkbox2 = ({ children, className, ...internal }) => {
   }))));
 };
 Checkbox2.Label = OptionLabel;
-Checkbox2.Input = CheckboxInput;
+Checkbox2.Input = SelectionIndicator;
 var Option = ({ children, ...internal }) => {
   const { value, label, isFirst = false, isOther = false, fieldId } = internal;
   const props2 = useFieldPropsV2();
@@ -55393,7 +55393,7 @@ var Guest = ({ className, ...internal }) => {
 };
 GuestCount.Decrement = GuestCountDecrement;
 GuestCount.Increment = GuestCountIncrement;
-GuestToggle.Input = CheckboxInput;
+GuestToggle.Input = SelectionIndicator;
 GuestToggle.Label = GuestToggleLabel;
 Guests.Guest = Guest;
 
@@ -55481,9 +55481,12 @@ var Option4 = ({ children, className, ...internal }) => {
   }, /* @__PURE__ */ React172.createElement(RadioButton, {
     ref: radioRef,
     className: radioClassName
-  }, controlElement, applyInternalProps(labelElement, {
+  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React172.createElement(React172.Fragment, null, applyInternalProps(controlElement, {
+    isSelected,
+    isHovered
+  }), applyInternalProps(labelElement, {
     label
-  }))), isOther && isThisOptionSelected && otherInputElement);
+  })))), isOther && isThisOptionSelected && otherInputElement);
 };
 var OptionLabel2 = ({ className, ...internal }) => {
   const { label } = internal;
@@ -55494,12 +55497,6 @@ var OptionLabel2 = ({ className, ...internal }) => {
 var OptionInput = (_props) => {
   return null;
 };
-var OptionControl = ({ className }) => {
-  return /* @__PURE__ */ React172.createElement("div", {
-    "aria-hidden": "true",
-    className
-  });
-};
 var OptionOtherInput = ({ className }) => {
   const { value: fieldValue, onChange, addOtherLabel, addOtherPlaceholder, otherInputCharacterLimit, disabled, readOnly, options } = useFieldPropsV2();
   const { t } = useTranslation2();
@@ -55543,7 +55540,7 @@ var OptionOtherInput = ({ className }) => {
 };
 Option4.Label = OptionLabel2;
 Option4.Input = OptionInput;
-Option4.Control = OptionControl;
+Option4.Control = SelectionIndicator;
 Option4.OtherInput = OptionOtherInput;
 RadioGroup.Label = Label;
 RadioGroup.Options = Options4;
@@ -56120,12 +56117,13 @@ var OptionImage = ({ className, ...internal }) => {
   const { option: option2 } = internal;
   const { choiceImageResize, choiceImageAlignment } = useFieldPropsV2();
   const image = option2.media?.image;
-  if (!image) {
-    return null;
-  }
-  const imageURL = getImageURL(image, image.width, image.height);
-  if (!imageURL) {
-    return null;
+  const imageURL = image && getImageURL(image, image.width, image.height);
+  if (!image || !imageURL) {
+    return /* @__PURE__ */ React172.createElement("div", {
+      className,
+      "data-placeholder": true,
+      "data-hook": "image-choice-option-image"
+    });
   }
   const imageAlt = option2.media?.altText || option2.altText || image.altText || "";
   return /* @__PURE__ */ React172.createElement("img", {
@@ -59645,7 +59643,7 @@ var OptionQuantity = ({ className, ...internal }) => {
 ProductOption.Image = OptionImage2;
 ProductOption.Label = OptionLabel4;
 ProductOption.Price = OptionPrice;
-ProductOption.Input = CheckboxInput;
+ProductOption.Input = SelectionIndicator;
 ProductOption.Quantity = OptionQuantity;
 Options11.Option = ProductOption;
 ProductList.Label = Label;