@wix/form-elements 1.74.0 → 1.76.0

package/dist/component/checkbox-group-field-headless-D_GG5LHM.js

@@ -1,210 +0,0 @@
-import r, { useMemo as F, useCallback as _, useRef as H, useState as w, useEffect as U } from "react";
-import { CheckboxGroup as W, CheckboxField as A, CheckboxButton as j, TextField as z, Input as J } from "react-aria-components";
-import { debounce as K } from "ts-debounce";
-import { ai as N, af as Q, as as X, ab as Y, ak as Z } from "./form-C6WwBcGP.js";
-import { f as L, a as k } from "./find-child-C60k4CxG.js";
-import { D as ee, E as te } from "./field-error-headless-DQZ5XAdn.js";
-import { L as ne } from "./field-label-headless-DoxfHHaj.js";
-import { F as ae } from "./fieldset-headless-CD3fds9J.js";
-import { N as se } from "./options-layout-constants-DEfIEJWD.js";
-const R = "Other", le = (e, t) => e.some((l) => !t.includes(l)), B = (e, t) => e.length > 0 && le(e, t), oe = (e, t) => {
-  const l = t == null ? void 0 : t("add-other.default-other-option-label");
-  return e || l || R;
-}, P = (e, t) => {
-  const a = t ? t.length + 2 : 0;
-  return (e.find((c) => c.startsWith(`${t}: `)) || "").slice(a);
-}, D = (e) => e.map((t) => t.value ?? t.label), v = ({ children: e }) => {
-  const t = N(), { id: l, value: a, onChange: n, disabled: c, required: u, onBlur: I, onFocus: p, hasError: b, FieldLayout: i } = t, { inputId: f, labelId: d, ariaDescribedBy: o } = Q(), O = L(e, v.Label), h = L(e, v.Options), g = L(e, v.Description), C = L(e, v.Error), s = F(() => a || [], [
-    a
-  ]), E = _((V) => {
-    n == null || n(V);
-  }, [
-    n
-  ]);
-  return /* @__PURE__ */ r.createElement(i, {
-    fieldId: l,
-    renderLabel: () => O,
-    renderInput: () => /* @__PURE__ */ r.createElement(ae, {
-      id: f,
-      ariaLabelledBy: d,
-      ariaDescribedBy: o,
-      required: u,
-      onBlur: I,
-      onFocus: p
-    }, /* @__PURE__ */ r.createElement(W, {
-      "aria-labelledby": d,
-      value: s,
-      onChange: E,
-      isDisabled: c,
-      isRequired: u,
-      isInvalid: b
-    }, h)),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, g)
-  });
-}, $ = ({ children: e, className: t }) => {
-  const l = N(), { id: a, options: n, addOther: c, addOtherLabel: u, numberOfColumns: I } = l, { t: p } = X(), { isMobile: b } = Y(), i = L(e, $.Option), f = oe(u, p), d = b ? se.ONE : I;
-  return /* @__PURE__ */ r.createElement("div", {
-    className: t,
-    "data-columns": d
-  }, n == null ? void 0 : n.map((o, O) => {
-    const h = o.value ?? o.label;
-    return k(i, {
-      key: o.id || o.label,
-      value: h,
-      label: o.label,
-      isFirst: O === 0,
-      fieldId: a
-    });
-  }), c && k(i, {
-    key: R,
-    value: R,
-    label: f,
-    isOther: !0
-  }));
-}, re = ({ className: e, ...t }) => {
-  const l = t;
-  return /* @__PURE__ */ r.createElement("div", {
-    "aria-hidden": "true",
-    className: typeof e == "function" ? e(l) : e
-  });
-}, ce = ({ className: e, ...t }) => {
-  const { label: l } = t;
-  return /* @__PURE__ */ r.createElement("span", {
-    className: e
-  }, l);
-}, x = ({ children: e, className: t, ...l }) => {
-  const { value: a, label: n, isFirst: c = !1, isOther: u = !1, fieldId: I } = l, p = N(), { value: b, onChange: i, disabled: f, readOnly: d, hasError: o, options: O } = p, h = H(null);
-  Z(() => {
-    var m;
-    c && ((m = h.current) == null || m.focus({
-      preventScroll: !0
-    }));
-  }, I);
-  const g = L(e, x.Label), C = L(e, x.Input), s = F(() => b || [], [
-    b
-  ]), E = F(() => u ? s.find((m) => m === n || m.startsWith(`${n}: `)) || n : a, [
-    u,
-    s,
-    n,
-    a
-  ]), V = _((m) => {
-    if (!u)
-      return;
-    const y = D(O || []), S = s.filter((G) => y.includes(G)), q = m ? [
-      ...S,
-      n
-    ] : S;
-    i == null || i(q);
-  }, [
-    u,
-    n,
-    i,
-    O,
-    s
-  ]);
-  return /* @__PURE__ */ r.createElement(A, {
-    value: E,
-    onChange: u ? V : void 0,
-    isDisabled: f,
-    isReadOnly: d,
-    isInvalid: o
-  }, /* @__PURE__ */ r.createElement(j, {
-    ref: h,
-    className: t,
-    "data-hook": `checkbox-${n}`
-  }, ({ isSelected: m, isHovered: y }) => /* @__PURE__ */ r.createElement(r.Fragment, null, k(C, {
-    isSelected: m,
-    isHovered: y
-  }), k(g, {
-    label: n
-  }))));
-};
-x.Label = ce;
-x.Input = re;
-const M = ({ children: e, ...t }) => {
-  const { value: l, label: a, isFirst: n = !1, isOther: c = !1, fieldId: u } = t, I = N(), { value: p, onChange: b, options: i, addOtherPlaceholder: f, otherInputCharacterLimit: d, disabled: o, readOnly: O, hasError: h } = I, g = L(e, x), C = L(e, T), s = F(() => p || [], [
-    p
-  ]), E = F(() => {
-    if (!c)
-      return !1;
-    const V = D(i || []);
-    return B(s, V);
-  }, [
-    c,
-    s,
-    i
-  ]);
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, k(g, {
-    value: l,
-    label: a,
-    isFirst: n,
-    isOther: c,
-    fieldId: u
-  }), c && E && k(C, {
-    fieldValue: s,
-    onChange: b,
-    label: a,
-    placeholder: f,
-    maxLength: d,
-    disabled: o,
-    readOnly: O,
-    hasError: h,
-    ariaLabel: a,
-    addOtherLabel: a,
-    options: i
-  }));
-}, T = ({ className: e, inputClassName: t, ...l }) => {
-  const { fieldValue: a, onChange: n, label: c, placeholder: u, maxLength: I, disabled: p, readOnly: b, hasError: i, ariaLabel: f, addOtherLabel: d, options: o } = l, [O, h] = w(() => {
-    const s = D(o || []);
-    return B(a, s) ? P(a, d) : "";
-  });
-  U(() => {
-    const s = D(o || []), E = B(a, s);
-    h(E ? P(a, d) : "");
-  }, [
-    a,
-    o,
-    d
-  ]);
-  const g = F(() => K((s) => {
-    const E = D(o || []), V = a.filter((S) => E.includes(S)), m = s ? `${d}: ${s}` : c, y = [
-      ...V,
-      m
-    ];
-    n(y);
-  }, 500), [
-    n,
-    o,
-    a,
-    d,
-    c
-  ]), C = _((s) => {
-    h(s), g(s);
-  }, [
-    g
-  ]);
-  return /* @__PURE__ */ r.createElement(z, {
-    "aria-label": f,
-    value: O,
-    onChange: C,
-    isDisabled: p,
-    isReadOnly: b,
-    isInvalid: i,
-    className: e
-  }, /* @__PURE__ */ r.createElement(J, {
-    className: t,
-    placeholder: u,
-    maxLength: I,
-    "aria-label": f
-  }));
-};
-v.Label = ne;
-v.Options = $;
-$.Option = M;
-M.Checkbox = x;
-M.OtherInput = T;
-v.Description = ee;
-v.Error = te;
-export {
-  v as C
-};

