@wix/form-elements 1.74.0 → 1.76.0

package/dist/component/events-repeater-rac-Dudnyhal.js

@@ -0,0 +1,255 @@
+import e, { useState as q, useMemo as v, useCallback as V, useRef as x } from "react";
+import T from "classnames";
+import { NumberField as z, Input as J, CheckboxField as Q, CheckboxButton as W, Button as w } from "react-aria-components";
+import { ao as U, ap as P, ae as H, aj as K, u as Y, ai as D, af as X, ak as j, j as Z } from "./form-BpHElSwH.js";
+import { f as b, a as L } from "./find-child-C60k4CxG.js";
+import { L as ee } from "./field-label-headless-CS5OYsiI.js";
+import { a as te, C as se } from "./checkbox-indicator-module-classes-BcScu147.js";
+import { u as ne } from "./use-invoke-callback-UH73A_J3.js";
+import { C as M } from "./chevron-down-icon-CcpVm6B-.js";
+import { s as B } from "./field-rac.module-DjmaTYkc.js";
+import { z as oe, y as re, q as ae, s as le, r as ce } from "./form-element-classes-BXNs5k3q.js";
+import { u as ue } from "./use-element-state-class-name-CC65g9mT.js";
+const me = [], ie = ({ id: t, fields: n, layout: l, value: r, onChange: s, errors: m = me, validation: c }) => {
+  const [i, E] = q((r == null ? void 0 : r.length) || 0), a = v(() => r ?? [], [
+    r
+  ]), C = U(), f = P(), d = H(), { validateFields: u } = K(), F = c.predefined.objectArrayOptions.maxItems, _ = v(() => Y({
+    form: {
+      fields: n,
+      steps: [
+        {
+          layout: l
+        }
+      ]
+    },
+    parentId: t,
+    recursive: !1
+  }), [
+    n,
+    l,
+    t
+  ]), G = v(() => m.reduce((p, I) => {
+    const [h, N] = I.errorPath.split("/"), A = parseInt(h, 10);
+    return p[A] || (p[A] = []), p[A].push({
+      ...I,
+      errorPath: N
+    }), p;
+  }, []), [
+    m
+  ]), g = V((p) => {
+    const I = Number.isNaN(p) ? 0 : Math.min(Math.max(p, 0), F);
+    E(I), s == null || s(Array.from({
+      length: I
+    }, (h, N) => a[N] ?? {}));
+  }, [
+    F,
+    a,
+    s
+  ]), y = V((p) => (I, h) => {
+    const N = Array.from({
+      length: i
+    }, (A, $) => a[$] ?? {});
+    N[p] = {
+      ...N[p],
+      [I]: h
+    }, s == null || s(N);
+  }, [
+    i,
+    a,
+    s
+  ]);
+  return {
+    guestLimit: F,
+    guestCount: i,
+    guests: a,
+    errorsByIndex: G,
+    formView: _,
+    formSchema: C,
+    formFields: f,
+    fieldActions: d,
+    validateFields: u,
+    changeGuestCount: g,
+    changeGuestField: y
+  };
+}, de = [], pe = {}, o = ({ children: t, className: n }) => {
+  const l = D(), { id: r, FieldLayout: s } = l, { guestLimit: m, guestCount: c, guests: i, errorsByIndex: E, formView: a, changeGuestCount: C, changeGuestField: f } = ie(l), d = b(t, o.Label), u = b(t, o.GuestCount), F = b(t, o.GuestToggle), _ = b(t, o.Guests), G = m > 1;
+  return /* @__PURE__ */ e.createElement(s, {
+    fieldId: r,
+    renderLabel: () => G ? d : null,
+    renderInput: () => /* @__PURE__ */ e.createElement("div", {
+      className: n
+    }, G ? L(u, {
+      guestLimit: m,
+      guestCount: c,
+      onGuestCountChange: C
+    }) : L(F, {
+      guestCount: c,
+      onGuestCountChange: C
+    }), L(_, {
+      guestCount: c,
+      guests: i,
+      errorsByIndex: E,
+      formView: a,
+      onGuestFieldChange: f
+    })),
+    renderDescription: () => null
+  });
+}, Ee = ({ className: t }) => /* @__PURE__ */ e.createElement(ee, {
+  className: t
+}, null), R = ({ children: t, className: n, groupClassName: l, ...r }) => {
+  const { guestLimit: s, guestCount: m, onGuestCountChange: c } = r, { id: i, label: E, disabled: a, readOnly: C, onBlur: f, onFocus: d } = D(), { inputId: u, ariaDescribedBy: F } = X(), _ = ne(f), G = x(null);
+  j(() => {
+    var p;
+    (p = G.current) == null || p.focus();
+  }, i);
+  const g = b(t, R.Decrement), y = b(t, R.Increment);
+  return /* @__PURE__ */ e.createElement(z, {
+    className: l,
+    "aria-label": E,
+    value: m,
+    onChange: c,
+    minValue: 0,
+    maxValue: s,
+    step: 1,
+    isDisabled: a,
+    isReadOnly: C,
+    onBlur: _,
+    onFocus: d
+  }, /* @__PURE__ */ e.createElement(J, {
+    ref: G,
+    id: u,
+    "aria-describedby": F,
+    className: n,
+    inputMode: "numeric"
+  }), y, g);
+}, Ce = ({ children: t, className: n }) => /* @__PURE__ */ e.createElement(w, {
+  slot: "decrement",
+  className: n
+}, t), ge = ({ children: t, className: n }) => /* @__PURE__ */ e.createElement(w, {
+  slot: "increment",
+  className: n
+}, t), S = ({ children: t, className: n, ...l }) => {
+  const { guestCount: r, onGuestCountChange: s } = l, { id: m, label: c, disabled: i, readOnly: E, onBlur: a, onFocus: C } = D(), { inputId: f, ariaDescribedBy: d } = X(), u = x(null);
+  j(() => {
+    var g;
+    (g = u.current) == null || g.focus();
+  }, m);
+  const F = b(t, S.Input), _ = b(t, S.Label), G = V((g) => {
+    s(g ? 1 : 0);
+  }, [
+    s
+  ]);
+  return /* @__PURE__ */ e.createElement(Q, {
+    inputRef: u,
+    id: f,
+    "aria-describedby": d,
+    isSelected: r > 0,
+    onChange: G,
+    isDisabled: i,
+    isReadOnly: E,
+    onBlur: a,
+    onFocus: C
+  }, /* @__PURE__ */ e.createElement(W, {
+    className: n
+  }, ({ isSelected: g, isHovered: y }) => /* @__PURE__ */ e.createElement(e.Fragment, null, L(F, {
+    isSelected: g,
+    isHovered: y
+  }), L(_, {
+    label: c
+  }))));
+}, fe = ({ className: t, ...n }) => {
+  const { label: l } = n;
+  return /* @__PURE__ */ e.createElement("span", {
+    className: t
+  }, l);
+}, k = ({ children: t, className: n, ...l }) => {
+  const { guestCount: r, guests: s, errorsByIndex: m, formView: c, onGuestFieldChange: i } = l, { disabled: E, readOnly: a } = D(), C = v(() => ({
+    ...c,
+    fields: c.fields.map((d) => ({
+      ...d,
+      properties: {
+        ...d.properties,
+        disabled: !!(E || d.properties.disabled),
+        readOnly: !!(a || d.properties.readOnly)
+      }
+    }))
+  }), [
+    c,
+    E,
+    a
+  ]), f = b(t, k.Guest);
+  return r ? /* @__PURE__ */ e.createElement("div", {
+    className: n
+  }, Array.from({
+    length: r
+  }, (d, u) => L(f, {
+    key: u,
+    index: u,
+    formView: C,
+    values: s[u] ?? pe,
+    errors: m[u] ?? de,
+    onFieldChange: i(u)
+  }))) : null;
+}, Fe = ({ className: t, ...n }) => {
+  const { index: l, formView: r, values: s, errors: m, onFieldChange: c } = n, i = U(), E = P(), a = H(), { validateFields: C } = K();
+  return /* @__PURE__ */ e.createElement("div", {
+    className: t,
+    "data-hook": `guest-${l}`
+  }, /* @__PURE__ */ e.createElement(Z, {
+    form: r,
+    formSchema: i,
+    values: s,
+    errors: m,
+    validateFields: C,
+    onFieldChange: c,
+    fields: E,
+    fieldActions: a
+  }));
+};
+R.Decrement = Ce;
+R.Increment = ge;
+S.Input = te;
+S.Label = fe;
+k.Guest = Fe;
+o.Label = Ee;
+o.GuestCount = R;
+o.GuestToggle = S;
+o.Guests = k;
+const Ge = "_container_11veo_1", be = "_countGroup_11veo_8", _e = "_increment_11veo_28", Ie = "_decrement_11veo_29", O = {
+  container: Ge,
+  countGroup: be,
+  increment: _e,
+  decrement: Ie
+}, Ne = () => {
+  const t = ue({
+    globalClasses: ce,
+    moduleClasses: se
+  });
+  return /* @__PURE__ */ e.createElement(o, {
+    className: O.container
+  }, /* @__PURE__ */ e.createElement(o.Label, {
+    className: T(oe, B.label)
+  }), /* @__PURE__ */ e.createElement(o.GuestCount, {
+    className: B.innerInput,
+    groupClassName: T(re, B.input, O.countGroup)
+  }, /* @__PURE__ */ e.createElement(o.GuestCount.Increment, {
+    className: O.increment
+  }, /* @__PURE__ */ e.createElement(M, {
+    style: {
+      transform: "rotate(180deg)"
+    }
+  })), /* @__PURE__ */ e.createElement(o.GuestCount.Decrement, {
+    className: O.decrement
+  }, /* @__PURE__ */ e.createElement(M, null))), /* @__PURE__ */ e.createElement(o.GuestToggle, {
+    className: T(ae, B.checkbox)
+  }, /* @__PURE__ */ e.createElement(o.GuestToggle.Input, {
+    className: t
+  }), /* @__PURE__ */ e.createElement(o.GuestToggle.Label, {
+    className: le
+  })), /* @__PURE__ */ e.createElement(o.Guests, {
+    className: O.container
+  }, /* @__PURE__ */ e.createElement(o.Guests.Guest, null)));
+}, ke = () => /* @__PURE__ */ e.createElement(Ne, null);
+export {
+  ke as EventsRepeaterRAC
+};

