@wix/form-elements 1.62.0 → 1.64.0

package/dist/component/{file-upload-rac-DAg_G0_l.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 { E as Fe } from "./error-icon-hZxQ6DEy.js";
-import { s as I } from "./field-rac.module-DtugsLiL.js";
-import { r as re, H as ge, V as he, h as ne, l as le } from "./form-element-classes-Bi-nNM8q.js";
-import { ac as xe, aq as ie, al as be, i as Ce, ao as Le, e as ae, ap as De, ad as ce, ag as q, ai as Ne } from "./form-D6A2hUbV.js";
-import { f as h, 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-DP4WSQU3.js";
-import { L as Be } from "./field-label-headless-BKmi7Fjg.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-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/*",
@@ -17,7 +17,7 @@ const we = {
   Archive: ".zip, .rar, .tar, .tar.gz, .gz, .gzip, .jar, .7z, .fgz, .webarchive",
   Model3D: ".gltf, .glb"
 }, Ae = (e) => {
-  const { actions: r, formId: n } = xe();
+  const { actions: r, formId: n } = Fe();
   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"), [];
@@ -43,19 +43,19 @@ 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 = be().includes(Ce.BUTTONS_HOVER), { setFormStatus: y } = Le(), 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
   ]);
   se(() => {
-    S.current !== C && (S.current = C, y(o, C ? ae.BUSY : ae.READY));
+    S.current !== C && (S.current = C, y(o, C ? re.BUSY : re.READY));
   }, [
     C,
     y,
     o
   ]);
-  const k = P(() => {
+  const U = P(() => {
     if (!l.length)
       return n;
     const F = l.filter((u) => u.state === "uploading").length;
@@ -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), []);
@@ -111,7 +111,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
         ...p
       ]), await M(p);
     }
-  }, j = (F) => {
+  }, q = (F) => {
     const u = l[F];
     if (b && i && u.state !== "error") {
       const g = b.filter((f) => f.displayName !== u.file.name);
@@ -124,21 +124,21 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     }
   }, $ = () => {
     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 De(H), {
+  return be(W), {
     files: l,
     limitError: c,
-    hover: U,
-    getExplanationText: k,
+    hover: k,
+    getExplanationText: U,
     handleChange: O,
-    handleDelete: j,
+    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 } = q(), { 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 } = 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 } = q(), { 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, {
@@ -228,34 +228,34 @@ const A = ({ children: e, className: r }) => {
     onBlur: R
   }, r));
 }, Pe = ({ className: e }) => {
-  const { buttonText: r } = q();
+  const { buttonText: r } = j();
   return /* @__PURE__ */ t.createElement("span", {
     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 = 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 } = q(), { 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, () => {
@@ -285,32 +285,32 @@ const T = ({ children: e, className: r, ...n }) => {
     className: e,
     role: "alert"
   }, r)) : null;
-}, qe = ({ className: e, "aria-label": r, children: n }) => /* @__PURE__ */ t.createElement(Ie, {
+}, je = ({ 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 = qe;
+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 = h(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 } = q(), 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,21 +321,21 @@ 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
-  ]), O = d > 1, j = E.length >= d, $ = oe(() => ({
+  ]), O = d > 1, q = E.length >= d, $ = oe(() => ({
     handleFileChange: _,
     handleBlur: S,
     handleDelete: M,
     files: E,
-    accept: k,
-    limitReached: j,
+    accept: U,
+    limitReached: q,
     multiple: O,
     getExplanationText: y,
-    hover: U,
+    hover: k,
     limitError: R,
     buttonRef: c,
     fileRemoveButtonRefs: N
@@ -344,14 +344,14 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
     S,
     M,
     E,
-    k,
-    j,
+    U,
+    q,
     O,
     y,
-    U,
+    k,
     R
-  ]), K = h(e, a.Label), H = 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 Ne(() => {
+  ]), 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();
   }, r), /* @__PURE__ */ t.createElement(me.Provider, {
@@ -359,13 +359,13 @@ 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, g)
   }));
-}, je = ({ className: e }) => {
+}, qe = ({ className: e }) => {
   const { getExplanationText: r } = Z(), n = r();
   return n ? /* @__PURE__ */ t.createElement("p", {
     className: e
@@ -373,9 +373,9 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
 };
 a.Label = Be;
 a.DropZone = A;
-a.Button = J;
-a.Explanation = je;
-a.Files = X;
+a.Button = X;
+a.Explanation = qe;
+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, {
@@ -451,16 +451,16 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
 }), nt = () => {
   const { t: e } = ie();
   return /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
-    className: B(re, I.label)
+    className: B(ne, I.label)
   }, /* @__PURE__ */ t.createElement(a.Label.Required, {
-    className: B(ge, I.requiredMark)
+    className: B(De, I.requiredMark)
   })), /* @__PURE__ */ t.createElement(a.Button, {
-    className: B(he, I.uploadButton),
+    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(ne, I.description, w.explanation)
+    className: B(le, I.description, w.explanation)
   }), /* @__PURE__ */ t.createElement(a.Files, {
-    className: B(re, w.files)
+    className: B(ne, w.files)
   }, /* @__PURE__ */ t.createElement(a.Files.File, {
     className: w.file
   }, /* @__PURE__ */ t.createElement(a.Files.File.Name, {
@@ -468,16 +468,16 @@ 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, {
-    className: B(le, I.error, w.fileError)
+  }, /* @__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(ne, I.description)
+    className: B(le, I.description)
   }, rt), /* @__PURE__ */ t.createElement(a.Error, {
-    className: B(le, I.error)
-  }, /* @__PURE__ */ t.createElement(Fe, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)));
+    className: B(ae, I.error)
+  }, /* @__PURE__ */ t.createElement(Le, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)));
 }, Ft = () => /* @__PURE__ */ t.createElement(nt, null);
 export {
   Ft as FileUploadRAC

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

@@ -1,21 +1,21 @@
-import t, { useMemo as b } from "react";
+import t, { useMemo as _ } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import u from "classnames";
-import { ag as C, aa as I, ad as P } from "./form-D6A2hUbV.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-DP4WSQU3.js";
-import { L as R } from "./field-label-headless-BKmi7Fjg.js";
-import { s as L } from "./field-rac.module-DtugsLiL.js";
-import { r as v, t as g, h as M } 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 = b(() => {
-    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];
+  const { id: n, validation: a, FieldLayout: l } = C(), { currency: o, regionalFormat: m } = I(), s = _(() => {
+    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), D = c(r, e.Description), _ = 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), D = c(r, e.Error);
   return /* @__PURE__ */ t.createElement(l, {
     fieldId: n,
     renderLabel: () => y,
@@ -24,7 +24,7 @@ const e = ({ children: r }) => {
       currencyCode: o == null ? void 0 : o.code,
       locale: m
     }),
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, _, D)
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, b)
   });
 }, B = ({ className: r, ...n }) => {
   const { price: a, currencyCode: l, locale: o } = n, { inputId: m, ariaDescribedBy: s } = P(), i = S({
@@ -47,16 +47,16 @@ e.Description = x;
 e.Error = N;
 const V = "_value_19v7w_1", w = {
   value: V
-}, h = ({ 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(g, w.value)
+  className: u(M, w.value)
 }), /* @__PURE__ */ t.createElement(e.Description, {
-  className: u(M, L.description)
-}, h)), X = () => /* @__PURE__ */ t.createElement(k, null);
+  className: u(g, L.description)
+}, j)), X = () => /* @__PURE__ */ t.createElement(k, null);
 export {
   X as FixedPaymentRAC
 };