@wix/form-elements 1.74.0 → 1.76.0

package/dist/component/donation-rac-bgHep0Xi.js

@@ -0,0 +1,307 @@
+import t, { useMemo as B, useCallback as L, useRef as oe } from "react";
+import { RicosViewer as re } from "@wix/ricos/viewer";
+import y from "classnames";
+import { P as Q, ai as A, af as k, as as ae, ab as v, ak as se, ac as le } from "./form-BpHElSwH.js";
+import { RadioGroup as ie, RadioField as j, RadioButton as z, TextField as ce, Group as ue, Input as me } from "react-aria-components";
+import { debounce as pe } from "ts-debounce";
+import { f as O, a as N } from "./find-child-C60k4CxG.js";
+import { a as H } from "./format-currency-BwShJ9vM.js";
+import { D as de, E as Ee } from "./field-error-headless-C5ZsFUKv.js";
+import { L as Ie } from "./field-label-headless-CS5OYsiI.js";
+import { N as Ce } from "./options-layout-constants-DEfIEJWD.js";
+import { a as Oe, b as fe } from "./numeric-input-utils-CuBMi4-a.js";
+import { g as _e } from "./payment-field-utils-DobiK5Xh.js";
+import { u as he } from "./use-synced-display-value-DcAxdn3M.js";
+import { E as ye } from "./error-icon-hZxQ6DEy.js";
+import { s as g } from "./field-rac.module-DjmaTYkc.js";
+import { z as Ne, Q as be, j as Fe, k as ge, l as De, y as Le, p as Re, i as Se, F as Ae } from "./form-element-classes-BXNs5k3q.js";
+import { o as ve } from "./options-rac.module-KM-VT_KY.js";
+function Te(e, n) {
+  return e.reduce((o, r) => (o[r[n]] = r, o), {});
+}
+function xe(e) {
+  return Te(e, "id");
+}
+const Me = 0.01;
+function Pe(e) {
+  var n;
+  return ((n = e == null ? void 0 : e.fixedPriceOptions) == null ? void 0 : n.price) || "0";
+}
+function K(e, n) {
+  const o = Number(n || "0");
+  return {
+    productId: e.id,
+    price: e.priceType === Q.DYNAMIC_PRICE ? o : String(o),
+    quantity: 1
+  };
+}
+function Be(e) {
+  return e.find((n) => n.priceType === Q.DYNAMIC_PRICE);
+}
+function ke(e, n) {
+  return (e == null ? void 0 : e.productId) === (n == null ? void 0 : n.id) ? String((e == null ? void 0 : e.price) ?? "") : "";
+}
+function qe(e, n, o) {
+  const r = (n == null ? void 0 : n.productId) === e ? void 0 : e, s = r ? o[r] : void 0;
+  return s ? [
+    K(s, Pe(s))
+  ] : [];
+}
+const a = ({ children: e }) => {
+  const { id: n, value: o, onChange: r, disabled: s, required: m, onBlur: p, onFocus: _, validation: c, addOther: u, addOtherPlaceholder: i, FieldLayout: E, hasError: f } = A(), { labelId: h } = k(), { t: I } = ae(), { currency: T, regionalFormat: b } = v(), d = o == null ? void 0 : o[0], F = B(() => {
+    var C, P;
+    return ((P = (C = c == null ? void 0 : c.predefined) == null ? void 0 : C.paymentOptions) == null ? void 0 : P.products) || [];
+  }, [
+    c
+  ]), x = B(() => xe(F), [
+    F
+  ]), l = B(() => u ? Be(F) : void 0, [
+    F,
+    u
+  ]), W = ke(d, l), [q, M] = he({
+    sourceValue: W,
+    format: (C) => fe(String(C ?? ""), b),
+    regionalFormat: b
+  }), w = L((C) => {
+    r(qe(C, d, x)), M("");
+  }, [
+    r,
+    x,
+    d,
+    M
+  ]), V = L((C) => {
+    l && r(typeof C == "number" ? [
+      K(l, String(C))
+    ] : []);
+  }, [
+    r,
+    l
+  ]), Y = B(() => pe(V, 500), [
+    V
+  ]), J = L((C) => {
+    (d == null ? void 0 : d.productId) !== (l == null ? void 0 : l.id) && r(void 0);
+    const { validInput: P, validNumber: te } = Oe(C.target.value, Me, q, b);
+    M(P), Y(te);
+  }, [
+    b,
+    r,
+    d,
+    l,
+    q,
+    Y,
+    M
+  ]), U = (d == null ? void 0 : d.productId) || null, X = L(() => {
+    l != null && l.id && U !== l.id && w(l.id);
+  }, [
+    l == null ? void 0 : l.id,
+    U,
+    w
+  ]), Z = O(e, a.Label), G = O(e, a.Control), ee = O(e, a.Description), ne = O(e, a.Error);
+  return /* @__PURE__ */ t.createElement(E, {
+    fieldId: n,
+    renderLabel: () => Z,
+    renderInput: () => /* @__PURE__ */ t.createElement(ie, {
+      "aria-labelledby": h,
+      value: U,
+      onChange: w,
+      isDisabled: s,
+      isInvalid: f,
+      isRequired: m,
+      onBlur: p,
+      onFocus: _
+    }, G ? N(G, {
+      productsById: x,
+      addOther: u,
+      customAmount: q,
+      onCustomAmountInputChange: J,
+      currency: T,
+      t: I,
+      placeholder: i === void 0 ? I("donation.other-option.placeholder") : i,
+      customAmountProductId: l == null ? void 0 : l.id,
+      onFocusCustomInput: X
+    }) : null),
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, ne, ee)
+  });
+}, we = ({ children: e, className: n, ...o }) => {
+  const { productsById: r, addOther: s, customAmount: m, onCustomAmountInputChange: p, currency: _, t: c, placeholder: u, customAmountProductId: i, onFocusCustomInput: E } = o, { hasError: f } = A(), h = O(e, a.Options), I = O(e, a.OtherInput);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: n,
+    "data-invalid": f
+  }, h ? N(h, {
+    productsById: r
+  }) : null, s && i && /* @__PURE__ */ t.createElement(j, {
+    value: i,
+    style: {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0, 0, 0, 0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    }
+  }, /* @__PURE__ */ t.createElement(z, {
+    "aria-label": c("donation.other-option.label", "Custom amount")
+  }, c("donation.other-option.label", "Custom amount"))), I && s ? N(I, {
+    customAmount: m,
+    onCustomAmountInputChange: p,
+    currency: _,
+    t: c,
+    placeholder: u,
+    customAmountProductId: i,
+    onFocusCustomInput: E
+  }) : null);
+}, $ = ({ children: e, className: n, ...o }) => {
+  const { productsById: r } = o, { options: s, numberOfColumns: m } = A(), { isMobile: p } = v(), _ = O(e, $.Option), c = p ? Ce.ONE : m;
+  return /* @__PURE__ */ t.createElement("div", {
+    className: n,
+    "data-columns": c
+  }, s.map((u) => {
+    var f;
+    const i = r[u.value], E = (f = i == null ? void 0 : i.fixedPriceOptions) == null ? void 0 : f.price;
+    return N(_, {
+      key: u.value,
+      value: u.value,
+      price: E || "0"
+    });
+  }));
+}, R = ({ children: e, className: n, ...o }) => {
+  const { value: r, price: s } = o, { id: m } = A(), { currency: p, regionalFormat: _ } = v(), c = O(e, R.Value), u = O(e, R.Currency), { isCurrencyPrefixed: i } = H({
+    amount: s,
+    currency: p == null ? void 0 : p.code,
+    locale: _
+  }), E = oe(null);
+  se(() => {
+    var h, I;
+    (I = (h = E.current) == null ? void 0 : h.querySelector("input")) == null || I.focus();
+  }, m);
+  const f = c ? N(c, {
+    price: s
+  }) : null;
+  return /* @__PURE__ */ t.createElement(j, {
+    value: r
+  }, /* @__PURE__ */ t.createElement(z, {
+    className: n,
+    ref: E
+  }, /* @__PURE__ */ t.createElement(t.Fragment, null, i && u, f, !i && u)));
+}, Ue = ({ className: e, ...n }) => {
+  const { price: o } = n, { currency: r, regionalFormat: s } = v(), { value: m } = H({
+    amount: o,
+    currency: r == null ? void 0 : r.code,
+    locale: s
+  });
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e
+  }, m);
+}, $e = ({ className: e }) => {
+  const { currency: n } = v();
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e
+  }, (n == null ? void 0 : n.sign) || (n == null ? void 0 : n.code) || "");
+};
+R.Value = Ue;
+R.Currency = $e;
+const S = ({ children: e, className: n, ...o }) => {
+  const { customAmount: r, onCustomAmountInputChange: s, currency: m, t: p, placeholder: _, customAmountProductId: c, onFocusCustomInput: u } = o, { disabled: i, hasError: E } = A(), { labelId: f, prefixId: h } = k(), I = O(e, S.Currency), T = O(e, S.Value), b = L((F) => {
+    s({
+      target: {
+        value: F
+      }
+    });
+  }, [
+    s
+  ]), d = L(() => {
+    u();
+  }, [
+    u
+  ]);
+  return /* @__PURE__ */ t.createElement(ce, {
+    "aria-labelledby": `${f} ${h}`,
+    value: r,
+    onChange: b,
+    onFocus: d,
+    isDisabled: i,
+    isInvalid: E
+  }, /* @__PURE__ */ t.createElement(ue, {
+    className: n,
+    isDisabled: i,
+    isInvalid: E
+  }, r && m && I ? N(I, {
+    currency: m,
+    t: p
+  }) : null, T ? N(T, {
+    placeholder: _,
+    customAmountProductId: c
+  }) : null));
+}, Ve = ({ className: e, ...n }) => {
+  const { currency: o, t: r } = n, { prefixId: s } = k();
+  return /* @__PURE__ */ t.createElement("span", {
+    id: s,
+    "aria-hidden": !1,
+    "aria-label": _e(r, o),
+    className: e
+  }, (o == null ? void 0 : o.sign) || (o == null ? void 0 : o.code) || "");
+}, Ye = ({ className: e, ...n }) => {
+  const { placeholder: o, customAmountProductId: r } = n, { ariaDescribedBy: s, labelId: m, prefixId: p } = k();
+  return /* @__PURE__ */ t.createElement(me, {
+    id: r,
+    "aria-labelledby": `${m} ${p}`,
+    "aria-describedby": s,
+    placeholder: o,
+    inputMode: "decimal",
+    autoComplete: "off",
+    className: e
+  });
+};
+S.Currency = Ve;
+S.Value = Ye;
+$.Option = R;
+a.Label = Ie;
+a.Control = we;
+a.Options = $;
+a.OtherInput = S;
+a.Description = de;
+a.Error = Ee;
+const Ge = "_control_11glx_1", Qe = "_options_11glx_7", je = "_option_11glx_7", ze = "_optionCurrency_11glx_89", He = "_otherInput_11glx_93", Ke = "_otherInputCurrency_11glx_112", D = {
+  control: Ge,
+  options: Qe,
+  option: je,
+  optionCurrency: ze,
+  otherInput: He,
+  otherInputCurrency: Ke
+}, We = ({ content: e, locale: n }) => /* @__PURE__ */ t.createElement(re, {
+  content: e,
+  locale: n
+}), Je = () => {
+  const e = le(Ae.DONATION_OPTION);
+  return /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
+    className: y(Ne, g.label)
+  }, /* @__PURE__ */ t.createElement(a.Label.Required, {
+    className: y(be, g.requiredMark)
+  })), /* @__PURE__ */ t.createElement(a.Control, {
+    className: D.control
+  }, /* @__PURE__ */ t.createElement(a.Options, {
+    className: y(Fe, ve.options, D.options)
+  }, /* @__PURE__ */ t.createElement(a.Options.Option, {
+    className: ({ isSelected: n }) => y(ge, D.option, e, {
+      [De]: n
+    })
+  }, /* @__PURE__ */ t.createElement(a.Options.Option.Value, null), /* @__PURE__ */ t.createElement(a.Options.Option.Currency, {
+    className: D.optionCurrency
+  }))), /* @__PURE__ */ t.createElement(a.OtherInput, {
+    className: y(Le, g.input, D.otherInput)
+  }, /* @__PURE__ */ t.createElement(a.OtherInput.Currency, {
+    className: D.otherInputCurrency
+  }), /* @__PURE__ */ t.createElement(a.OtherInput.Value, {
+    className: g.innerInput
+  }))), /* @__PURE__ */ t.createElement(a.Error, {
+    className: y(Re, g.error)
+  }, /* @__PURE__ */ t.createElement(ye, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)), /* @__PURE__ */ t.createElement(a.Description, {
+    className: y(Se, g.description)
+  }, We));
+}, On = () => /* @__PURE__ */ t.createElement(Je, null);
+export {
+  On as DonationRAC
+};

