@wix/form-elements 1.63.0 → 1.64.0

package/dist/component/{file-upload-rac-lGKJjG3m.js → file-upload-rac-br--tZLp.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 J, 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 j, ak as Ce } from "./form-9yjqDnxY.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-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 { 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 { DropZone as Re, Text as Se, FileTrigger as Me, Button as de, ProgressBar as Ie } from "react-aria-components";
 const we = {
   Video: "video/*",
@@ -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 [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 [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);
   _.current = i;
   const C = oe(() => l.some((u) => u.state === "uploading"), [
     l
@@ -55,14 +55,14 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     y,
     o
   ]);
-  const k = P(() => {
+  const U = P(() => {
     if (!l.length)
       return n;
     const F = l.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 = l.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", {
@@ -73,7 +73,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     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));
@@ -102,7 +102,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
         }));
         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) => (l.some((Y) => Y.file.name === L.name) || f.push({
         file: L,
         state: "uploading"
       }), f), []);
@@ -114,31 +114,31 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
   }, q = (F) => {
     const u = l[F];
     if (b && i && u.state !== "error") {
-      const h = b.filter((f) => f.displayName !== u.file.name);
-      i(h), m(h);
+      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);
       s(p), p.length === 0 && D();
     } else {
-      const h = l.filter((p) => p !== u);
-      s(h), h.length === 0 && D();
+      const g = l.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), {
+  return be(W), {
     files: l,
     limitError: c,
-    hover: U,
-    getExplanationText: k,
+    hover: k,
+    getExplanationText: U,
     handleChange: O,
     handleDelete: q,
     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 } = j(), { handleFileChange: d } = Z(), x = h(e, A.Title), D = h(e, A.Subtitle), l = h(e, A.Button);
   return /* @__PURE__ */ t.createElement(Re, {
     "aria-describedby": n,
     className: r,
@@ -183,7 +183,7 @@ const A = ({ children: e, className: r }) => {
   }, /* @__PURE__ */ t.createElement(Se, {
     slot: "label"
   }, x, D), l);
-}, ke = ({ className: e, children: r }) => {
+}, Ue = ({ className: e, children: r }) => {
   const { limitReached: n } = Z();
   return /* @__PURE__ */ t.createElement("p", {
     className: e
@@ -197,15 +197,15 @@ const A = ({ children: e, className: r }) => {
   }, 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);
+}, 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);
   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, {
@@ -233,29 +233,29 @@ const A = ({ children: e, className: r }) => {
     className: e
   }, r);
 };
-J.Text = Pe;
-A.Title = ke;
+X.Text = Pe;
+A.Title = Ue;
 A.Subtitle = Oe;
-A.Button = J;
+A.Button = X;
 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), l = 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" ? l : 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 } = j(), { handleDelete: D, fileRemoveButtonRefs: l } = Z(), s = V(null);
   se(() => {
     const m = l.current, c = i;
     return m[c] = s, () => {
@@ -290,27 +290,27 @@ const T = ({ children: e, className: r, ...n }) => {
   className: e,
   isIndeterminate: !0
 }, n);
-T.Name = Ve;
-T.Remove = ze;
+T.Name = ze;
+T.Remove = Ve;
 T.Spinner = je;
 T.Error = ue;
 ue.Text = ve;
-const X = ({ children: e, className: r }) => {
-  const { files: n } = Z(), o = g(e, X.File);
+const G = ({ children: e, className: r }) => {
+  const { files: n } = Z(), o = h(e, G.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(() => {
+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(() => {
     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,
@@ -321,8 +321,8 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
     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 = 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);
   }, [
     C,
     E
@@ -331,11 +331,11 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
     handleBlur: S,
     handleDelete: M,
     files: E,
-    accept: k,
+    accept: U,
     limitReached: q,
     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,
+    U,
     q,
     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, 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);
   return Ce(() => {
     var L;
     (L = c.current) == null || L.focus();
@@ -359,11 +359,11 @@ 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 }) => {
   const { getExplanationText: r } = Z(), n = r();
@@ -373,9 +373,9 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
 };
 a.Label = Be;
 a.DropZone = A;
-a.Button = J;
+a.Button = X;
 a.Explanation = qe;
-a.Files = X;
+a.Files = G;
 a.Description = _e;
 a.Error = Te;
 const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
@@ -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,12 +437,12 @@ 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,
-  files: Qe,
-  file: Ge,
-  fileName: Je,
-  removeButton: Xe,
+}, 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 = {
+  explanation: He,
+  files: Je,
+  file: Qe,
+  fileName: Xe,
+  removeButton: Ge,
   spinner: et,
   fileError: tt
 }, rt = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(Ee, {
@@ -468,10 +468,10 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   }), /* @__PURE__ */ t.createElement(a.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(a.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, {
+  }, /* @__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)

package/dist/component/{fixed-payment-rac-BVS6glii.js → fixed-payment-rac-XEtrsaMy.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-9yjqDnxY.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-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";
 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);
@@ -45,18 +45,18 @@ e.Label = T;
 e.Amount = B;
 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(M, w.value)
 }), /* @__PURE__ */ t.createElement(e.Description, {
   className: u(g, L.description)
-}, w)), X = () => /* @__PURE__ */ t.createElement(k, null);
+}, j)), X = () => /* @__PURE__ */ t.createElement(k, null);
 export {
   X as FixedPaymentRAC
 };