@wix/form-elements 1.64.0 → 1.65.0

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

@@ -1,305 +0,0 @@
-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 j, RadioButton as J, TextField as ce, Input as ie } from "react-aria-components";
-import { debounce as ue } from "ts-debounce";
-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 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 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 Le(e) {
-  return De(e, "id");
-}
-const Re = 0.01;
-function Se(e) {
-  var t;
-  return ((t = e == null ? void 0 : e.fixedPriceOptions) == null ? void 0 : t.price) || "0";
-}
-function K(e, t) {
-  const r = Number(t || "0");
-  return {
-    productId: e.id,
-    price: e.priceType === Q.DYNAMIC_PRICE ? r : String(r),
-    quantity: 1
-  };
-}
-function Ae(e) {
-  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) ?? "") : "";
-}
-function Me(e, t, r) {
-  const o = (t == null ? void 0 : t.productId) === e ? void 0 : e, s = o ? r[o] : void 0;
-  return s ? [
-    K(s, Se(s))
-  ] : [];
-}
-const a = ({ children: e }) => {
-  const { id: t, value: r, onChange: o, disabled: s, required: c, onBlur: i, onFocus: y, validation: u, addOther: m, addOtherPlaceholder: I, FieldLayout: O, hasError: E } = P(), { labelId: p } = V(), { t: d } = me(), { currency: b, regionalFormat: F } = M(), C = r == null ? void 0 : r[0], N = w(() => {
-    var f, T;
-    return ((T = (f = u == null ? void 0 : u.predefined) == null ? void 0 : f.paymentOptions) == null ? void 0 : T.products) || [];
-  }, [
-    u
-  ]), L = w(() => Le(N), [
-    N
-  ]), l = w(() => m ? Ae(N) : void 0, [
-    N,
-    m
-  ]), X = Pe(C, l), [q, x] = ye({
-    sourceValue: X,
-    format: (f) => he(String(f ?? ""), F),
-    regionalFormat: F
-  }), z = D((f) => {
-    o(Me(f, C, L)), x("");
-  }, [
-    o,
-    L,
-    C,
-    x
-  ]), $ = D((f) => {
-    l && o(typeof f == "number" ? [
-      K(l, String(f))
-    ] : []);
-  }, [
-    o,
-    l
-  ]), G = w(() => ue($, 500), [
-    $
-  ]), 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, Re, q, F);
-    x(T), G(re);
-  }, [
-    F,
-    o,
-    C,
-    l,
-    q,
-    G,
-    x
-  ]), 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,
-    k,
-    z
-  ]), 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: k,
-      onChange: z,
-      isDisabled: s,
-      isInvalid: E,
-      isRequired: c,
-      onBlur: i,
-      onFocus: y
-    }, H ? g(H, {
-      productsById: L,
-      addOther: m,
-      customAmount: q,
-      onCustomAmountInputChange: Z,
-      currency: b,
-      t: d,
-      placeholder: I === void 0 ? d("donation.other-option.placeholder") : I,
-      customAmountProductId: l == null ? void 0 : l.id,
-      onFocusCustomInput: ee
-    }) : null),
-    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, oe, ne)
-  });
-}, xe = ({ children: e, className: t, ...r }) => {
-  const { productsById: o, addOther: s, customAmount: c, onCustomAmountInputChange: i, currency: y, t: u, placeholder: m, customAmountProductId: I, onFocusCustomInput: O } = r, { hasError: E } = P(), p = h(e, a.Options), d = h(e, a.OtherInput);
-  return /* @__PURE__ */ n.createElement("div", {
-    className: t,
-    "data-invalid": E
-  }, p ? g(p, {
-    productsById: o,
-    addOther: s,
-    customAmountProductId: I,
-    t: u
-  }) : null, d && s ? g(d, {
-    customAmount: c,
-    onCustomAmountInputChange: i,
-    currency: y,
-    t: u,
-    placeholder: m,
-    customAmountProductId: I,
-    onFocusCustomInput: O
-  }) : null);
-}, 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
-  }, y.map((E) => {
-    var b;
-    const p = o[E.value], d = (b = p == null ? void 0 : p.fixedPriceOptions) == null ? void 0 : b.price;
-    return g(I, {
-      key: E.value,
-      value: E.value,
-      price: d || "0"
-    });
-  }), s && c && /* @__PURE__ */ n.createElement(j, {
-    value: c,
-    style: {
-      position: "absolute",
-      width: "1px",
-      height: "1px",
-      padding: "0",
-      margin: "-1px",
-      overflow: "hidden",
-      clip: "rect(0, 0, 0, 0)",
-      whiteSpace: "nowrap",
-      border: "0"
-    }
-  }, /* @__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 } = W({
-    amount: s,
-    currency: i == null ? void 0 : i.code,
-    locale: y
-  }), O = ae(null);
-  pe(() => {
-    var p, d;
-    (d = (p = O.current) == null ? void 0 : p.querySelector("input")) == null || d.focus();
-  }, c);
-  const E = u ? g(u, {
-    price: s
-  }) : null;
-  return /* @__PURE__ */ n.createElement(j, {
-    value: o
-  }, /* @__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 } = W({
-    amount: r,
-    currency: o == null ? void 0 : o.code,
-    locale: s
-  });
-  return /* @__PURE__ */ n.createElement("span", {
-    className: e
-  }, c);
-}, we = ({ className: e }) => {
-  const { currency: t } = M();
-  return /* @__PURE__ */ n.createElement("span", {
-    className: e
-  }, (t == null ? void 0 : t.sign) || (t == null ? void 0 : t.code) || "");
-};
-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 = D((L) => {
-    s({
-      target: {
-        value: L
-      }
-    });
-  }, [
-    s
-  ]), C = D(() => {
-    m();
-  }, [
-    m
-  ]), N = o && o.trim() !== "";
-  return /* @__PURE__ */ n.createElement(ce, {
-    "aria-labelledby": `${E} ${p}`,
-    value: o,
-    onChange: F,
-    onFocus: C,
-    isDisabled: I,
-    isInvalid: O,
-    className: t,
-    "data-selected": N ? "true" : void 0
-  }, o && c && d ? g(d, {
-    currency: c,
-    t: i
-  }) : null, b ? g(b, {
-    placeholder: y,
-    customAmountProductId: u
-  }) : null);
-}, Be = ({ className: e, ...t }) => {
-  const { currency: r, t: o } = t, { prefixId: s } = V();
-  return /* @__PURE__ */ n.createElement("span", {
-    id: s,
-    "aria-hidden": !1,
-    "aria-label": Oe(o, r),
-    className: e
-  }, (r == null ? void 0 : r.sign) || (r == null ? void 0 : r.code) || "");
-}, Ve = ({ className: e, ...t }) => {
-  const { placeholder: r, customAmountProductId: o } = t, { ariaDescribedBy: s, labelId: c, prefixId: i } = V();
-  return /* @__PURE__ */ n.createElement(ie, {
-    id: o,
-    "aria-labelledby": `${c} ${i}`,
-    "aria-describedby": s,
-    placeholder: r,
-    inputMode: "decimal",
-    autoComplete: "off",
-    className: e
-  });
-};
-A.Currency = Be;
-A.Value = Ve;
-U.Option = S;
-a.Label = Ce;
-a.Control = xe;
-a.Options = U;
-a.OtherInput = A;
-a.Description = de;
-a.Error = Ie;
-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: ke,
-  otherInput: Ue,
-  otherInputValue: $e,
-  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, R.label)
-}, /* @__PURE__ */ n.createElement(a.Label.Required, {
-  className: _(ge, R.requiredMark)
-})), /* @__PURE__ */ n.createElement(a.Control, {
-  className: v.control
-}, /* @__PURE__ */ n.createElement(a.Options, {
-  className: ve.options
-}, /* @__PURE__ */ n.createElement(a.Options.Option, {
-  className: _(Y, v.option)
-}, /* @__PURE__ */ n.createElement(a.Options.Option.Value, {
-  className: B
-}), /* @__PURE__ */ n.createElement(a.Options.Option.Currency, {
-  className: _(B, v.optionCurrency)
-}))), /* @__PURE__ */ n.createElement(a.OtherInput, {
-  className: _(Y, R.input, v.otherInput)
-}, /* @__PURE__ */ n.createElement(a.OtherInput.Currency, {
-  className: _(B, v.otherInputCurrency)
-}), /* @__PURE__ */ n.createElement(a.OtherInput.Value, {
-  className: _(B, v.otherInputValue)
-}))), /* @__PURE__ */ n.createElement(a.Error, {
-  className: _(Fe, R.error)
-}, /* @__PURE__ */ n.createElement(_e, null), /* @__PURE__ */ n.createElement(a.Error.Text, null)), /* @__PURE__ */ n.createElement(a.Description, {
-  className: _(Ne, R.description)
-}, He)), mt = () => /* @__PURE__ */ n.createElement(Ye, null);
-export {
-  mt as DonationRAC
-};