package/dist/component/{dropdown-field-headless-CTZ-zGqZ.js → dropdown-field-headless-BGfJ1FyZ.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 { ai as p, af as b, ak as j } from "./form-C6WwBcGP.js";
+import { ai as p, af as b, ak as j } from "./form-BpHElSwH.js";
 import { f as d, a as z } from "./find-child-C60k4CxG.js";
-import { D as G, E as H } from "./field-error-headless-DQZ5XAdn.js";
-import { L as J } from "./field-label-headless-DoxfHHaj.js";
+import { D as G, E as H } from "./field-error-headless-C5ZsFUKv.js";
+import { L as J } from "./field-label-headless-CS5OYsiI.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) => {

package/dist/component/{dropdown-field-rac-C1KVtxwv.js → dropdown-field-rac-DGiysJQY.js}

@@ -1,19 +1,19 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { D as o } from "./dropdown-field-headless-CTZ-zGqZ.js";
+import { D as o } from "./dropdown-field-headless-BGfJ1FyZ.js";
 import { C as n } from "./chevron-down-icon-CcpVm6B-.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-Cac83bU5.js";
-import { z as E, R as i, y as p, C as _, q as R, j as S } from "./form-element-classes-DDKCTFQj.js";
+import { s as r } from "./field-rac.module-DjmaTYkc.js";
+import { z as i, Q as E, y as p, B as _, p as S, i as R } from "./form-element-classes-BXNs5k3q.js";
 const D = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(m, {
   content: a,
   locale: s
 }), u = () => /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(o.Label, {
-  className: t(E, r.label)
+  className: t(i, r.label)
 }, /* @__PURE__ */ e.createElement(o.Label.Required, {
-  className: t(i, r.requiredMark)
+  className: t(E, r.requiredMark)
 })), /* @__PURE__ */ e.createElement(o.Trigger, {
   className: t(p, r.input, r.dropdownTrigger)
 }, /* @__PURE__ */ e.createElement(n, {
@@ -23,9 +23,9 @@ const D = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(m, {
 }, /* @__PURE__ */ e.createElement(o.Options.Option, {
   className: t(r.selectOption, c)
 })), /* @__PURE__ */ e.createElement(o.Error, {
-  className: t(R, r.error)
+  className: t(S, r.error)
 }, /* @__PURE__ */ e.createElement(l, null), /* @__PURE__ */ e.createElement(o.Error.Text, null)), /* @__PURE__ */ e.createElement(o.Description, {
-  className: t(S, r.description)
+  className: t(R, r.description)
 }, D));
 export {
   u as D

package/dist/component/{dropdown-rac-CkkDEDje.js → dropdown-rac-FHjz8fKp.js}

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

package/dist/component/{ecom-address-rac-BOuugSxX.js → ecom-address-rac-DSbpf4z8.js}

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

package/dist/component/{ecom-subscription-checkbox-rac-IZeMlljb.js → ecom-subscription-checkbox-rac-DiZWNwnt.js}

@@ -1,7 +1,7 @@
 import o, { useMemo as a } from "react";
-import { ai as n, as as c, h as i } from "./form-C6WwBcGP.js";
-import { C } from "./checkbox-field-rac-BH3yEE5j.js";
-import { o as l, p, n as m } from "./form-element-classes-DDKCTFQj.js";
+import { ai as n, as as c, h as i } from "./form-BpHElSwH.js";
+import { C } from "./checkbox-field-rac-4zG3Sf1c.js";
+import { n as l, o as m, m as p } from "./form-element-classes-BXNs5k3q.js";
 const _ = (e) => ({
   nodes: [
     {
@@ -38,9 +38,9 @@ const _ = (e) => ({
     }
   }, /* @__PURE__ */ o.createElement(C, {
     classes: {
-      container: m,
-      label: p,
-      control: l
+      container: p,
+      label: m,
+      indicator: l
     }
   }));
 };

package/dist/component/{email-input-field-rac-CNzmm1j7.js → email-input-field-rac-BQKK2O7L.js}

@@ -1,8 +1,8 @@
 import { RicosViewer as ie } from "@wix/ricos/viewer";
-import j from "classnames";
-import u, { createContext as Q, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
+import x from "classnames";
+import u, { createContext as J, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
 import { TextField as pe } from "react-aria-components";
-import { af as fe, as as ge, ad as ve, c as ye, ai as Ee, am as de, ag as be, f as Se } from "./form-C6WwBcGP.js";
+import { af as fe, as as ge, ad as ve, c as ye, ai as Ee, am as de, ag as be, f as Se } from "./form-BpHElSwH.js";
 import { f as L } from "./find-child-C60k4CxG.js";
 import ee from "@babel/runtime/helpers/objectWithoutProperties";
 import M from "@babel/runtime/helpers/typeof";
@@ -10,10 +10,10 @@ import Oe from "@babel/runtime/helpers/defineProperty";
 import he from "html-parse-stringify";
 import Ie from "@babel/runtime/helpers/classCallCheck";
 import Ne from "@babel/runtime/helpers/createClass";
-import { T as B } from "./text-input-headless-BQ3TWU9G.js";
+import { T as B } from "./text-input-headless-C_NTJmLe.js";
 import { E as Ae } from "./error-icon-hZxQ6DEy.js";
-import { s as C } from "./field-rac.module-Cac83bU5.js";
-import { z as Fe, R as ke, y as Te, q as De, j as je, $ as xe } from "./form-element-classes-DDKCTFQj.js";
+import { s as C } from "./field-rac.module-DjmaTYkc.js";
+import { z as Fe, Q as ke, y as Te, p as De, i as xe, $ as je } from "./form-element-classes-BXNs5k3q.js";
 var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Ce = {
   "&": "&",
   "&": "&",
@@ -48,7 +48,7 @@ var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#1
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
   unescape: Pe
-}, we, Re = Q();
+}, we, Re = J();
 function He() {
   return _e;
 }
@@ -81,14 +81,14 @@ function K() {
     typeof a[0] == "string" && (a[0] = "react-i18next:: ".concat(a[0])), (e = console).warn.apply(e, a);
   }
 }
-var z = {};
+var X = {};
 function Ue() {
   for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++)
     t[a] = arguments[a];
-  typeof t[0] == "string" && z[t[0]] || (typeof t[0] == "string" && (z[t[0]] = /* @__PURE__ */ new Date()), K.apply(void 0, t));
+  typeof t[0] == "string" && X[t[0]] || (typeof t[0] == "string" && (X[t[0]] = /* @__PURE__ */ new Date()), K.apply(void 0, t));
 }
-var Be = ["format"], qe = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
-function J(e, t) {
+var Be = ["format"], Ve = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
+function z(e, t) {
   var a = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -101,9 +101,9 @@ function J(e, t) {
 function p(e) {
   for (var t = 1; t < arguments.length; t++) {
     var a = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? J(Object(a), !0).forEach(function(o) {
+    t % 2 ? z(Object(a), !0).forEach(function(o) {
       Oe(e, o, a[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : J(Object(a)).forEach(function(o) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : z(Object(a)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(a, o));
     });
   }
@@ -117,7 +117,7 @@ function Y(e, t) {
 function $(e) {
   return e ? e.props ? e.props.children : e.children : [];
 }
-function Ve(e) {
+function qe(e) {
   return Object.prototype.toString.call(e) !== "[object Array]" ? !1 : e.every(function(t) {
     return U(t);
   });
@@ -177,7 +177,7 @@ function $e(e, t, a, o, c, r) {
   var T = he.parse("<0>".concat(t, "</0>")), O = p(p({}, d), c);
   function F(y, h, s) {
     var i = $(y), I = S(i, h.children, s);
-    return Ve(i) && I.length === 0 ? i : I;
+    return qe(i) && I.length === 0 ? i : I;
   }
   function A(y, h, s, i, I) {
     y.dummy && (y.children = h), s.push(R(y, p(p({}, y.props), {}, {
@@ -193,11 +193,11 @@ function $e(e, t, a, o, c, r) {
         !N && s.length === 1 && s[0][n.name] && (N = s[0][n.name]), N || (N = {});
         var m = Object.keys(n.attrs).length !== 0 ? Ye({
           props: n.attrs
-        }, N) : N, D = U(m), q = D && Y(n, !0) && !n.voidElement, _ = v && M(m) === "object" && m.dummy && !D, w = M(e) === "object" && e !== null && Object.hasOwnProperty.call(e, n.name);
+        }, N) : N, D = U(m), V = D && Y(n, !0) && !n.voidElement, _ = v && M(m) === "object" && m.dummy && !D, w = M(e) === "object" && e !== null && Object.hasOwnProperty.call(e, n.name);
         if (typeof m == "string") {
-          var V = a.services.interpolator.interpolate(m, O, a.language);
-          l.push(V);
-        } else if (Y(m) || q) {
+          var q = a.services.interpolator.interpolate(m, O, a.language);
+          l.push(q);
+        } else if (Y(m) || V) {
           var ne = F(m, n, s);
           A(m, ne, l, E);
         } else if (_) {
@@ -235,26 +235,26 @@ function $e(e, t, a, o, c, r) {
           key: E
         })));
       } else if (n.type === "text") {
-        var W = o.transWrapTextNodes, X = r ? o.unescape(a.services.interpolator.interpolate(n.content, O, a.language)) : a.services.interpolator.interpolate(n.content, O, a.language);
+        var W = o.transWrapTextNodes, Q = r ? o.unescape(a.services.interpolator.interpolate(n.content, O, a.language)) : a.services.interpolator.interpolate(n.content, O, a.language);
         W ? l.push(H(W, {
           key: "".concat(n.name, "-").concat(E)
-        }, X)) : l.push(X);
+        }, Q)) : l.push(Q);
       }
       return l;
     }, []);
   }
-  var x = S([{
+  var j = S([{
     dummy: !0,
     children: e || []
   }], T, P(e || []));
-  return $(x[0]);
+  return $(j[0]);
 }
 function Ge(e) {
-  var t = e.children, a = e.count, o = e.parent, c = e.i18nKey, r = e.context, g = e.tOptions, v = g === void 0 ? {} : g, d = e.values, b = e.defaults, T = e.components, O = e.ns, F = e.i18n, A = e.t, S = e.shouldUnescape, x = ee(e, qe), y = Z(Re) || {}, h = y.i18n, s = y.defaultNS, i = F || h || Ke();
+  var t = e.children, a = e.count, o = e.parent, c = e.i18nKey, r = e.context, g = e.tOptions, v = g === void 0 ? {} : g, d = e.values, b = e.defaults, T = e.components, O = e.ns, F = e.i18n, A = e.t, S = e.shouldUnescape, j = ee(e, Ve), y = Z(Re) || {}, h = y.i18n, s = y.defaultNS, i = F || h || Ke();
   if (!i)
     return Ue("You will need to pass in an i18next instance by using i18nextReactModule"), t;
-  var I = A || i.t.bind(i) || function(V) {
-    return V;
+  var I = A || i.t.bind(i) || function(q) {
+    return q;
   };
   r && (v.context = r);
   var l = p(p({}, He()), i.options && i.options.react), n = O || I.ns || s || i.options && i.options.defaultNS;
@@ -269,23 +269,23 @@ function Ge(e) {
   }, d), m), {}, {
     defaultValue: E,
     ns: n
-  }), q = N ? I(N, D) : E, _ = $e(T || t, q, i, l, D, S), w = o !== void 0 ? o : l.defaultTransParent;
-  return w ? H(w, x, _) : _;
+  }), V = N ? I(N, D) : E, _ = $e(T || t, V, i, l, D, S), w = o !== void 0 ? o : l.defaultTransParent;
+  return w ? H(w, j, _) : _;
 }
-const We = "email-mistype-suggestion", Xe = "email-mistype-suggestion-link", ae = /* @__PURE__ */ Q(void 0);
-function ze() {
+const We = "email-mistype-suggestion", Qe = "email-mistype-suggestion-link", ae = /* @__PURE__ */ J(void 0);
+function Xe() {
   const e = Z(ae);
   if (e === void 0)
     throw new Error("useEmailSuggestion must be used inside <EmailInput>");
   return e;
 }
-const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__PURE__ */ u.createElement(ae.Provider, {
+const ze = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__PURE__ */ u.createElement(ae.Provider, {
   value: {
     activeSuggestion: e,
     applySuggestion: t
   }
-}, a), Qe = ({ className: e }) => {
-  const { suggestionId: t } = fe(), { activeSuggestion: a, applySuggestion: o } = ze(), { t: c, i18n: r } = ge();
+}, a), Je = ({ className: e }) => {
+  const { suggestionId: t } = fe(), { activeSuggestion: a, applySuggestion: o } = Xe(), { t: c, i18n: r } = ge();
   return /* @__PURE__ */ u.createElement("div", {
     id: t,
     "data-hook": We,
@@ -302,7 +302,7 @@ const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__P
       /* @__PURE__ */ u.createElement("button", {
         key: "0",
         type: "button",
-        "data-hook": Xe,
+        "data-hook": Qe,
         "aria-label": c("input.email.mistype-check.fix-aria-label", {
           email: a
         }),
@@ -449,17 +449,17 @@ const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__P
     validate: v
   };
 }, f = ({ children: e }) => {
-  const { id: t, value: a, onChange: o, disabled: c, readOnly: r, required: g, hasError: v, onBlur: d, onFocus: b, error: T, description: O, FieldLayout: F } = Ee(), { isMistyped: A, suggestedEmail: S, validate: x } = at({
+  const { id: t, value: a, onChange: o, disabled: c, readOnly: r, required: g, hasError: v, onBlur: d, onFocus: b, error: T, description: O, FieldLayout: F } = Ee(), { isMistyped: A, suggestedEmail: S, validate: j } = at({
     email: a,
     hasError: v
   }), { setFocusedFieldId: y } = de(), s = A && (!r && !c) && S ? S : void 0, i = be(t, T, O, s), I = () => {
     o(s), y(t);
   }, l = () => {
-    x(), d == null || d();
+    j(), d == null || d();
   }, n = L(e, f.Label), E = L(e, f.Input), k = L(e, f.Description), N = L(e, f.Error), m = L(e, f.Suggestion);
   return /* @__PURE__ */ u.createElement(Se.Provider, {
     value: i
-  }, /* @__PURE__ */ u.createElement(Je, {
+  }, /* @__PURE__ */ u.createElement(ze, {
     activeSuggestion: s,
     applySuggestion: I
   }, /* @__PURE__ */ u.createElement(F, {
@@ -483,24 +483,24 @@ f.Label = B.Label;
 f.Input = B.Input;
 f.Description = B.Description;
 f.Error = B.Error;
-f.Suggestion = Qe;
+f.Suggestion = Je;
 const nt = "_suggestion_di65n_1", ot = {
   suggestion: nt
 }, rt = ({ content: e, locale: t }) => /* @__PURE__ */ u.createElement(ie, {
   content: e,
   locale: t
 }), ht = () => /* @__PURE__ */ u.createElement(f, null, /* @__PURE__ */ u.createElement(f.Label, {
-  className: j(Fe, C.label)
+  className: x(Fe, C.label)
 }, /* @__PURE__ */ u.createElement(f.Label.Required, {
-  className: j(ke, C.requiredMark)
+  className: x(ke, C.requiredMark)
 })), /* @__PURE__ */ u.createElement(f.Input, {
-  className: j(Te, C.input)
+  className: x(Te, C.input)
 }), /* @__PURE__ */ u.createElement(f.Error, {
-  className: j(De, C.error)
+  className: x(De, C.error)
 }, /* @__PURE__ */ u.createElement(Ae, null), /* @__PURE__ */ u.createElement(f.Error.Text, null)), /* @__PURE__ */ u.createElement(f.Description, {
-  className: j(je, C.description)
+  className: x(xe, C.description)
 }, rt), /* @__PURE__ */ u.createElement(f.Suggestion, {
-  className: j(xe, ot.suggestion)
+  className: x(je, ot.suggestion)
 }));
 export {
   ht as E