@wix/form-elements 1.62.0 → 1.64.0

package/dist/component/{dext-radio-group-rac-B4xG4N8A.js → dext-radio-group-rac-DPD2UkrV.js}

@@ -1,6 +1,6 @@
 import r from "react";
-import { ag as e, h as t } from "./form-D6A2hUbV.js";
-import { R as p } from "./radio-group-field-rac-D8NS7qDq.js";
+import { ai as e, h as t } from "./form-9yjqDnxY.js";
+import { R as p } from "./radio-group-field-rac-DKqWnMBJ.js";
 import { a } from "./default-limits-D7qVv_Hv.js";
 const l = () => {
   const o = {

package/dist/component/{dext-rating-input-rac-Bp2Pi5cP.js → dext-rating-input-rac-DUsnrl9W.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { R as e } from "./rating-input-field-rac-BBhMkSyL.js";
+import { R as e } from "./rating-input-field-rac-CZRdSVrf.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as DextRatingInputRAC

package/dist/component/{dext-tags-rac-Bnjgmyk-.js → dext-tags-rac-D6z69HuO.js}

@@ -1,6 +1,6 @@
 import r from "react";
-import { ag as e, h as o } from "./form-D6A2hUbV.js";
-import { T as s } from "./tags-field-rac-COJG3T_9.js";
+import { ai as e, h as o } from "./form-9yjqDnxY.js";
+import { T as s } from "./tags-field-rac-eX3d3JEH.js";
 import { b as a } from "./default-limits-D7qVv_Hv.js";
 const l = () => {
   const t = {

package/dist/component/{dext-text-area-rac-f1nJTM_n.js → dext-text-area-rac-C-DVtFJ1.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as t } from "./text-area-field-rac-BVq5p83p.js";
+import { T as t } from "./text-area-field-rac-Bir5Q7gz.js";
 const a = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   a as DextTextAreaRAC

package/dist/component/{dext-text-input-rac-B9m6oI-e.js → dext-text-input-rac-CIa2MdC6.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-wYvY_eBR.js";
+import { T as e } from "./text-input-field-rac-onGUXC9J.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as DextTextInputRAC

package/dist/component/{dext-url-input-rac-CfEUdRdY.js → dext-url-input-rac-8rVVW5us.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { U as r } from "./url-input-field-rac-B4qgrssx.js";
+import { U as r } from "./url-input-field-rac-mUkrVTcL.js";
 const n = () => /* @__PURE__ */ t.createElement(r, null);
 export {
   n as DextUrlInputRAC

package/dist/component/{donation-rac-BqKbQD_H.js → donation-rac-BjmSBabc.js}

@@ -1,28 +1,28 @@
-import n, { useMemo as w, useCallback as L, useRef as ae } from "react";
+import n, { useMemo as w, useCallback as D, useRef as ae } from "react";
 import { RicosViewer as se } from "@wix/ricos/viewer";
 import _ from "classnames";
-import { RadioGroup as le, RadioField as Q, RadioButton as W, TextField as ce, Input as ie } from "react-aria-components";
+import { RadioGroup as le, RadioField as j, RadioButton as J, TextField as ce, Input as ie } from "react-aria-components";
 import { debounce as ue } from "ts-debounce";
-import { P as j, ag as P, ad as V, aq as me, aa as M, ai as pe } from "./form-D6A2hUbV.js";
+import { P as Q, ai as P, af as V, as as me, ab as M, ak as pe } from "./form-9yjqDnxY.js";
 import { f as h, a as g } from "./find-child-C60k4CxG.js";
-import { a as J } from "./format-currency-BwShJ9vM.js";
-import { D as de, E as Ie } from "./field-error-headless-DP4WSQU3.js";
-import { L as Ce } from "./field-label-headless-BKmi7Fjg.js";
+import { a as W } from "./format-currency-BwShJ9vM.js";
+import { D as de, E as Ie } from "./field-error-headless-DrnFrGun.js";
+import { L as Ce } from "./field-label-headless-BIYf1BIh.js";
 import { N as Ee } from "./options-layout-constants-DEfIEJWD.js";
 import { a as fe, b as he } from "./numeric-input-utils-CuBMi4-a.js";
 import { g as Oe } from "./payment-field-utils-DobiK5Xh.js";
 import { u as ye } from "./use-synced-display-value-DcAxdn3M.js";
 import { E as _e } from "./error-icon-hZxQ6DEy.js";
-import { s as v } from "./field-rac.module-DtugsLiL.js";
-import { r as be, H as ge, f as Y, t as B, l as Fe, h as Ne } from "./form-element-classes-Bi-nNM8q.js";
-import { o as De } from "./options-rac.module-KM-VT_KY.js";
-function Le(e, t) {
+import { s as R } from "./field-rac.module-CWkwwhq4.js";
+import { t as be, J as ge, h as Y, v as B, n as Fe, j as Ne } from "./form-element-classes-KRzHUNLu.js";
+import { o as ve } from "./options-rac.module-KM-VT_KY.js";
+function De(e, t) {
   return e.reduce((r, o) => (r[o[t]] = o, r), {});
 }
-function Re(e) {
-  return Le(e, "id");
+function Le(e) {
+  return De(e, "id");
 }
-const ve = 0.01;
+const Re = 0.01;
 function Se(e) {
   var t;
   return ((t = e == null ? void 0 : e.fixedPriceOptions) == null ? void 0 : t.price) || "0";
@@ -31,12 +31,12 @@ function K(e, t) {
   const r = Number(t || "0");
   return {
     productId: e.id,
-    price: e.priceType === j.DYNAMIC_PRICE ? r : String(r),
+    price: e.priceType === Q.DYNAMIC_PRICE ? r : String(r),
     quantity: 1
   };
 }
 function Ae(e) {
-  return e.find((t) => t.priceType === j.DYNAMIC_PRICE);
+  return e.find((t) => t.priceType === Q.DYNAMIC_PRICE);
 }
 function Pe(e, t) {
   return (e == null ? void 0 : e.productId) === (t == null ? void 0 : t.id) ? String((e == null ? void 0 : e.price) ?? "") : "";
@@ -53,7 +53,7 @@ const a = ({ children: e }) => {
     return ((T = (f = u == null ? void 0 : u.predefined) == null ? void 0 : f.paymentOptions) == null ? void 0 : T.products) || [];
   }, [
     u
-  ]), R = w(() => Re(N), [
+  ]), L = w(() => Le(N), [
     N
   ]), l = w(() => m ? Ae(N) : void 0, [
     N,
@@ -62,55 +62,55 @@ const a = ({ children: e }) => {
     sourceValue: X,
     format: (f) => he(String(f ?? ""), F),
     regionalFormat: F
-  }), z = L((f) => {
-    o(Me(f, C, R)), x("");
+  }), z = D((f) => {
+    o(Me(f, C, L)), x("");
   }, [
     o,
-    R,
+    L,
     C,
     x
-  ]), $ = L((f) => {
+  ]), $ = D((f) => {
     l && o(typeof f == "number" ? [
       K(l, String(f))
     ] : []);
   }, [
     o,
     l
-  ]), H = w(() => ue($, 500), [
+  ]), G = w(() => ue($, 500), [
     $
-  ]), Z = L((f) => {
+  ]), Z = D((f) => {
     (C == null ? void 0 : C.productId) !== (l == null ? void 0 : l.id) && o(void 0);
-    const { validInput: T, validNumber: re } = fe(f.target.value, ve, q, F);
-    x(T), H(re);
+    const { validInput: T, validNumber: re } = fe(f.target.value, Re, q, F);
+    x(T), G(re);
   }, [
     F,
     o,
     C,
     l,
     q,
-    H,
+    G,
     x
-  ]), U = (C == null ? void 0 : C.productId) || null, ee = L(() => {
-    l != null && l.id && U !== l.id && z(l.id);
+  ]), k = (C == null ? void 0 : C.productId) || null, ee = D(() => {
+    l != null && l.id && k !== l.id && z(l.id);
   }, [
     l == null ? void 0 : l.id,
-    U,
+    k,
     z
-  ]), te = h(e, a.Label), G = h(e, a.Control), ne = h(e, a.Description), oe = h(e, a.Error);
+  ]), te = h(e, a.Label), H = h(e, a.Control), ne = h(e, a.Description), oe = h(e, a.Error);
   return /* @__PURE__ */ n.createElement(O, {
     fieldId: t,
     renderLabel: () => te,
     renderInput: () => /* @__PURE__ */ n.createElement(le, {
       "aria-labelledby": p,
-      value: U,
+      value: k,
       onChange: z,
       isDisabled: s,
       isInvalid: E,
       isRequired: c,
       onBlur: i,
       onFocus: y
-    }, G ? g(G, {
-      productsById: R,
+    }, H ? g(H, {
+      productsById: L,
       addOther: m,
       customAmount: q,
       onCustomAmountInputChange: Z,
@@ -141,8 +141,8 @@ const a = ({ children: e }) => {
     customAmountProductId: I,
     onFocusCustomInput: O
   }) : null);
-}, k = ({ children: e, className: t, ...r }) => {
-  const { productsById: o, addOther: s, customAmountProductId: c, t: i } = r, { options: y, numberOfColumns: u } = P(), { isMobile: m } = M(), I = h(e, k.Option), O = m ? Ee.ONE : u;
+}, U = ({ children: e, className: t, ...r }) => {
+  const { productsById: o, addOther: s, customAmountProductId: c, t: i } = r, { options: y, numberOfColumns: u } = P(), { isMobile: m } = M(), I = h(e, U.Option), O = m ? Ee.ONE : u;
   return /* @__PURE__ */ n.createElement("div", {
     className: t,
     "data-columns": O
@@ -154,7 +154,7 @@ const a = ({ children: e }) => {
       value: E.value,
       price: d || "0"
     });
-  }), s && c && /* @__PURE__ */ n.createElement(Q, {
+  }), s && c && /* @__PURE__ */ n.createElement(j, {
     value: c,
     style: {
       position: "absolute",
@@ -167,11 +167,11 @@ const a = ({ children: e }) => {
       whiteSpace: "nowrap",
       border: "0"
     }
-  }, /* @__PURE__ */ n.createElement(W, {
+  }, /* @__PURE__ */ n.createElement(J, {
     "aria-label": i("donation.other-option.label", "Custom amount")
   }, i("donation.other-option.label", "Custom amount"))));
 }, S = ({ children: e, className: t, ...r }) => {
-  const { value: o, price: s } = r, { id: c } = P(), { currency: i, regionalFormat: y } = M(), u = h(e, S.Value), m = h(e, S.Currency), { isCurrencyPrefixed: I } = J({
+  const { value: o, price: s } = r, { id: c } = P(), { currency: i, regionalFormat: y } = M(), u = h(e, S.Value), m = h(e, S.Currency), { isCurrencyPrefixed: I } = W({
     amount: s,
     currency: i == null ? void 0 : i.code,
     locale: y
@@ -183,14 +183,14 @@ const a = ({ children: e }) => {
   const E = u ? g(u, {
     price: s
   }) : null;
-  return /* @__PURE__ */ n.createElement(Q, {
+  return /* @__PURE__ */ n.createElement(j, {
     value: o
-  }, /* @__PURE__ */ n.createElement(W, {
+  }, /* @__PURE__ */ n.createElement(J, {
     className: t,
     ref: O
   }, /* @__PURE__ */ n.createElement(n.Fragment, null, I && m, E, !I && m)));
 }, Te = ({ className: e, ...t }) => {
-  const { price: r } = t, { currency: o, regionalFormat: s } = M(), { value: c } = J({
+  const { price: r } = t, { currency: o, regionalFormat: s } = M(), { value: c } = W({
     amount: r,
     currency: o == null ? void 0 : o.code,
     locale: s
@@ -207,15 +207,15 @@ const a = ({ children: e }) => {
 S.Value = Te;
 S.Currency = we;
 const A = ({ children: e, className: t, ...r }) => {
-  const { customAmount: o, onCustomAmountInputChange: s, currency: c, t: i, placeholder: y, customAmountProductId: u, onFocusCustomInput: m } = r, { disabled: I, hasError: O } = P(), { labelId: E, prefixId: p } = V(), d = h(e, A.Currency), b = h(e, A.Value), F = L((R) => {
+  const { customAmount: o, onCustomAmountInputChange: s, currency: c, t: i, placeholder: y, customAmountProductId: u, onFocusCustomInput: m } = r, { disabled: I, hasError: O } = P(), { labelId: E, prefixId: p } = V(), d = h(e, A.Currency), b = h(e, A.Value), F = D((L) => {
     s({
       target: {
-        value: R
+        value: L
       }
     });
   }, [
     s
-  ]), C = L(() => {
+  ]), C = D(() => {
     m();
   }, [
     m
@@ -258,48 +258,48 @@ const A = ({ children: e, className: t, ...r }) => {
 };
 A.Currency = Be;
 A.Value = Ve;
-k.Option = S;
+U.Option = S;
 a.Label = Ce;
 a.Control = xe;
-a.Options = k;
+a.Options = U;
 a.OtherInput = A;
 a.Description = de;
 a.Error = Ie;
-const qe = "_control_7gwzv_1", ze = "_option_7gwzv_7", Ue = "_optionCurrency_7gwzv_91", ke = "_otherInput_7gwzv_95", $e = "_otherInputValue_7gwzv_112", He = "_otherInputCurrency_7gwzv_165", D = {
+const qe = "_control_7gwzv_1", ze = "_option_7gwzv_7", ke = "_optionCurrency_7gwzv_91", Ue = "_otherInput_7gwzv_95", $e = "_otherInputValue_7gwzv_112", Ge = "_otherInputCurrency_7gwzv_165", v = {
   control: qe,
   option: ze,
-  optionCurrency: Ue,
-  otherInput: ke,
+  optionCurrency: ke,
+  otherInput: Ue,
   otherInputValue: $e,
-  otherInputCurrency: He
-}, Ge = ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(se, {
+  otherInputCurrency: Ge
+}, He = ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(se, {
   content: e,
   locale: t
 }), Ye = () => /* @__PURE__ */ n.createElement(a, null, /* @__PURE__ */ n.createElement(a.Label, {
-  className: _(be, v.label)
+  className: _(be, R.label)
 }, /* @__PURE__ */ n.createElement(a.Label.Required, {
-  className: _(ge, v.requiredMark)
+  className: _(ge, R.requiredMark)
 })), /* @__PURE__ */ n.createElement(a.Control, {
-  className: D.control
+  className: v.control
 }, /* @__PURE__ */ n.createElement(a.Options, {
-  className: De.options
+  className: ve.options
 }, /* @__PURE__ */ n.createElement(a.Options.Option, {
-  className: _(Y, D.option)
+  className: _(Y, v.option)
 }, /* @__PURE__ */ n.createElement(a.Options.Option.Value, {
   className: B
 }), /* @__PURE__ */ n.createElement(a.Options.Option.Currency, {
-  className: _(B, D.optionCurrency)
+  className: _(B, v.optionCurrency)
 }))), /* @__PURE__ */ n.createElement(a.OtherInput, {
-  className: _(Y, v.input, D.otherInput)
+  className: _(Y, R.input, v.otherInput)
 }, /* @__PURE__ */ n.createElement(a.OtherInput.Currency, {
-  className: _(B, D.otherInputCurrency)
+  className: _(B, v.otherInputCurrency)
 }), /* @__PURE__ */ n.createElement(a.OtherInput.Value, {
-  className: _(B, D.otherInputValue)
+  className: _(B, v.otherInputValue)
 }))), /* @__PURE__ */ n.createElement(a.Error, {
-  className: _(Fe, v.error)
+  className: _(Fe, R.error)
 }, /* @__PURE__ */ n.createElement(_e, null), /* @__PURE__ */ n.createElement(a.Error.Text, null)), /* @__PURE__ */ n.createElement(a.Description, {
-  className: _(Ne, v.description)
-}, Ge)), mt = () => /* @__PURE__ */ n.createElement(Ye, null);
+  className: _(Ne, R.description)
+}, He)), mt = () => /* @__PURE__ */ n.createElement(Ye, null);
 export {
   mt as DonationRAC
 };

package/dist/component/{dropdown-field-headless-CzoD076g.js → dropdown-field-headless-DReo519l.js}

@@ -1,10 +1,10 @@
 import e, { useState as E, useCallback as g, useRef as q } from "react";
 import { UNSAFE_PortalProvider as A } from "react-aria";
 import { Select as w, SelectValue as M, ListBox as U, ListBoxItem as _ } from "react-aria-components";
-import { ag as p, ad as b, ai as j } from "./form-D6A2hUbV.js";
+import { ai as p, af as b, ak as j } from "./form-9yjqDnxY.js";
 import { f as d, a as z } from "./find-child-C60k4CxG.js";
-import { D as G, E as H } from "./field-error-headless-DP4WSQU3.js";
-import { L as J } from "./field-label-headless-BKmi7Fjg.js";
+import { D as G, E as H } from "./field-error-headless-DrnFrGun.js";
+import { L as J } from "./field-label-headless-BIYf1BIh.js";
 import { S as K, N as Q } from "./non-modal-popover-DtIMXHbe.js";
 const n = ({ children: t }) => {
   const { id: o, value: r, defaultValue: l, options: a = [], readOnly: s, onChange: u, placeholder: m, disabled: i, required: v, onBlur: O, onFocus: y, FieldLayout: F, hasError: C } = p(), [D, L] = E(!1), [h, I] = E(null), B = r && a.some((c) => (c.value ?? c.label) === r) ? r : l || null, { labelId: N } = b(), P = g((c) => {
@@ -15,7 +15,7 @@ const n = ({ children: t }) => {
   ]), S = g((c) => L(c && !i && !s), [
     i,
     s
-  ]), T = d(t, n.Label), x = d(t, n.Trigger), V = d(t, n.Options), R = d(t, n.Description), k = d(t, n.Error);
+  ]), T = d(t, n.Label), x = d(t, n.Trigger), V = d(t, n.Options), k = d(t, n.Description), R = d(t, n.Error);
   return /* @__PURE__ */ e.createElement(F, {
     fieldId: o,
     renderLabel: () => T,
@@ -39,7 +39,7 @@ const n = ({ children: t }) => {
       onBlur: O,
       onFocus: y
     }, x, V))),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, k, R)
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, k)
   });
 }, W = ({ children: t, className: o }) => {
   const { inputId: r, ariaDescribedBy: l } = b(), { id: a, hasError: s, isLoading: u } = p(), m = q(null);

package/dist/component/{dropdown-field-rac-5kD98Ubc.js → dropdown-field-rac-DzrjA2O6.js}

@@ -1,13 +1,13 @@
-import { RicosViewer as l } from "@wix/ricos/viewer";
+import { RicosViewer as n } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { D as o } from "./dropdown-field-headless-CzoD076g.js";
+import { D as o } from "./dropdown-field-headless-DReo519l.js";
 import { C as m } from "./chevron-down-icon-CcpVm6B-.js";
-import { E as n } from "./error-icon-hZxQ6DEy.js";
+import { E as l } from "./error-icon-hZxQ6DEy.js";
 import { H as c } from "./custom-focus-class-_483Pkwp.js";
-import { s as r } from "./field-rac.module-DtugsLiL.js";
-import { r as E, H as i, q as p, u as _, l as S, h as R } from "./form-element-classes-Bi-nNM8q.js";
-const D = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(l, {
+import { s as r } from "./field-rac.module-CWkwwhq4.js";
+import { t as E, J as i, s as p, w as _, n as S, j as R } from "./form-element-classes-KRzHUNLu.js";
+const D = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(n, {
   content: a,
   locale: s
 }), u = () => /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(o.Label, {
@@ -24,7 +24,7 @@ const D = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(l, {
   className: t(r.selectOption, c)
 })), /* @__PURE__ */ e.createElement(o.Error, {
   className: t(S, r.error)
-}, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(o.Error.Text, null)), /* @__PURE__ */ e.createElement(o.Description, {
+}, /* @__PURE__ */ e.createElement(l, null), /* @__PURE__ */ e.createElement(o.Error.Text, null)), /* @__PURE__ */ e.createElement(o.Description, {
   className: t(R, r.description)
 }, D));
 export {

package/dist/component/{dropdown-rac-C9NpsRYi.js → dropdown-rac-CS7oLTp_.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { D as r } from "./dropdown-field-rac-5kD98Ubc.js";
+import { D as r } from "./dropdown-field-rac-DzrjA2O6.js";
 const n = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   n as DropdownRAC

package/dist/component/{ecom-address-rac-DdvJEnAO.js → ecom-address-rac-EIb88J_6.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as r } from "./multiline-address-field-rac-_Sb56AEM.js";
+import { M as r } from "./multiline-address-field-rac-CsBLI9y-.js";
 const l = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   l as EcomAddressRAC

package/dist/component/{ecom-subscription-checkbox-rac-D7Lf1ETL.js → ecom-subscription-checkbox-rac-CE0Ks6qS.js}

@@ -1,7 +1,7 @@
 import o, { useMemo as a } from "react";
-import { ag as n, aq as c, h as i } from "./form-D6A2hUbV.js";
-import { C } from "./checkbox-field-rac-DhAEMdL9.js";
-import { j as l, k as p, i as m } from "./form-element-classes-Bi-nNM8q.js";
+import { ai as n, as as c, h as i } from "./form-9yjqDnxY.js";
+import { C } from "./checkbox-field-rac-CYADRY54.js";
+import { l, m, k as p } from "./form-element-classes-KRzHUNLu.js";
 const _ = (e) => ({
   nodes: [
     {
@@ -38,8 +38,8 @@ const _ = (e) => ({
     }
   }, /* @__PURE__ */ o.createElement(C, {
     classes: {
-      container: m,
-      label: p,
+      container: p,
+      label: m,
       control: l
     }
   }));