@wix/form-elements 1.64.0 → 1.65.0

package/dist/component/{file-upload-rac-br--tZLp.js → file-upload-rac-DqKL8QQZ.js}

@@ -1,13 +1,13 @@
-import t, { useState as J, useRef as V, useMemo as oe, useEffect as se, useCallback as P, createContext as pe, useContext as fe } from "react";
+import t, { useState as Q, useRef as V, useMemo as oe, useEffect as se, useCallback as P, createContext as pe, useContext as fe } from "react";
 import { RicosViewer as Ee } from "@wix/ricos/viewer";
 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 j, ak as Ce } from "./form-9yjqDnxY.js";
+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-CtWkUmxc.js";
 import { E as Le } from "./error-icon-hZxQ6DEy.js";
-import { s as I } from "./field-rac.module-CWkwwhq4.js";
-import { t as ne, J as De, X as Ne, j as le, n as ae } from "./form-element-classes-KRzHUNLu.js";
+import { s as I } from "./field-rac.module-DnUIb9Oh.js";
+import { z as ne, P as De, a1 as Ne, j as ae, q as le } from "./form-element-classes-BSMjWijd.js";
 import { f as h, a as z } from "./find-child-C60k4CxG.js";
-import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-DrnFrGun.js";
-import { L as Be } from "./field-label-headless-BIYf1BIh.js";
+import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-D6iejMQP.js";
+import { L as Be } from "./field-label-headless-BWLfU3YB.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/*",
@@ -21,32 +21,32 @@ const we = {
   return async (o, i, d) => {
     if (!(r != null && r.uploadFile) || !o.length)
       return r != null && r.uploadFile || console.error("No uploadFile action"), o.length || console.error("No files to upload"), [];
-    const x = o.map(({ file: l }) => r.uploadFile({
-      file: l,
+    const x = o.map(({ file: a }) => r.uploadFile({
+      file: a,
       formId: n,
       uploadTarget: e
     }).then((s) => {
       const { id: b, displayName: m, url: c, isPrivate: N } = s, v = {
         fileId: b,
-        displayName: m || l.name,
+        displayName: m || a.name,
         url: N ? void 0 : c,
-        fileType: l.type || "application/octet-stream"
+        fileType: a.type || "application/octet-stream"
       };
       return i({
-        file: l,
+        file: a,
         uploadedFile: v
       }), v;
     }).catch((s) => {
-      d(s, l);
+      d(s, a);
     }));
-    return (await Promise.all(x)).filter((l) => l !== void 0);
+    return (await Promise.all(x)).filter((a) => a !== void 0);
   };
 };
 function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onChange: i, uploadFileFormats: d, onBlur: x, onFilesCleared: D }) {
-  const [l, s] = J(ke(r)), [b, m] = J(r || []), [c, N] = J(), v = Ae(o), { t: E } = ie(), k = ge().includes(he.BUTTONS_HOVER), { setFormStatus: y } = xe(), S = V(!1), _ = V(i);
+  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);
   _.current = i;
-  const C = oe(() => l.some((u) => u.state === "uploading"), [
-    l
+  const C = oe(() => a.some((u) => u.state === "uploading"), [
+    a
   ]);
   se(() => {
     S.current !== C && (S.current = C, y(o, C ? re.BUSY : re.READY));
@@ -56,20 +56,20 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     o
   ]);
   const U = P(() => {
-    if (!l.length)
+    if (!a.length)
       return n;
-    const F = l.filter((u) => u.state === "uploading").length;
+    const F = a.filter((u) => u.state === "uploading").length;
     if (F) {
-      const u = l.filter((p) => p.state === "uploaded" && p.file.size > 0).length, g = u / (u + F);
+      const u = a.filter((p) => p.state === "uploaded" && p.file.size > 0).length, g = u / (u + F);
       return E("form.file-upload.uploading", {
         count: Math.round(g * 100)
       });
     }
     return n || E("form.file-upload.explanation-text", {
-      count: l.length
+      count: a.length
     });
   }, [
-    l,
+    a,
     n,
     E
   ]), M = P(async (F) => {
@@ -96,30 +96,30 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     E
   ]), O = async (F) => {
     if (c && N(void 0), F) {
-      if (l.length + F.length > e) {
+      if (a.length + F.length > e) {
         N(E("form.file-upload.error.upload-limit", {
           limit: e
         }));
         return;
       }
-      const p = Array.from(F).reduce((f, L) => (l.some((Y) => Y.file.name === L.name) || f.push({
+      const p = Array.from(F).reduce((f, L) => (a.some((Y) => Y.file.name === L.name) || f.push({
         file: L,
         state: "uploading"
       }), f), []);
       s([
-        ...l,
+        ...a,
         ...p
       ]), await M(p);
     }
-  }, q = (F) => {
-    const u = l[F];
+  }, j = (F) => {
+    const u = a[F];
     if (b && i && u.state !== "error") {
       const g = b.filter((f) => f.displayName !== u.file.name);
       i(g), m(g);
-      const p = l.filter((f) => f.file.name !== u.file.name);
+      const p = a.filter((f) => f.file.name !== u.file.name);
       s(p), p.length === 0 && D();
     } else {
-      const g = l.filter((p) => p !== u);
+      const g = a.filter((p) => p !== u);
       s(g), g.length === 0 && D();
     }
   }, $ = () => {
@@ -128,12 +128,12 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     s([]), m([]);
   }, []);
   return be(W), {
-    files: l,
+    files: a,
     limitError: c,
     hover: k,
     getExplanationText: U,
     handleChange: O,
-    handleDelete: q,
+    handleDelete: j,
     accept: K,
     handleBlur: $
   };
@@ -162,7 +162,7 @@ function Z() {
   return e;
 }
 const A = ({ children: e, className: r }) => {
-  const { ariaDescribedBy: n } = ce(), { disabled: o, hasError: i } = j(), { handleFileChange: d } = Z(), x = h(e, A.Title), D = h(e, A.Subtitle), l = h(e, A.Button);
+  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(Re, {
     "aria-describedby": n,
     className: r,
@@ -182,7 +182,7 @@ const A = ({ children: e, className: r }) => {
     }
   }, /* @__PURE__ */ t.createElement(Se, {
     slot: "label"
-  }, x, D), l);
+  }, x, D), a);
 }, Ue = ({ className: e, children: r }) => {
   const { limitReached: n } = Z();
   return /* @__PURE__ */ t.createElement("p", {
@@ -197,8 +197,8 @@ const A = ({ children: e, className: r }) => {
   }, r({
     limitReached: n
   }));
-}, X = ({ className: e, children: r, "aria-roledescription": n }) => {
-  const { ariaDescribedBy: o, inputId: i, labelId: d, errorId: x } = ce(), { disabled: D, required: l, onFocus: s, hasError: b, errorMessage: m } = j(), { 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);
+}, 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: 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,
@@ -220,7 +220,7 @@ const A = ({ children: e, className: r }) => {
       ...C,
       "aria-roledescription": n,
       "aria-invalid": _ || void 0,
-      "aria-required": l
+      "aria-required": a
     }),
     isDisabled: D,
     className: e,
@@ -228,22 +228,22 @@ const A = ({ children: e, className: r }) => {
     onBlur: R
   }, r));
 }, Pe = ({ className: e }) => {
-  const { buttonText: r } = j();
+  const { buttonText: r } = q();
   return /* @__PURE__ */ t.createElement("span", {
     className: e
   }, r);
 };
-X.Text = Pe;
+J.Text = Pe;
 A.Title = Ue;
 A.Subtitle = Oe;
-A.Button = X;
+A.Button = J;
 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), l = h(e, T.Spinner), s = h(e, T.Error);