package/dist/component/{events-rsvp-rac-BmjboAco.js → events-rsvp-rac-008H5Ska.js}

@@ -1,10 +1,10 @@
 import t from "react";
 import { RicosViewer as c } from "@wix/ricos/viewer";
 import r from "classnames";
-import { R as a, s as o } from "./radio-group-field-rac.module-WxU5zxvM.js";
+import { R as a, s as o } from "./radio-group-field-rac.module-emin6sSc.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-Cac83bU5.js";
-import { z as i, R as E, S as p, U as R, T as _, q as L, j as O } from "./form-element-classes-DDKCTFQj.js";
+import { s } from "./field-rac.module-DjmaTYkc.js";
+import { z as i, Q as E, R as p, T as R, S as _, p as L, i as O } from "./form-element-classes-BXNs5k3q.js";
 const e = ({ children: n }) => /* @__PURE__ */ t.createElement(a, null, n);
 e.Label = a.Label;
 e.Options = a.Options;

package/dist/component/{field-error-headless-DQZ5XAdn.js → field-error-headless-C5ZsFUKv.js}

@@ -1,5 +1,5 @@
 import t, { createContext as m, useContext as M } from "react";
-import { ai as c, af as i, ab as f, T as x, U as h } from "./form-C6WwBcGP.js";
+import { ai as c, af as i, ab as f, T as x, U as h } from "./form-BpHElSwH.js";
 const b = ({ className: r, children: e }) => {
   const { description: s, target: o } = c(), { descriptionId: a } = i(), { language: n } = f();
   return s ? /* @__PURE__ */ t.createElement("div", {

package/dist/component/{field-label-headless-DoxfHHaj.js → field-label-headless-CS5OYsiI.js}

@@ -1,4 +1,4 @@
-import { ai as m, R as d, q as p, af as D, as as B } from "./form-C6WwBcGP.js";
+import { ai as m, R as d, q as p, af as D, as as B } from "./form-BpHElSwH.js";
 import l from "react";
 import { f as L } from "./find-child-C60k4CxG.js";
 import { sdk as R } from "@wix/image-kit";

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

@@ -0,0 +1,23 @@
+const o = "_label_10aij_1", e = "_requiredMark_10aij_11", t = "_input_10aij_16", n = "_inputGroup_10aij_17", c = "_innerInput_10aij_129", _ = "_dropdownTrigger_10aij_177", r = "_dropdownIcon_10aij_187", i = "_dropdownPopover_10aij_206", p = "_selectPopover_10aij_210", s = "_selectOption_10aij_237", u = "_selectOptionWithoutFocusRing_10aij_261", d = "_description_10aij_267", a = "_error_10aij_283", l = "_checkbox_10aij_302", j = "_checkboxInput_10aij_325", h = "_checkboxInputSelected_10aij_364", b = "_checkboxInputHover_10aij_368", k = "_uploadButton_10aij_418", I = {
+  label: o,
+  requiredMark: e,
+  input: t,
+  inputGroup: n,
+  innerInput: c,
+  dropdownTrigger: _,
+  dropdownIcon: r,
+  dropdownPopover: i,
+  selectPopover: p,
+  selectOption: s,
+  selectOptionWithoutFocusRing: u,
+  description: d,
+  error: a,
+  checkbox: l,
+  checkboxInput: j,
+  checkboxInputSelected: h,
+  checkboxInputHover: b,
+  uploadButton: k
+};
+export {
+  I as s
+};

package/dist/component/{file-upload-rac-YEQ7uXhm.js → file-upload-rac-bQ2QOO8Q.js}

@@ -1,14 +1,14 @@
-import t, { useState as Q, useRef as V, useMemo as oe, useEffect as se, useCallback as z, createContext as pe, useContext as fe } from "react";
+import t, { useState as H, useRef as V, useMemo as oe, useEffect as se, useCallback as z, createContext as pe, useContext as fe } from "react";
 import { RicosViewer as Ee } from "@wix/ricos/viewer";
-import T from "classnames";
-import { ae as Fe, as as ie, an as ge, i as he, aq as xe, e as re, ar as be, af as ce, ai as q, ak as Ce } from "./form-C6WwBcGP.js";
+import B from "classnames";
+import { ae as Fe, as as ie, an as ge, i as he, aq as xe, e as re, ar as be, af as ce, ai as q, ak as Ce } from "./form-BpHElSwH.js";
 import { E as Le } from "./error-icon-hZxQ6DEy.js";
-import { s as I } from "./field-rac.module-Cac83bU5.js";
-import { z as ne, R as De, a3 as Ne, j as ae, q as le } from "./form-element-classes-DDKCTFQj.js";
+import { s as I } from "./field-rac.module-DjmaTYkc.js";
+import { z as ne, Q as De, a4 as Ne, i as ae, p as le } from "./form-element-classes-BXNs5k3q.js";
 import { f as h, a as P } from "./find-child-C60k4CxG.js";
-import { b as ve, a as ye, D as _e, E as Re } from "./field-error-headless-DQZ5XAdn.js";
-import { L as Te } from "./field-label-headless-DoxfHHaj.js";
-import { DropZone as Be, Text as Se, FileTrigger as Me, Button as de, ProgressBar as Ie } from "react-aria-components";
+import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-C5ZsFUKv.js";
+import { L as Be } from "./field-label-headless-CS5OYsiI.js";
+import { DropZone as Re, Text as Se, FileTrigger as Me, Button as de, ProgressBar as Ie } from "react-aria-components";
 const we = {
   Video: "video/*",
   Image: "image/*",
@@ -43,7 +43,7 @@ const we = {
   };
 };
 function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onChange: i, uploadFileFormats: d, onBlur: x, onFilesCleared: D }) {
-  const [a, s] = Q(ke(r)), [b, m] = Q(r || []), [c, N] = Q(), v = Ae(o), { t: E } = ie(), k = ge().includes(he.BUTTONS_HOVER), { setFormStatus: y } = xe(), S = V(!1), _ = V(i);
+  const [a, s] = H(ke(r)), [b, m] = H(r || []), [c, N] = H(), v = Ae(o), { t: E } = ie(), k = ge().includes(he.BUTTONS_HOVER), { setFormStatus: y } = xe(), S = V(!1), _ = V(i);
   _.current = i;
   const C = oe(() => a.some((u) => u.state === "uploading"), [
     a
@@ -102,7 +102,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
         }));
         return;
       }
