@wix/form-elements 1.63.0 → 1.65.0

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

@@ -1,13 +1,13 @@
-import t, { useState as Q, useRef as z, 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 { ad as Fe, ar as ie, am as he, i as ge, ap as xe, e as re, aq as be, ae as ce, ah as j, aj as Ce } from "./form-DzjdnO7t.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-DtugsLiL.js";
-import { r as ne, H as De, V as Ne, h as le, l as ae } from "./form-element-classes-Bi-nNM8q.js";
-import { f as g, a as V } from "./find-child-C60k4CxG.js";
-import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-DTKnr5Zx.js";
-import { L as Be } from "./field-label-headless-DV4aNd5Y.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-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] = Q(Ue(r)), [b, m] = Q(r || []), [c, N] = Q(), v = Ae(o), { t: E } = ie(), U = he().includes(ge.BUTTONS_HOVER), { setFormStatus: y } = xe(), S = z(!1), _ = z(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));
@@ -55,25 +55,25 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     y,
     o
   ]);
-  const k = P(() => {
-    if (!l.length)
+  const U = P(() => {
+    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, h = 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(h * 100)
+        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) => {
-    await v(F, ({ file: u, uploadedFile: h }) => {
+    await v(F, ({ file: u, uploadedFile: g }) => {
       s((p) => p.map((f) => f.file === u ? {
         file: u,
         state: "uploaded"
@@ -81,12 +81,12 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
         var L;
         const f = [
           ...p
-        ].concat(h);
+        ].concat(g);
         return (L = _.current) == null || L.call(_, f), f;
       });
-    }, (u, h) => {
-      s((p) => p.map((f) => f.file === h ? {
-        file: h,
+    }, (u, g) => {
+      s((p) => p.map((f) => f.file === g ? {
+        file: g,
         state: "error",
         errorMessage: E("form.file-upload.error.upload-failed")
       } : f));
@@ -96,49 +96,49 @@ 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((W) => W.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 h = b.filter((f) => f.displayName !== u.file.name);
-      i(h), m(h);
-      const p = l.filter((f) => f.file.name !== u.file.name);
+      const g = b.filter((f) => f.displayName !== u.file.name);
+      i(g), m(g);
+      const p = a.filter((f) => f.file.name !== u.file.name);
       s(p), p.length === 0 && D();
     } else {
-      const h = l.filter((p) => p !== u);
-      s(h), h.length === 0 && D();
+      const g = a.filter((p) => p !== u);
+      s(g), g.length === 0 && D();
     }
   }, $ = () => {
     c && N(void 0), x();
-  }, K = d.map((F) => we[F]).join(), H = P(() => {
+  }, K = d.map((F) => we[F]).join(), W = P(() => {
     s([]), m([]);
   }, []);
-  return be(H), {
-    files: l,
+  return be(W), {
+    files: a,
     limitError: c,
-    hover: U,
-    getExplanationText: k,
+    hover: k,
+    getExplanationText: U,
     handleChange: O,
-    handleDelete: q,
+    handleDelete: j,
     accept: K,
     handleBlur: $
   };
 }
-function Ue(e = []) {
+function ke(e = []) {
   const r = e || [];
   try {
     return r.map((n) => ({
@@ -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 = g(e, A.Title), D = g(e, A.Subtitle), l = g(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,8 +182,8 @@ const A = ({ children: e, className: r }) => {
     }
   }, /* @__PURE__ */ t.createElement(Se, {
     slot: "label"
-  }, x, D), l);
-}, ke = ({ className: e, children: r }) => {
+  }, x, D), a);
+}, Ue = ({ className: e, children: r }) => {
   const { limitReached: n } = Z();
   return /* @__PURE__ */ t.createElement("p", {
     className: e
@@ -198,14 +198,14 @@ 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: l, onFocus: s, hasError: b, errorMessage: m } = j(), { handleFileChange: c, accept: N, multiple: v, buttonRef: E, handleBlur: R, limitError: U, files: y } = Z(), S = (y == null ? void 0 : y.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || U || 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,
     onSelect: (C) => {
       if (C) {
-        const k = Array.from(C), M = new DataTransfer();
-        k.forEach((O) => M.items.add(O)), c(M.files);
+        const U = Array.from(C), M = new DataTransfer();
+        U.forEach((O) => M.items.add(O)), c(M.files);
       }
     }
   }, /* @__PURE__ */ t.createElement(de, {
@@ -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,42 +228,42 @@ 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);
 };
 J.Text = Pe;
-A.Title = ke;
+A.Title = Ue;
 A.Subtitle = Oe;
 A.Button = J;
 const T = ({ children: e, className: r, ...n }) => {
-  const { file: o, index: i } = n, d = o.file.name, x = g(e, T.Name), D = g(e, T.Remove), l = g(e, T.Spinner), s = g(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
-  }, V(x, {
+  }, z(x, {
     fileName: d
-  }), o.state === "uploading" ? l : V(D, {
+  }), o.state === "uploading" ? a : z(D, {
     index: i,
     fileName: d
-  }), o.errorMessage && V(s, {
+  }), o.errorMessage && z(s, {
     errorMessage: o.errorMessage
   }));
-}, Ve = ({ className: e, ...r }) => {
+}, ze = ({ className: e, ...r }) => {
   const { fileName: n } = r;
   return /* @__PURE__ */ t.createElement("span", {
     className: e
   }, n);
-}, ze = ({ className: e, "aria-label": r, children: n, ...o }) => {
-  const { fileName: i, index: d } = o, { disabled: x } = j(), { handleDelete: D, fileRemoveButtonRefs: l } = Z(), s = z(null);
+}, Ve = ({ className: e, "aria-label": r, children: n, ...o }) => {
+  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,57 +285,57 @@ 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 = Ve;
-T.Remove = ze;
-T.Spinner = je;
+T.Name = ze;
+T.Remove = Ve;
+T.Spinner = qe;
 T.Error = ue;
 ue.Text = ve;
 const X = ({ children: e, className: r }) => {
-  const { files: n } = Z(), o = g(e, X.File);
+  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) => V(o, {
+  }, n.map((i, d) => z(o, {
     key: i.file.name || d,
     file: i,
     index: d
   })));
 };
 X.File = T;
-const G = (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 = z(null), N = z({}), v = P(() => {
+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: U, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: k } = Ze({
+  }, []), { files: E, limitError: R, hover: k, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: U } = Ze({
     valueSliderLimit: d,
     value: n,
     explanationText: D,
     target: x,
     onChange: o,
     uploadFileFormats: i,
-    onBlur: l,
+    onBlur: a,
     onFilesCleared: v
   }), M = P((L) => {
     var te;
-    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);
+    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: k,
-    limitReached: q,
+    accept: U,
+    limitReached: j,
     multiple: O,
     getExplanationText: y,
-    hover: U,
+    hover: k,
     limitError: R,
     buttonRef: c,
     fileRemoveButtonRefs: N
@@ -344,13 +344,13 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
     S,
     M,
     E,
-    k,
-    q,
+    U,
+    j,
     O,
     y,
-    U,
+    k,
     R
-  ]), K = g(e, a.Label), H = g(e, a.DropZone), F = g(e, a.Button), u = g(e, a.Explanation), h = g(e, a.Files), p = g(e, a.Description), f = g(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();
@@ -359,25 +359,25 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
   }, /* @__PURE__ */ t.createElement(m, {
     fieldId: r,
     renderLabel: () => K,
-    renderInput: () => H ?? F,
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, V(f, {
+    renderInput: () => W ?? F,
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, z(f, {
       hasError: !!(s || R),
       errorMessage: R ?? b
-    }), p, u, h)
+    }), 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 = J;
-a.Explanation = qe;
-a.Files = X;
-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,
@@ -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"
-})), He = (e) => /* @__PURE__ */ t.createElement("svg", {
+})), We = (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"
-})), We = () => {
+})), Ye = () => {
   const r = "calc(50% - 2px)";
   return /* @__PURE__ */ t.createElement("svg", {
     fill: "none",
@@ -437,8 +437,8 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
     values: "0;360",
     repeatCount: "indefinite"
   })));
-}, Ye = "_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: Ye,
+}, 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,
   file: Ge,
   fileName: Je,
@@ -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(We, 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(He, 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-BVS6glii.js → fixed-payment-rac-BDtRB8w2.js}

@@ -1,18 +1,18 @@
 import t, { useMemo as _ } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import u from "classnames";
-import { ah as C, ab as I, ae as P } from "./form-DzjdnO7t.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-DTKnr5Zx.js";
-import { L as R } from "./field-label-headless-DV4aNd5Y.js";
-import { s as L } from "./field-rac.module-DtugsLiL.js";
-import { r as v, t as M, h as g } from "./form-element-classes-Bi-nNM8q.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 = _(() => {
-    var d, E, f;
-    return (f = (E = (d = a == null ? void 0 : a.predefined) == null ? void 0 : d.paymentOptions) == null ? void 0 : E.products) == null ? void 0 : f[0];
+    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);
@@ -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,21 +42,21 @@ 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", h = {
+const V = "_value_19v7w_1", w = {
   value: V
-}, w = ({ content: r, locale: n }) => /* @__PURE__ */ t.createElement(A, {
+}, j = ({ content: r, locale: n }) => /* @__PURE__ */ t.createElement(A, {
   content: r,
   locale: n
 }), k = () => /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(e.Label, {
   className: u(v, L.label)
 }), /* @__PURE__ */ t.createElement(e.Amount, {
-  className: u(M, h.value)
+  className: u(B, w.value)
 }), /* @__PURE__ */ t.createElement(e.Description, {
-  className: u(g, L.description)
-}, w)), X = () => /* @__PURE__ */ t.createElement(k, null);
+  className: u(M, L.description)
+}, j)), X = () => /* @__PURE__ */ t.createElement(k, null);
 export {
   X as FixedPaymentRAC
 };