+  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
   }, z(x, {
     fileName: d
-  }), o.state === "uploading" ? l : z(D, {
+  }), o.state === "uploading" ? a : z(D, {
     index: i,
     fileName: d
   }), o.errorMessage && z(s, {
@@ -255,15 +255,15 @@ const T = ({ children: e, className: r, ...n }) => {
     className: e
   }, n);
 }, Ve = ({ className: e, "aria-label": r, children: n, ...o }) => {
-  const { fileName: i, index: d } = o, { disabled: x } = j(), { handleDelete: D, fileRemoveButtonRefs: l } = Z(), s = V(null);
+  const { fileName: i, index: d } = o, { disabled: x } = q(), { handleDelete: D, fileRemoveButtonRefs: a } = Z(), s = V(null);
   se(() => {
-    const m = l.current, c = i;
+    const m = a.current, c = i;
     return m[c] = s, () => {
       m[c] === s && (m[c] = void 0);
     };
   }, [
     i,
-    l
+    a
   ]);
   const b = () => {
     D(d);
@@ -285,18 +285,18 @@ const T = ({ children: e, className: r, ...n }) => {
     className: e,
     role: "alert"
   }, r)) : null;
-}, je = ({ className: e, "aria-label": r, children: n }) => /* @__PURE__ */ t.createElement(Ie, {
+}, qe = ({ className: e, "aria-label": r, children: n }) => /* @__PURE__ */ t.createElement(Ie, {
   "aria-label": r,
   className: e,
   isIndeterminate: !0
 }, n);
 T.Name = ze;
 T.Remove = Ve;
-T.Spinner = je;
+T.Spinner = qe;
 T.Error = ue;
 ue.Text = ve;
-const G = ({ children: e, className: r }) => {
-  const { files: n } = Z(), o = h(e, G.File);
+const X = ({ children: e, className: r }) => {
+  const { files: n } = Z(), o = h(e, X.File);
   return !n || n.length === 0 ? null : /* @__PURE__ */ t.createElement("div", {
     className: r
   }, n.map((i, d) => z(o, {
@@ -305,9 +305,9 @@ const G = ({ children: e, className: r }) => {
     index: d
   })));
 };
-G.File = T;
-const Q = (e) => e.file.name, a = ({ children: e }) => {
-  const { id: r, value: n, onChange: o, uploadFileFormats: i, valueSliderLimit: d, target: x, explanationText: D, onBlur: l, hasError: s, errorMessage: b, FieldLayout: m } = j(), c = V(null), N = V({}), v = P(() => {
+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 = P(() => {
     var L;
     (L = c.current) == null || L.focus();
   }, []), { files: E, limitError: R, hover: k, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: U } = Ze({
@@ -317,22 +317,22 @@ const Q = (e) => e.file.name, a = ({ children: e }) => {
     target: x,
     onChange: o,
     uploadFileFormats: i,
-    onBlur: l,
+    onBlur: a,
     onFilesCleared: v
   }), M = P((L) => {
     var te;
-    const ee = E[L], Y = Q(ee);
-    E.length > 1 && ((te = (E.filter((H) => Q(H) !== Y).map((H) => N.current[Q(H)]).find(Boolean) ?? c).current) == null || te.focus()), C(L);
+    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);
   }, [
     C,
     E
-  ]), O = d > 1, q = E.length >= d, $ = oe(() => ({
+  ]), O = d > 1, j = E.length >= d, $ = oe(() => ({
     handleFileChange: _,
     handleBlur: S,
     handleDelete: M,
     files: E,
     accept: U,
-    limitReached: q,
+    limitReached: j,
     multiple: O,
     getExplanationText: y,
     hover: k,
@@ -345,12 +345,12 @@ const Q = (e) => e.file.name, a = ({ children: e }) => {
     M,
     E,
     U,
-    q,
+    j,
     O,
     y,
     k,
     R
-  ]), K = h(e, a.Label), W = h(e, a.DropZone), F = h(e, a.Button), u = h(e, a.Explanation), g = h(e, a.Files), p = h(e, a.Description), f = h(e, a.Error);
+  ]), 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);
   return Ce(() => {
     var L;
     (L = c.current) == null || L.focus();
@@ -365,19 +365,19 @@ const Q = (e) => e.file.name, a = ({ children: e }) => {
       errorMessage: R ?? b
     }), p, u, g)
   }));
-}, qe = ({ className: e }) => {
+}, je = ({ className: e }) => {
   const { getExplanationText: r } = Z(), n = r();
   return n ? /* @__PURE__ */ t.createElement("p", {
     className: e
   }, n) : null;
 };
-a.Label = Be;
-a.DropZone = A;
-a.Button = X;
-a.Explanation = qe;
-a.Files = G;
-a.Description = _e;
-a.Error = Te;
+l.Label = Be;
+l.DropZone = A;
+l.Button = J;
+l.Explanation = je;
+l.Files = X;
+l.Description = _e;
+l.Error = Te;
 const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   viewBox: "0 0 24 24",
   width: 24,
@@ -437,12 +437,12 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
     values: "0;360",
     repeatCount: "indefinite"
   })));