-      const p = Array.from(F).reduce((f, L) => (a.some((Y) => Y.file.name === L.name) || f.push({
+      const p = Array.from(F).reduce((f, L) => (a.some((W) => W.file.name === L.name) || f.push({
         file: L,
         state: "uploading"
       }), f), []);
@@ -124,10 +124,10 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     }
   }, $ = () => {
     c && N(void 0), x();
-  }, K = d.map((F) => we[F]).join(), W = z(() => {
+  }, K = d.map((F) => we[F]).join(), Q = z(() => {
     s([]), m([]);
   }, []);
-  return be(W), {
+  return be(Q), {
     files: a,
     limitError: c,
     hover: k,
@@ -163,7 +163,7 @@ function Z() {
 }
 const A = ({ children: e, className: r }) => {
   const { ariaDescribedBy: n } = ce(), { disabled: o, hasError: i } = q(), { handleFileChange: d } = Z(), x = h(e, A.Title), D = h(e, A.Subtitle), a = h(e, A.Button);
-  return /* @__PURE__ */ t.createElement(Be, {
+  return /* @__PURE__ */ t.createElement(Re, {
     "aria-describedby": n,
     className: r,
     "data-invalid": i,
@@ -198,7 +198,7 @@ const A = ({ children: e, className: r }) => {
     limitReached: n
   }));
 }, J = ({ className: e, children: r, "aria-roledescription": n }) => {
-  const { ariaDescribedBy: o, inputId: i, labelId: d, errorId: x } = ce(), { disabled: D, required: a, onFocus: s, hasError: b, errorMessage: m } = q(), { handleFileChange: c, accept: N, multiple: v, buttonRef: E, handleBlur: B, limitError: k, files: y } = Z(), S = (y == null ? void 0 : y.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || k || S);
+  const { ariaDescribedBy: o, inputId: i, labelId: d, errorId: x } = ce(), { disabled: D, required: a, onFocus: s, hasError: b, errorMessage: m } = q(), { handleFileChange: c, accept: N, multiple: v, buttonRef: E, handleBlur: R, limitError: k, files: y } = Z(), S = (y == null ? void 0 : y.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || k || S);
   return /* @__PURE__ */ t.createElement(Me, {
     acceptedFileTypes: N ? N.split(",") : void 0,
     allowsMultiple: v,
@@ -225,7 +225,7 @@ const A = ({ children: e, className: r }) => {
     isDisabled: D,
     className: e,
     onFocus: s,
-    onBlur: B
+    onBlur: R
   }, r));
 }, ze = ({ className: e }) => {
   const { buttonText: r } = q();
@@ -237,8 +237,8 @@ J.Text = ze;
 A.Title = Ue;
 A.Subtitle = Oe;
 A.Button = J;
-const R = ({ children: e, className: r, ...n }) => {
-  const { file: o, index: i } = n, d = o.file.name, x = h(e, R.Name), D = h(e, R.Remove), a = h(e, R.Spinner), s = h(e, R.Error);
+const T = ({ children: e, className: r, ...n }) => {
+  const { file: o, index: i } = n, d = o.file.name, x = h(e, T.Name), D = h(e, T.Remove), a = h(e, T.Spinner), s = h(e, T.Error);
   return /* @__PURE__ */ t.createElement("div", {
     className: r
   }, P(x, {
@@ -290,10 +290,10 @@ const R = ({ children: e, className: r, ...n }) => {
   className: e,
   isIndeterminate: !0
 }, n);
-R.Name = Pe;
-R.Remove = Ve;
-R.Spinner = qe;
-R.Error = ue;
+T.Name = Pe;
+T.Remove = Ve;
+T.Spinner = qe;
+T.Error = ue;
 ue.Text = ve;
 const X = ({ children: e, className: r }) => {
   const { files: n } = Z(), o = h(e, X.File);
@@ -305,12 +305,12 @@ const X = ({ children: e, className: r }) => {
     index: d
   })));
 };
-X.File = R;
+X.File = T;
 const G = (e) => e.file.name, l = ({ children: e }) => {
   const { id: r, value: n, onChange: o, uploadFileFormats: i, valueSliderLimit: d, target: x, explanationText: D, onBlur: a, hasError: s, errorMessage: b, FieldLayout: m } = q(), c = V(null), N = V({}), v = z(() => {
     var L;
     (L = c.current) == null || L.focus();
-  }, []), { files: E, limitError: B, hover: k, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: U } = Ze({
+  }, []), { files: E, limitError: R, hover: k, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: U } = Ze({
     valueSliderLimit: d,
     value: n,
     explanationText: D,
@@ -321,8 +321,8 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     onFilesCleared: v
   }), M = z((L) => {
     var te;
-    const ee = E[L], Y = G(ee);
-    E.length > 1 && ((te = (E.filter((H) => G(H) !== Y).map((H) => N.current[G(H)]).find(Boolean) ?? c).current) == null || te.focus()), C(L);
+    const ee = E[L], W = G(ee);
+    E.length > 1 && ((te = (E.filter((Y) => G(Y) !== W).map((Y) => N.current[G(Y)]).find(Boolean) ?? c).current) == null || te.focus()), C(L);
   }, [
     C,
     E
@@ -336,7 +336,7 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     multiple: O,
     getExplanationText: y,
     hover: k,
-    limitError: B,
+    limitError: R,
     buttonRef: c,
     fileRemoveButtonRefs: N
   }), [
@@ -349,8 +349,8 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     O,
     y,
     k,
-    B
-  ]), K = h(e, l.Label), W = h(e, l.DropZone), F = h(e, l.Button), u = h(e, l.Explanation), g = h(e, l.Files), p = h(e, l.Description), f = h(e, l.Error);
+    R
+  ]), K = h(e, l.Label), Q = h(e, l.DropZone), F = h(e, l.Button), u = h(e, l.Explanation), g = h(e, l.Files), p = h(e, l.Description), f = h(e, l.Error);
   return Ce(() => {
     var L;
     (L = c.current) == null || L.focus();
@@ -359,10 +359,10 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
   }, /* @__PURE__ */ t.createElement(m, {
     fieldId: r,
     renderLabel: () => K,
-    renderInput: () => W ?? F,
+    renderInput: () => Q ?? F,
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, P(f, {
-      hasError: !!(s || B),
-      errorMessage: B ?? b
+      hasError: !!(s || R),
+      errorMessage: R ?? b
     }), p, u, g)
   }));
 }, je = ({ className: e }) => {
@@ -371,13 +371,13 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     className: e
   }, n) : null;
 };
-l.Label = Te;
+l.Label = Be;
 l.DropZone = A;
 l.Button = J;
 l.Explanation = je;
 l.Files = X;
 l.Description = _e;
-l.Error = Re;
+l.Error = Te;
 const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   viewBox: "0 0 24 24",
   width: 24,
@@ -396,7 +396,7 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   ...e
 }, /* @__PURE__ */ t.createElement("path", {
   d: "M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M12.7287834,7.27532214 C12.9203342,7.46687299 13.0199347,7.73174979 13.0020527,8.00205275 L13.0020527,12.0020527 C13.0199347,12.2723557 12.9203342,12.5372325 12.7287834,12.7287834 C12.5372325,12.9203342 12.2723557,13.0199347 12.0020527,13.0020527 C11.7317498,13.0199347 11.466873,12.9203342 11.2753221,12.7287834 C11.0837713,12.5372325 10.9841708,12.2723557 11.0020527,12.0020527 L11.0020527,8.00205275 C10.9841708,7.73174979 11.0837713,7.46687299 11.2753221,7.27532214 C11.466873,7.08377129 11.7317498,6.98417081 12.0020527,7.00205275 C12.2723557,6.98417081 12.5372325,7.08377129 12.7287834,7.27532214 Z M12.7287834,15.2753221 C12.9203342,15.466873 13.0199347,15.7317498 13.0020527,16.0020527 C13.0199347,16.2723557 12.9203342,16.5372325 12.7287834,16.7287834 C12.5372325,16.9203342 12.2723557,17.0199347 12.0020527,17.0020527 C11.7317498,17.0199347 11.466873,16.9203342 11.2753221,16.7287834 C11.0837713,16.5372325 10.9841708,16.2723557 11.0020527,16.0020527 C10.9841708,15.7317498 11.0837713,15.466873 11.2753221,15.2753221 C11.466873,15.0837713 11.7317498,14.9841708 12.0020527,15.0020527 C12.2723557,14.9841708 12.5372325,15.0837713 12.7287834,15.2753221 Z"
-})), We = (e) => /* @__PURE__ */ t.createElement("svg", {
+})), Qe = (e) => /* @__PURE__ */ t.createElement("svg", {
   viewBox: "0 0 24 24",
   width: 24,
   height: 24,
@@ -405,7 +405,7 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   ...e
 }, /* @__PURE__ */ t.createElement("path", {
   d: "M17,17 C17,18.6568542 15.6568542,20 14,20 L9,20 C7.34314575,20 6,18.6568542 6,17 L6,7 L5,7 L5,6 L18,6 L18,7 L17,7 L17,17 Z M9,9 L10,9 L10,16 L9,16 L9,9 Z M11,9 L12,9 L12,16 L11,16 L11,9 Z M13,9 L14,9 L14,16 L13,16 L13,9 Z M7,17 C7,18.1045695 7.8954305,19 9,19 L14,19 C15.1045695,19 16,18.1045695 16,17 L16,7 L7,7 L7,17 Z M13,6 L13,5 L10,5 L10,6 L9,6 L9,5 C9,4.44771525 9.44771525,4 10,4 L13,4 C13.5522847,4 14,4.44771525 14,5 L14,6 L13,6 Z"
-})), Ye = () => {
+})), We = () => {
   const r = "calc(50% - 2px)";
   return /* @__PURE__ */ t.createElement("svg", {
     fill: "none",
@@ -437,9 +437,9 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
     values: "0;360",
     repeatCount: "indefinite"
   })));