package/dist/component/field-rac.module-CWkwwhq4.js

@@ -1,21 +0,0 @@
-const o = "_label_1j5hc_1", c = "_requiredMark_1j5hc_11", n = "_input_1j5hc_16", t = "_inputGroup_1j5hc_17", e = "_innerInput_1j5hc_123", r = "_dropdownTrigger_1j5hc_166", _ = "_dropdownIcon_1j5hc_176", p = "_dropdownPopover_1j5hc_195", s = "_selectPopover_1j5hc_199", i = "_selectOption_1j5hc_226", u = "_selectOptionWithoutFocusRing_1j5hc_250", d = "_description_1j5hc_256", h = "_error_1j5hc_272", l = "_checkbox_1j5hc_291", j = "_checkboxInput_1j5hc_314", a = "_uploadButton_1j5hc_409", b = {
-  label: o,
-  requiredMark: c,
-  input: n,
-  inputGroup: t,
-  innerInput: e,
-  dropdownTrigger: r,
-  dropdownIcon: _,
-  dropdownPopover: p,
-  selectPopover: s,
-  selectOption: i,
-  selectOptionWithoutFocusRing: u,
-  description: d,
-  error: h,
-  checkbox: l,
-  checkboxInput: j,
-  uploadButton: a
-};
-export {
-  b as s
-};