-}, He = "_explanation_16me0_1", Je = "_files_16me0_5", Qe = "_file_16me0_5", Xe = "_fileName_16me0_24", Ge = "_removeButton_16me0_32", et = "_spinner_16me0_72", tt = "_fileError_16me0_88", w = {
+}, 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: Je,
-  file: Qe,
-  fileName: Xe,
-  removeButton: Ge,
+  files: Qe,
+  file: Ge,
+  fileName: Je,
+  removeButton: Xe,
   spinner: et,
   fileError: tt
 }, rt = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(Ee, {
@@ -450,34 +450,34 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   locale: r
 }), nt = () => {
   const { t: e } = ie();
-  return /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
+  return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(l.Label, {
     className: B(ne, I.label)
-  }, /* @__PURE__ */ t.createElement(a.Label.Required, {
+  }, /* @__PURE__ */ t.createElement(l.Label.Required, {
     className: B(De, I.requiredMark)
-  })), /* @__PURE__ */ t.createElement(a.Button, {
+  })), /* @__PURE__ */ t.createElement(l.Button, {
     className: B(Ne, I.uploadButton),
     "aria-roledescription": e("file-upload.aria-roledescription")
-  }, /* @__PURE__ */ t.createElement($e, null), /* @__PURE__ */ t.createElement(a.Button.Text, null)), /* @__PURE__ */ t.createElement(a.Explanation, {
-    className: B(le, I.description, w.explanation)
-  }), /* @__PURE__ */ t.createElement(a.Files, {
+  }, /* @__PURE__ */ t.createElement($e, null), /* @__PURE__ */ t.createElement(l.Button.Text, null)), /* @__PURE__ */ t.createElement(l.Explanation, {
+    className: B(ae, I.description, w.explanation)
+  }), /* @__PURE__ */ t.createElement(l.Files, {
     className: B(ne, w.files)
-  }, /* @__PURE__ */ t.createElement(a.Files.File, {
+  }, /* @__PURE__ */ t.createElement(l.Files.File, {
     className: w.file
-  }, /* @__PURE__ */ t.createElement(a.Files.File.Name, {
+  }, /* @__PURE__ */ t.createElement(l.Files.File.Name, {
     className: w.fileName
-  }), /* @__PURE__ */ t.createElement(a.Files.File.Spinner, {
+  }), /* @__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(a.Files.File.Remove, {
+  }, /* @__PURE__ */ t.createElement(Ye, 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(a.Files.File.Error, {
-    className: B(ae, I.error, w.fileError)
-  }, /* @__PURE__ */ t.createElement(Ke, null), /* @__PURE__ */ t.createElement(a.Files.File.Error.Text, null)))), /* @__PURE__ */ t.createElement(a.Description, {
-    className: B(le, I.description)
-  }, rt), /* @__PURE__ */ t.createElement(a.Error, {
-    className: B(ae, I.error)
-  }, /* @__PURE__ */ t.createElement(Le, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)));
+  }, /* @__PURE__ */ t.createElement(We, 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: B(ae, I.description)
+  }, rt), /* @__PURE__ */ t.createElement(l.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 {
   Ft as FileUploadRAC

package/dist/component/{fixed-payment-rac-XEtrsaMy.js → fixed-payment-rac-BDtRB8w2.js}

@@ -1,13 +1,13 @@
 import t, { useMemo as _ } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import u from "classnames";
-import { ai as C, ab as I, af as P } from "./form-9yjqDnxY.js";
+import { ai as C, ab as I, af as P } from "./form-CtWkUmxc.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-DrnFrGun.js";
-import { L as R } from "./field-label-headless-BIYf1BIh.js";
-import { s as L } from "./field-rac.module-CWkwwhq4.js";
-import { t as v, v as M, j as g } from "./form-element-classes-KRzHUNLu.js";
+import { D as x, E as N } from "./field-error-headless-D6iejMQP.js";
+import { L as R } from "./field-label-headless-BWLfU3YB.js";
+import { s as L } from "./field-rac.module-DnUIb9Oh.js";
+import { z as v, B, j as M } from "./form-element-classes-BSMjWijd.js";
 const e = ({ children: r }) => {
   var p;
   const { id: n, validation: a, FieldLayout: l } = C(), { currency: o, regionalFormat: m } = I(), s = _(() => {
@@ -26,7 +26,7 @@ const e = ({ children: r }) => {
     }),
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, b)
   });
-}, B = ({ className: r, ...n }) => {
+}, g = ({ className: r, ...n }) => {
   const { price: a, currencyCode: l, locale: o } = n, { inputId: m, ariaDescribedBy: s } = P(), i = S({
     amount: a,
     currency: l,
@@ -42,7 +42,7 @@ const e = ({ children: r }) => {
   className: r
 }, null);
 e.Label = T;
-e.Amount = B;
+e.Amount = g;
 e.Description = x;
 e.Error = N;
 const V = "_value_19v7w_1", w = {
@@ -53,9 +53,9 @@ const V = "_value_19v7w_1", w = {
 }), k = () => /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(e.Label, {
   className: u(v, L.label)
 }), /* @__PURE__ */ t.createElement(e.Amount, {
-  className: u(M, w.value)
+  className: u(B, w.value)
 }), /* @__PURE__ */ t.createElement(e.Description, {
-  className: u(g, L.description)
+  className: u(M, L.description)
 }, j)), X = () => /* @__PURE__ */ t.createElement(k, null);
 export {
   X as FixedPaymentRAC