-}, He = "_explanation_16me0_1", Qe = "_files_16me0_5", Ge = "_file_16me0_5", Je = "_fileName_16me0_24", Xe = "_removeButton_16me0_32", et = "_spinner_16me0_72", tt = "_fileError_16me0_88", w = {
-  explanation: He,
-  files: Qe,
+}, Ye = "_explanation_16me0_1", He = "_files_16me0_5", Ge = "_file_16me0_5", Je = "_fileName_16me0_24", Xe = "_removeButton_16me0_32", et = "_spinner_16me0_72", tt = "_fileError_16me0_88", w = {
+  explanation: Ye,
+  files: He,
   file: Ge,
   fileName: Je,
   removeButton: Xe,
@@ -451,16 +451,16 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
 }), nt = () => {
   const { t: e } = ie();
   return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(l.Label, {
-    className: T(ne, I.label)
+    className: B(ne, I.label)
   }, /* @__PURE__ */ t.createElement(l.Label.Required, {
-    className: T(De, I.requiredMark)
+    className: B(De, I.requiredMark)
   })), /* @__PURE__ */ t.createElement(l.Button, {
-    className: T(Ne, I.uploadButton),
+    className: B(Ne, I.uploadButton),
     "aria-roledescription": e("file-upload.aria-roledescription")
   }, /* @__PURE__ */ t.createElement($e, null), /* @__PURE__ */ t.createElement(l.Button.Text, null)), /* @__PURE__ */ t.createElement(l.Explanation, {
-    className: T(ae, I.description, w.explanation)
+    className: B(ae, I.description, w.explanation)
   }), /* @__PURE__ */ t.createElement(l.Files, {
-    className: T(ne, w.files)
+    className: B(ne, w.files)
   }, /* @__PURE__ */ t.createElement(l.Files.File, {
     className: w.file
   }, /* @__PURE__ */ t.createElement(l.Files.File.Name, {
@@ -468,15 +468,15 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   }), /* @__PURE__ */ t.createElement(l.Files.File.Spinner, {
     className: w.spinner,
     "aria-label": e("file-upload.file.uploading-spinner.aria-label")
-  }, /* @__PURE__ */ t.createElement(Ye, null)), /* @__PURE__ */ t.createElement(l.Files.File.Remove, {
+  }, /* @__PURE__ */ t.createElement(We, null)), /* @__PURE__ */ t.createElement(l.Files.File.Remove, {
     className: w.removeButton,
     "aria-label": e("file-upload.delete-file.aria-label")
-  }, /* @__PURE__ */ t.createElement(We, null)), /* @__PURE__ */ t.createElement(l.Files.File.Error, {
-    className: T(le, I.error, w.fileError)
+  }, /* @__PURE__ */ t.createElement(Qe, null)), /* @__PURE__ */ t.createElement(l.Files.File.Error, {
+    className: B(le, I.error, w.fileError)
   }, /* @__PURE__ */ t.createElement(Ke, null), /* @__PURE__ */ t.createElement(l.Files.File.Error.Text, null)))), /* @__PURE__ */ t.createElement(l.Description, {
-    className: T(ae, I.description)
+    className: B(ae, I.description)
   }, rt), /* @__PURE__ */ t.createElement(l.Error, {
-    className: T(le, I.error)
+    className: B(le, I.error)
   }, /* @__PURE__ */ t.createElement(Le, null), /* @__PURE__ */ t.createElement(l.Error.Text, null)));
 }, Ft = () => /* @__PURE__ */ t.createElement(nt, null);
 export {

package/dist/component/{fixed-payment-rac-DDufIQBT.js → fixed-payment-rac-B6FvXoCU.js}

@@ -1,21 +1,21 @@
-import t, { useMemo as _ } from "react";
-import { RicosViewer as A } from "@wix/ricos/viewer";
+import t, { useMemo as D } from "react";
+import { RicosViewer as _ } from "@wix/ricos/viewer";
 import u from "classnames";
-import { ai as C, ab as I, af as P } from "./form-C6WwBcGP.js";
+import { ai as C, ab as I, af as P } from "./form-BpHElSwH.js";
 import { f as c, a as O } from "./find-child-C60k4CxG.js";
 import { f as S } from "./format-currency-BwShJ9vM.js";
-import { D as x, E as N } from "./field-error-headless-DQZ5XAdn.js";
-import { L as R } from "./field-label-headless-DoxfHHaj.js";
-import { s as L } from "./field-rac.module-Cac83bU5.js";
-import { z as v, B, j as M } from "./form-element-classes-DDKCTFQj.js";
+import { D as x, E as N } from "./field-error-headless-C5ZsFUKv.js";
+import { L as R } from "./field-label-headless-CS5OYsiI.js";
+import { s as L } from "./field-rac.module-DjmaTYkc.js";
+import { z as v, A as M, i as g } from "./form-element-classes-BXNs5k3q.js";
 const e = ({ children: r }) => {
   var p;
-  const { id: n, validation: a, FieldLayout: l } = C(), { currency: o, regionalFormat: m } = I(), s = _(() => {
+  const { id: n, validation: a, FieldLayout: l } = C(), { currency: o, regionalFormat: m } = I(), s = D(() => {
     var d, f, E;
     return (E = (f = (d = a == null ? void 0 : a.predefined) == null ? void 0 : d.paymentOptions) == null ? void 0 : f.products) == null ? void 0 : E[0];
   }, [
     a
-  ]), i = (p = s == null ? void 0 : s.fixedPriceOptions) == null ? void 0 : p.price, y = c(r, e.Label), F = c(r, e.Amount), b = c(r, e.Description), D = c(r, e.Error);
+  ]), i = (p = s == null ? void 0 : s.fixedPriceOptions) == null ? void 0 : p.price, y = c(r, e.Label), F = c(r, e.Amount), b = c(r, e.Description), A = c(r, e.Error);
   return /* @__PURE__ */ t.createElement(l, {
     fieldId: n,
     renderLabel: () => y,
@@ -24,9 +24,9 @@ const e = ({ children: r }) => {
       currencyCode: o == null ? void 0 : o.code,
       locale: m
     }),
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, b)
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, A, b)
   });