package/dist/component/form-element-classes-KRzHUNLu.js

@@ -1,57 +0,0 @@
-const _ = "form-field-label", o = "form-field-required-indicator", O = "form-field-description", s = "form-field-error", S = "form-field-input", L = "form-field-upload-button", c = "form-field-popover", C = "form-field-suggestion", i = "form-field-option-label", I = "form-field-radio-group", t = "form-field-radio-group-option-label", r = "form-field-radio-group-radio-button", e = "form-field-quiz-radio-group", R = "form-field-quiz-radio-group-option-label", E = "form-field-quiz-radio-group-radio-button", f = "form-field-rsvp", F = "form-field-rsvp-option-label", n = "form-field-rsvp-radio-button", a = "form-field-checkbox-group", A = "form-field-checkbox-group-option-label", d = "form-field-checkbox-group-indicator", l = "form-field-checkbox-group-indicator--selected", D = "form-field-checkbox-group-indicator--hover", T = "form-field-services", m = "form-field-services-option-label", M = "form-field-services-indicator", b = "form-field-checkbox", B = "form-field-checkbox-label", N = "form-field-checkbox-indicator", u = "form-field-subscribe-checkbox", U = "form-field-subscribe-checkbox-label", p = "form-field-subscribe-checkbox-indicator", P = "form-field-ecom-subscription-checkbox", g = "form-field-ecom-subscription-checkbox-label", G = "form-field-ecom-subscription-checkbox-indicator", h = "form-field-guest-checkbox", H = "form-field-guest-checkbox-label", x = "form-field-guest-checkbox-indicator", k = "form-field-product-list", K = "form-field-product-list-product-name", X = "form-field-product-list-price", v = "form-field-product-list-indicator", V = "form-field-tags", q = "form-field-tags-option", Q = "form-field-tags-option-selected", z = "form-field-choice-tag", Z = "form-field-info-banner", y = "form-field-day-option", Y = "form-field-rating-option", j = "form-field-link", w = "form-rich-content", J = "form-submit-button", W = "form-next-button", $ = "form-previous-button";
-export {
-  J as $,
-  K as A,
-  e as B,
-  R as C,
-  E as D,
-  I as E,
-  b as F,
-  t as G,
-  r as H,
-  Y as I,
-  o as J,
-  f as K,
-  F as L,
-  n as M,
-  T as N,
-  M as O,
-  m as P,
-  u as Q,
-  p as R,
-  U as S,
-  C as T,
-  V as U,
-  q as V,
-  Q as W,
-  L as X,
-  W as Y,
-  $ as Z,
-  w as _,
-  a,
-  d as b,
-  D as c,
-  l as d,
-  A as e,
-  N as f,
-  B as g,
-  z as h,
-  y as i,
-  O as j,
-  P as k,
-  G as l,
-  g as m,
-  s as n,
-  h as o,
-  x as p,
-  H as q,
-  Z as r,
-  S as s,
-  _ as t,
-  j as u,
-  i as v,
-  c as w,
-  k as x,
-  v as y,
-  X as z
-};

