@wix/form-elements 0.0.0-stage → 1.54.0

package/dist/component/file-upload-rac-DeZvh7dy.js

@@ -0,0 +1,484 @@
+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 { 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-DAPTqFDM.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-DaOKiR16.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-Dm5UCOBb.js";
+import { L as Be } from "./field-label-headless-C7mDzdLq.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/*",
+  Audio: "audio/*",
+  Document: ".ai, .cdr, .csv, .doc, .docb, .docx, .dot, .dotx, .dwg, .eps, .epub, .fla, .gpx, .ical, .icalendar, .ics, .ifb, .indd, .ipynb, .key, .kml, .kmz, .mobi, .mtf, .mtx, .numbers, .odg, .odp, .ods, .odt, .otp, .ots, .ott, .oxps, .pages, .pdf, .pdn, .pkg, .pot, .potx, .pps, .ppsx, .ppt, .pptx, .psd, .pub, .rtf, .sldx, .txt, .json, .vcf, .xcf, .xls, .xlsx, .xlt, .xltx, .xlw, .xps,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel",
+  Archive: ".zip, .rar, .tar, .tar.gz, .gz, .gzip, .jar, .7z, .fgz, .webarchive",
+  Model3D: ".gltf, .glb"
+}, Ae = (e) => {
+  const { actions: r, formId: n } = xe();
+  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,
+      formId: n,
+      uploadTarget: e
+    }).then((s) => {
+      const { id: b, displayName: m, url: c, isPrivate: N } = s, v = {
+        fileId: b,
+        displayName: m || l.name,
+        url: N ? void 0 : c,
+        fileType: l.type || "application/octet-stream"
+      };
+      return i({
+        file: l,
+        uploadedFile: v
+      }), v;
+    }).catch((s) => {
+      d(s, l);
+    }));
+    return (await Promise.all(x)).filter((l) => l !== 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 = be().includes(Ce.BUTTONS_HOVER), { setFormStatus: y } = Le(), S = z(!1), _ = z(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));
+  }, [
+    C,
+    y,
+    o
+  ]);
+  const k = 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, 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
+    });
+  }, [
+    l,
+    n,
+    E
+  ]), M = P(async (F) => {
+    await v(F, ({ file: u, uploadedFile: g }) => {
+      s((p) => p.map((f) => f.file === u ? {
+        file: u,
+        state: "uploaded"
+      } : f)), m((p) => {
+        var L;
+        const f = [
+          ...p
+        ].concat(g);
+        return (L = _.current) == null || L.call(_, f), f;
+      });
+    }, (u, g) => {
+      s((p) => p.map((f) => f.file === g ? {
+        file: g,
+        state: "error",
+        errorMessage: E("form.file-upload.error.upload-failed")
+      } : f));
+    });
+  }, [
+    v,
+    E
+  ]), O = async (F) => {
+    if (c && N(void 0), F) {
+      if (l.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({
+        file: L,
+        state: "uploading"
+      }), f), []);
+      s([
+        ...l,
+        ...p
+      ]), await M(p);
+    }
+  }, j = (F) => {
+    const u = l[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);
+      s(p), p.length === 0 && D();
+    } else {
+      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(() => {
+    s([]), m([]);
+  }, []);
+  return De(H), {
+    files: l,
+    limitError: c,
+    hover: U,
+    getExplanationText: k,
+    handleChange: O,
+    handleDelete: j,
+    accept: K,
+    handleBlur: $
+  };
+}
+function Ue(e = []) {
+  const r = e || [];
+  try {
+    return r.map((n) => ({
+      file: new File([
+        new Int8Array(0)
+      ], n.displayName, {
+        type: n.fileType
+      }),
+      state: "uploaded"
+    }));
+  } catch (n) {
+    console.error(n);
+  }
+  return [];
+}
+const me = /* @__PURE__ */ pe(void 0);
+function Z() {
+  const e = fe(me);
+  if (typeof e > "u")
+    throw new Error("FileUpload components must be used within FileUpload");
+  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);
+  return /* @__PURE__ */ t.createElement(Re, {
+    "aria-describedby": n,
+    className: r,
+    "data-invalid": i,
+    isDisabled: o,
+    onDrop: async (s) => {
+      const b = [];
+      for (const m of s.items)
+        if (m.kind === "file") {
+          const c = await m.getFile();
+          c && b.push(c);
+        }
+      if (b.length > 0) {
+        const m = new DataTransfer();
+        b.forEach((c) => m.items.add(c)), d(m.files);
+      }
+    }
+  }, /* @__PURE__ */ t.createElement(Se, {
+    slot: "label"
+  }, x, D), l);
+}, ke = ({ className: e, children: r }) => {
+  const { limitReached: n } = Z();
+  return /* @__PURE__ */ t.createElement("p", {
+    className: e
+  }, r({
+    limitReached: n
+  }));
+}, Oe = ({ className: e, children: r }) => {
+  const { limitReached: n } = Z();
+  return /* @__PURE__ */ t.createElement("p", {
+    className: e
+  }, 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);
+  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);
+      }
+    }
+  }, /* @__PURE__ */ t.createElement(de, {
+    ref: E,
+    id: i,
+    "aria-labelledby": d,
+    "aria-describedby": [
+      o,
+      x
+    ].filter(Boolean).join(" "),
+    render: (C) => /* @__PURE__ */ t.createElement("button", {
+      ...C,
+      "aria-roledescription": n,
+      "aria-invalid": _ || void 0,
+      "aria-required": l
+    }),
+    isDisabled: D,
+    className: e,
+    onFocus: s,
+    onBlur: R
+  }, r));
+}, Pe = ({ className: e }) => {
+  const { buttonText: r } = q();
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e
+  }, r);
+};
+J.Text = Pe;
+A.Title = ke;
+A.Subtitle = Oe;
+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);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: r
+  }, V(x, {
+    fileName: d
+  }), o.state === "uploading" ? l : V(D, {
+    index: i,
+    fileName: d
+  }), o.errorMessage && V(s, {
+    errorMessage: o.errorMessage
+  }));
+}, Ve = ({ 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);
+  se(() => {
+    const m = l.current, c = i;
+    return m[c] = s, () => {
+      m[c] === s && (m[c] = void 0);
+    };
+  }, [
+    i,
+    l
+  ]);
+  const b = () => {
+    D(d);
+  };
+  return /* @__PURE__ */ t.createElement(de, {
+    ref: s,
+    "aria-disabled": x,
+    "aria-label": r,
+    "aria-description": i,
+    onClick: b,
+    className: e,
+    isDisabled: x
+  }, n);
+}, ue = ({ className: e, children: r, ...n }) => {
+  const { errorMessage: o } = n;
+  return o ? /* @__PURE__ */ t.createElement(ye, {
+    value: o
+  }, /* @__PURE__ */ t.createElement("div", {
+    className: e,
+    role: "alert"
+  }, r)) : null;
+}, 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 = qe;
+T.Error = ue;
+ue.Text = ve;
+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) => V(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(() => {
+    var L;
+    (L = c.current) == null || L.focus();
+  }, []), { files: E, limitError: R, hover: U, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: k } = Ze({
+    valueSliderLimit: d,
+    value: n,
+    explanationText: D,
+    target: x,
+    onChange: o,
+    uploadFileFormats: i,
+    onBlur: l,
+    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);
+  }, [
+    C,
+    E
+  ]), O = d > 1, j = E.length >= d, $ = oe(() => ({
+    handleFileChange: _,
+    handleBlur: S,
+    handleDelete: M,
+    files: E,
+    accept: k,
+    limitReached: j,
+    multiple: O,
+    getExplanationText: y,
+    hover: U,
+    limitError: R,
+    buttonRef: c,
+    fileRemoveButtonRefs: N
+  }), [
+    _,
+    S,
+    M,
+    E,
+    k,
+    j,
+    O,
+    y,
+    U,
+    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(() => {
+    var L;
+    (L = c.current) == null || L.focus();
+  }, r), /* @__PURE__ */ t.createElement(me.Provider, {
+    value: $
+  }, /* @__PURE__ */ t.createElement(m, {
+    fieldId: r,
+    renderLabel: () => K,
+    renderInput: () => H ?? F,
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, V(f, {
+      hasError: !!(s || R),
+      errorMessage: R ?? b
+    }), p, u, g)
+  }));
+}, 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 = je;
+a.Files = X;
+a.Description = _e;
+a.Error = Te;
+const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
+  viewBox: "0 0 24 24",
+  width: 24,
+  height: 24,
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ...e
+}, /* @__PURE__ */ t.createElement("path", {
+  d: "M12 12 12 6 11 6 11 12 5 12 5 13 11 13 11 19 12 19 12 13 18 13 18 12z"
+})), Ke = (e) => /* @__PURE__ */ t.createElement("svg", {
+  viewBox: "0 0 24 24",
+  width: 24,
+  height: 24,
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ...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", {
+  viewBox: "0 0 24 24",
+  width: 24,
+  height: 24,
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ...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 = () => {
+  const r = "calc(50% - 2px)";
+  return /* @__PURE__ */ t.createElement("svg", {
+    fill: "none",
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 32 32"
+  }, /* @__PURE__ */ t.createElement("circle", {
+    cx: "50%",
+    cy: "50%",
+    r
+  }), /* @__PURE__ */ t.createElement("circle", {
+    cx: "50%",
+    cy: "50%",
+    r,
+    // Normalize the path length to 100 so we can easily set stroke-dashoffset to a fixed arc.
+    pathLength: "100",
+    // Add extra gap between dashes so the arc reads correctly in Chrome.
+    strokeDasharray: "100 200",
+    strokeDashoffset: 75,
+    strokeLinecap: "round",
+    style: {
+      rotate: "-90deg",
+      transformOrigin: "center center"
+    }
+  }, /* @__PURE__ */ t.createElement("animateTransform", {
+    attributeName: "transform",
+    type: "rotate",
+    dur: "0.75s",
+    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,
+  spinner: et,
+  fileError: tt
+}, rt = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(Ee, {
+  content: e,
+  locale: r
+}), nt = () => {
+  const { t: e } = ie();
+  return /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
+    className: B(re, I.label)
+  }, /* @__PURE__ */ t.createElement(a.Label.Required, {
+    className: B(ge, I.requiredMark)
+  })), /* @__PURE__ */ t.createElement(a.Button, {
+    className: B(he, 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)
+  }), /* @__PURE__ */ t.createElement(a.Files, {
+    className: B(re, w.files)
+  }, /* @__PURE__ */ t.createElement(a.Files.File, {
+    className: w.file
+  }, /* @__PURE__ */ t.createElement(a.Files.File.Name, {
+    className: w.fileName
+  }), /* @__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, {
+    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(Ke, null), /* @__PURE__ */ t.createElement(a.Files.File.Error.Text, null)))), /* @__PURE__ */ t.createElement(a.Description, {
+    className: B(ne, 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)));
+}, Ft = () => /* @__PURE__ */ t.createElement(nt, null);
+export {
+  Ft as FileUploadRAC
+};

package/dist/component/find-child-C60k4CxG.js

@@ -0,0 +1,11 @@
+import { Children as i, isValidElement as o, cloneElement as a } from "react";
+function p(n, r) {
+  return i.toArray(n).find((t) => o(t) && t.type === r);
+}
+function e(n, r) {
+  return n && a(n, r);
+}
+export {
+  e as a,
+  p as f
+};

package/dist/component/fixed-payment-rac-D7t5DjVp.js

@@ -0,0 +1,62 @@
+import t, { useMemo as b } 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-DaOKiR16.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-Dm5UCOBb.js";
+import { L as R } from "./field-label-headless-C7mDzdLq.js";
+import { s as L } from "./field-rac.module-DAPTqFDM.js";
+import { r as v, t as g, h as M } from "./form-element-classes-Bi-nNM8q.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];
+  }, [
+    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);
+  return /* @__PURE__ */ t.createElement(l, {
+    fieldId: n,
+    renderLabel: () => y,
+    renderInput: () => O(F, {
+      price: i,
+      currencyCode: o == null ? void 0 : o.code,
+      locale: m
+    }),
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, _, D)
+  });
+}, B = ({ className: r, ...n }) => {
+  const { price: a, currencyCode: l, locale: o } = n, { inputId: m, ariaDescribedBy: s } = P(), i = S({
+    amount: a,
+    currency: l,
+    locale: o
+  });
+  return /* @__PURE__ */ t.createElement("span", {
+    id: m,
+    "aria-describedby": s,
+    className: r,
+    "data-hook": "fixed-payment-value"
+  }, i);
+}, T = ({ className: r }) => /* @__PURE__ */ t.createElement(R, {
+  className: r
+}, null);
+e.Label = T;
+e.Amount = B;
+e.Description = x;
+e.Error = N;
+const V = "_value_19v7w_1", w = {
+  value: V
+}, h = ({ 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)
+}), /* @__PURE__ */ t.createElement(e.Description, {
+  className: u(M, L.description)
+}, h)), X = () => /* @__PURE__ */ t.createElement(k, null);
+export {
+  X as FixedPaymentRAC
+};