package/dist/component/checkbox-group-field-rac-Cj7Erubs.js

@@ -1,41 +0,0 @@
-import { RicosViewer as l } from "@wix/ricos/viewer";
-import a from "classnames";
-import e from "react";
-import { ac as m } from "./form-C6WwBcGP.js";
-import { C as t } from "./checkbox-group-field-headless-D_GG5LHM.js";
-import { E as _ } from "./error-icon-hZxQ6DEy.js";
-import { s as r } from "./field-rac.module-Cac83bU5.js";
-import { z as c, R as O, a as C, b as i, c as p, d as R, e as L, y as I, q as S, j as D } from "./form-element-classes-DDKCTFQj.js";
-import { C as F } from "./form-element-keys-D0sEdpFo.js";
-import { o as n } from "./options-rac.module-KM-VT_KY.js";
-const N = ({ content: o, locale: s }) => /* @__PURE__ */ e.createElement(l, {
-  content: o,
-  locale: s
-}), k = () => {
-  const o = m(F);
-  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: a(c, r.label)
-  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: a(O, r.requiredMark)
-  })), /* @__PURE__ */ e.createElement(t.Options, {
-    className: a(C, n.options)
-  }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
-    className: r.checkbox
-  }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
-    className: ({ isSelected: s, isHovered: E }) => a(i, r.checkboxInput, o, {
-      [R]: s,
-      [p]: E
-    })
-  }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-    className: a(L, n.optionLabel)
-  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-    inputClassName: a(I, r.input)
-  }))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: a(S, r.error)
-  }, /* @__PURE__ */ e.createElement(_, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: a(D, r.description)
-  }, N));
-};
-export {
-  k as C
-};

package/dist/component/contacts-subscribe-rac-Dl1ot9qw.js

@@ -1,13 +0,0 @@
-import C from "react";
-import { C as _ } from "./checkbox-field-rac-BH3yEE5j.js";
-import { Z as e, _ as o, Y as r } from "./form-element-classes-DDKCTFQj.js";
-const a = () => /* @__PURE__ */ C.createElement(_, {
-  classes: {
-    container: r,
-    label: o,
-    control: e
-  }
-});
-export {
-  a as ContactsSubscribeRAC
-};

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

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