package/dist/component/image-choice-rac-Cl09CLP4.js

@@ -1,141 +0,0 @@
-import e, { useMemo as x, useCallback as w, useRef as v } from "react";
-import { RicosViewer as k } from "@wix/ricos/viewer";
-import E from "classnames";
-import { CheckboxGroup as M, CheckboxField as T, CheckboxButton as B } from "react-aria-components";
-import { ai as O, af as q, ab as H, ak as P } from "./form-9yjqDnxY.js";
-import { f as p, a as F } from "./find-child-C60k4CxG.js";
-import { L as U, g as G } from "./field-label-headless-BIYf1BIh.js";
-import { D as V, E as j } from "./field-error-headless-DrnFrGun.js";
-import { F as z } from "./fieldset-headless-CD3fds9J.js";
-import { E as J } from "./error-icon-hZxQ6DEy.js";
-import { s as _ } from "./field-rac.module-CWkwwhq4.js";
-import { t as Q, J as $, h as K, v as W, n as X, j as Y } from "./form-element-classes-KRzHUNLu.js";
-const t = ({ children: a }) => {
-  const { id: s, value: o, onChange: n, disabled: l, readOnly: i, required: r, onBlur: c, onFocus: m, hasError: u, FieldLayout: f } = O(), { inputId: g, labelId: b, ariaDescribedBy: L } = q(), h = p(a, t.Label), C = p(a, t.Options), D = p(a, t.Description), N = p(a, t.Error), A = x(() => o || [], [
-    o
-  ]), S = w((y) => {
-    n == null || n(y);
-  }, [
-    n
-  ]);
-  return /* @__PURE__ */ e.createElement(f, {
-    fieldId: s,
-    renderLabel: () => h,
-    renderInput: () => /* @__PURE__ */ e.createElement(z, {
-      id: g,
-      ariaLabelledBy: b,
-      ariaDescribedBy: L,
-      required: r,
-      onBlur: c,
-      onFocus: m
-    }, /* @__PURE__ */ e.createElement(M, {
-      "aria-labelledby": b,
-      value: A,
-      onChange: S,
-      isDisabled: l,
-      isReadOnly: i,
-      isRequired: r,
-      isInvalid: u
-    }, C)),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, N, D)
-  });
-}, R = ({ children: a, className: s }) => {
-  const { isMobile: o } = H(), { id: n, options: l, numberOfColumns: i } = O(), r = p(a, R.Option);
-  return /* @__PURE__ */ e.createElement("div", {
-    className: s,
-    "data-columns": o ? 1 : i
-  }, l == null ? void 0 : l.map((c, m) => F(r, {
-    key: c.id || c.label,
-    option: c,
-    isFirst: m === 0,
-    fieldId: n
-  })));
-}, Z = ({ className: a }) => /* @__PURE__ */ e.createElement("div", {
-  "aria-hidden": "true",
-  className: a
-}), ee = ({ className: a, ...s }) => {
-  var m, u;
-  const { option: o } = s, { choiceImageResize: n, choiceImageAlignment: l } = O(), i = (m = o.media) == null ? void 0 : m.image;
-  if (!i)
-    return null;
-  const r = G(i, i.width, i.height);
-  if (!r)
-    return null;
-  const c = ((u = o.media) == null ? void 0 : u.altText) || o.altText || i.altText || "";
-  return /* @__PURE__ */ e.createElement("img", {
-    className: a,
-    src: r,
-    alt: c,
-    "data-fit": n,
-    "data-alignment": l,
-    "data-hook": "image-choice-option-image"
-  });
-}, te = ({ className: a, ...s }) => {
-  const { option: o } = s;
-  return !o.label || o.isLabelHidden ? null : /* @__PURE__ */ e.createElement("span", {
-    className: a
-  }, o.label);
-}, d = ({ children: a, className: s, ...o }) => {
-  const { option: n, isFirst: l = !1, fieldId: i } = o, { disabled: r, readOnly: c, hasError: m } = O(), u = v(null);
-  P(() => {
-    var L;
-    l && ((L = u.current) == null || L.focus({
-      preventScroll: !0
-    }));
-  }, i);
-  const f = p(a, d.Input), g = p(a, d.Image), b = p(a, d.Label);
-  return /* @__PURE__ */ e.createElement(T, {
-    value: n.label,
-    isDisabled: r,
-    isReadOnly: c,
-    isInvalid: m
-  }, /* @__PURE__ */ e.createElement(B, {
-    ref: u,
-    "aria-label": n.isLabelHidden ? n.label : void 0,
-    className: s,
-    "data-hook": `image-choice-${n.label}`
-  }, f, F(g, {
-    option: n
-  }), F(b, {
-    option: n
-  })));
-};
-d.Input = Z;
-d.Image = ee;
-d.Label = te;
-t.Label = U;
-t.Options = R;
-R.Option = d;
-t.Description = V;
-t.Error = j;
-const ae = "_options_hwxpw_1", ne = "_optionInput_hwxpw_25", oe = "_option_hwxpw_1", se = "_optionLabel_hwxpw_105", ie = "_optionImage_hwxpw_136", I = {
-  options: ae,
-  optionInput: ne,
-  option: oe,
-  optionLabel: se,
-  optionImage: ie
-}, le = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(k, {
-  content: a,
-  locale: s
-}), re = () => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-  className: E(Q, _.label)
-}, /* @__PURE__ */ e.createElement(t.Label.Required, {
-  className: E($, _.requiredMark)
-})), /* @__PURE__ */ e.createElement(t.Options, {
-  className: I.options
-}, /* @__PURE__ */ e.createElement(t.Options.Option, {
-  className: E(K, I.option)
-}, /* @__PURE__ */ e.createElement(t.Options.Option.Input, {
-  className: I.optionInput
-}), /* @__PURE__ */ e.createElement(t.Options.Option.Image, {
-  className: I.optionImage
-}), /* @__PURE__ */ e.createElement(t.Options.Option.Label, {
-  className: E(W, I.optionLabel)
-}))), /* @__PURE__ */ e.createElement(t.Error, {
-  className: E(X, _.error)
-}, /* @__PURE__ */ e.createElement(J, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-  className: E(Y, _.description)
-}, le)), ge = () => /* @__PURE__ */ e.createElement(re, null);
-export {
-  ge as ImageChoiceRAC
-};

package/dist/component/quiz-radio-group-rac-BT-YZO2Q.js

@@ -1,13 +0,0 @@
-import _ from "react";
-import { R } from "./radio-group-field-rac-DKqWnMBJ.js";
-import { D as o, C as r, B as O } from "./form-element-classes-KRzHUNLu.js";
-const I = () => /* @__PURE__ */ _.createElement(R, {
-  classes: {
-    container: O,
-    label: r,
-    control: o
-  }
-});
-export {
-  I as QuizRadioGroupRAC
-};