-}, g = ({ className: r, ...n }) => {
+}, B = ({ className: r, ...n }) => {
   const { price: a, currencyCode: l, locale: o } = n, { inputId: m, ariaDescribedBy: s } = P(), i = S({
     amount: a,
     currency: l,
@@ -42,21 +42,21 @@ const e = ({ children: r }) => {
   className: r
 }, null);
 e.Label = T;
-e.Amount = g;
+e.Amount = B;
 e.Description = x;
 e.Error = N;
 const V = "_value_19v7w_1", w = {
   value: V
-}, j = ({ content: r, locale: n }) => /* @__PURE__ */ t.createElement(A, {
+}, k = ({ content: r, locale: n }) => /* @__PURE__ */ t.createElement(_, {
   content: r,
   locale: n
-}), k = () => /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(e.Label, {
+}), z = () => /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(e.Label, {
   className: u(v, L.label)
 }), /* @__PURE__ */ t.createElement(e.Amount, {
-  className: u(B, w.value)
+  className: u(M, w.value)
 }), /* @__PURE__ */ t.createElement(e.Description, {
-  className: u(M, L.description)
-}, j)), X = () => /* @__PURE__ */ t.createElement(k, null);
+  className: u(g, L.description)
+}, k)), X = () => /* @__PURE__ */ t.createElement(z, null);
 export {
   X as FixedPaymentRAC
 };