@adyen/adyen-platform-experience-web 1.10.0 → 1.10.2

package/dist/es/components/internal/FormFields/CurrencyInput/CurrencyInput.js

@@ -1,97 +1,94 @@
-import { jsx as x } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useRef as E, useState as Y, useCallback as D, useEffect as z, useMemo as F } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import V from "../InputBase.js";
-import j from "../../../../core/Context/useCoreContext.js";
-import { CURRENCY_INPUT_BASE_CLASS as k } from "./constants.js";
-import { useFetch as G } from "../../../../hooks/useFetch.js";
-import { formatAmount as w, getCurrencyExponent as v } from "../../../../utils/currency/main.js";
-import { useConfigContext as J } from "../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as Q } from "../../../../utils/value/constants.js";
-import { uniqueId as A } from "../../../../utils/random/uniqueId.js";
-const W = ["EUR", "GBP", "USD"], Z = (a) => {
-  const e = new Map(W.map((n, l) => [n, l]));
-  return [...a].sort((n, l) => {
-    const f = n.id.toUpperCase(), g = l.id.toUpperCase(), s = e.get(f), d = e.get(g);
-    return s !== void 0 || d !== void 0 ? s === void 0 ? 1 : d === void 0 ? -1 : s - d : f.localeCompare(g);
+import { jsx as I } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useRef as b, useState as L, useCallback as U, useEffect as Y, useMemo as x } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import z from "../InputBase.js";
+import V from "../../../../core/Context/useCoreContext.js";
+import { CURRENCY_INPUT_BASE_CLASS as j } from "./constants.js";
+import { useFetch as k } from "../../../../hooks/useFetch.js";
+import { formatAmount as D, getCurrencyExponent as E } from "../../../../utils/currency/main.js";
+import { useConfigContext as G } from "../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as J } from "../../../../utils/value/constants.js";
+import { uniqueId as w } from "../../../../utils/random/uniqueId.js";
+const Q = ["EUR", "GBP", "USD"], W = (s) => {
+  const t = new Map(Q.map((o, a) => [o, a]));
+  return [...s].sort((o, a) => {
+    const d = o.id.toUpperCase(), m = a.id.toUpperCase(), i = t.get(d), l = t.get(m);
+    return i !== void 0 || l !== void 0 ? i === void 0 ? 1 : l === void 0 ? -1 : i - l : d.localeCompare(m);
   });
-}, at = ({
-  amount: a,
-  currency: e,
-  currencyItems: n,
-  hideCurrencySelector: l,
-  interactionsDisabled: f,
-  isInvalid: g = !1,
-  maxValue: s,
-  name: d,
-  onAmountChange: B,
-  onCurrencyChange: P,
-  selectedCurrencyCode: S
+}, ie = ({
+  amount: s,
+  currency: t,
+  currencyItems: o,
+  hideCurrencySelector: a,
+  interactionsDisabled: d,
+  isInvalid: m = !1,
+  maxValue: i,
+  name: l,
+  onAmountChange: A,
+  onCurrencyChange: F,
+  readonly: v,
+  selectedCurrencyCode: P
 }) => {
-  const T = E(e), { i18n: C } = j(), { currencies: c } = J().endpoints, [q, R] = Y(a ? `${w(a, e)}` : ""), M = D(
-    (r) => {
-      var m;
-      const t = ((m = 1.1.toLocaleString(C.locale).match(/\d(.*?)\d/)) == null ? void 0 : m[1]) || ".", o = t === "." ? r : r.replace(t, "."), i = v(e);
-      return Math.trunc(+`${parseFloat(o)}e${i}`) || 0;
+  const S = b(t), { i18n: f } = V(), { currencies: h } = G().endpoints, [B, T] = L(s ? `${D(s, t)}` : ""), q = U(
+    (n) => {
+      const e = 1.1.toLocaleString(f.locale).match(/\d(.*?)\d/)?.[1] || ".", r = e === "." ? n : n.replace(e, "."), u = E(t);
+      return Math.trunc(+`${parseFloat(r)}e${u}`) || 0;
     },
-    [e, C.locale]
+    [t, f.locale]
   );
-  z(() => {
-    e !== T.current && (R(a ? `${w(a, e)}` : ""), T.current = e);
-  }, [a, e]);
-  const O = (r) => {
-    var m;
-    let t = r.currentTarget.value.trim();
-    const o = ((m = 1.1.toLocaleString(C.locale).match(/\d(.*?)\d/)) == null ? void 0 : m[1]) || ".", i = t.split(o);
-    if (i.length === 2) {
-      const h = v(e), b = i[0];
-      let p = i[1];
-      p.length >= h && (p = p.substring(0, h), t = b + o + p, r.currentTarget.value = t);
+  Y(() => {
+    t !== S.current && (T(s ? `${D(s, t)}` : ""), S.current = t);
+  }, [s, t]);
+  const M = (n) => {
+    let e = n.currentTarget.value.trim();
+    const r = 1.1.toLocaleString(f.locale).match(/\d(.*?)\d/)?.[1] || ".", u = e.split(r);
+    if (u.length === 2) {
+      const g = E(t), C = u[0];
+      let c = u[1];
+      c.length >= g && (c = c.substring(0, g), e = C + r + c, n.currentTarget.value = e);
     }
-    if (t.endsWith(o) && (t = t.slice(0, -o.length), r.currentTarget.value = t), typeof s == "number") {
-      const h = o === "." ? t : t.replace(o, "."), b = parseFloat(h);
-      if (Number.isFinite(b) && b > s) {
-        const p = v(e), U = s.toFixed(p);
-        t = o === "." ? U : U.replace(".", o), r.currentTarget.value = t;
+    if (e.endsWith(r) && (e = e.slice(0, -r.length), n.currentTarget.value = e), typeof i == "number") {
+      const g = r === "." ? e : e.replace(r, "."), C = parseFloat(g);
+      if (Number.isFinite(C) && C > i) {
+        const c = E(t), N = i.toFixed(c);
+        e = r === "." ? N : N.replace(".", r), n.currentTarget.value = e;
       }
     }
-    R(t), B(M(t));
-  }, u = G({
-    fetchOptions: { enabled: !!c && !(n != null && n.length) },
-    queryFn: D(async () => c == null ? void 0 : c(Q), [c])
-  }), _ = F(() => {
-    var o;
-    return (((o = u.data) == null ? void 0 : o.data) ?? []).map((i) => ({
-      id: i,
-      name: i
-    }));
-  }, [u.data]), I = F(() => {
-    const r = n != null && n.length ? n : _;
-    return Z(r);
-  }, [_, n]), N = E(A()), $ = E(A()), L = F(() => l ? {} : {
-    onDropdownInput: P,
+    T(e), A(q(e));
+  }, p = k({
+    fetchOptions: { enabled: !!h && !o?.length },
+    queryFn: U(async () => h?.(J), [h])
+  }), R = x(() => (p.data?.data ?? []).map((r) => ({
+    id: r,
+    name: r
+  })), [p.data]), _ = x(() => {
+    const n = o?.length ? o : R;
+    return W(n);
+  }, [R, o]), y = b(w()), O = b(w()), $ = x(() => a ? {} : {
+    onDropdownInput: F,
     dropdown: {
-      items: I,
-      value: S,
-      readonly: u.isFetching
+      items: _,
+      value: P,
+      readonly: p.isFetching || v?.currency
     }
-  }, [l, I, S, u.isFetching, P]);
-  return /* @__PURE__ */ x("div", { className: "adyen-pe-currency-input__container", children: /* @__PURE__ */ x("label", { htmlFor: N.current, "aria-labelledby": $.current, children: /* @__PURE__ */ x(
-    V,
+  }, [a, _, P, p.isFetching, F]);
+  return /* @__PURE__ */ I("div", { className: "adyen-pe-currency-input__container", children: /* @__PURE__ */ I("label", { htmlFor: y.current, "aria-labelledby": O.current, children: /* @__PURE__ */ I(
+    z,
     {
-      ...L,
+      ...$,
       type: "number",
-      className: k,
-      disabled: f || u.isFetching,
-      isInvalid: g,
-      lang: C.locale,
+      className: j,
+      disabled: d || p.isFetching,
+      isInvalid: m,
+      lang: f.locale,
       min: 0,
-      name: d,
-      onInput: O,
-      uniqueId: N.current,
-      value: q
+      name: l,
+      onInput: M,
+      uniqueId: y.current,
+      value: B,
+      readonly: v?.amount
     }
   ) }) });
 };
 export {
-  at as CurrencyInput
+  ie as CurrencyInput
 };

package/dist/es/components/internal/FormFields/FieldError/FieldError.js

@@ -1,4 +1,4 @@
-import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css                */
 import a from "classnames";
 import { Icon as s } from "../../Icon/Icon.js";

package/dist/es/components/internal/FormFields/FileInput/FileInput.js

@@ -1,56 +1,56 @@
-import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import M from "../../../../core/Context/useCoreContext.js";
-import { useState as R, useRef as y, useCallback as a, useMemo as N, useEffect as O } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { UploadedFile as T } from "./components/UploadedFile.js";
-import { Dropzone as b } from "./components/Dropzone.js";
-import { validationErrors as i, BASE_CLASS as g } from "./constants.js";
+import { jsx as u } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import A from "../../../../core/Context/useCoreContext.js";
+import { useState as M, useRef as R, useCallback as a, useMemo as D, useEffect as h } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { UploadedFile as y } from "./components/UploadedFile.js";
+import { Dropzone as C } from "./components/Dropzone.js";
+import { validationErrors as i, BASE_CLASS as N } from "./constants.js";
 /* empty css               */
-import { fixedForwardRef as w } from "../../../../utils/preact/fixedForwardRef.js";
-import { isFunction as Y } from "../../../../utils/value/is.js";
-const G = w(({ onChange: n, mapError: m, onDelete: u, ...f }, I) => {
-  const [r, d] = R([]), p = y(r), c = r[0], { i18n: e } = M(), { disabled: s } = f, L = a(
-    (t) => {
-      switch (t) {
+import { fixedForwardRef as O } from "../../../../utils/preact/fixedForwardRef.js";
+import { isFunction as T } from "../../../../utils/value/is.js";
+const z = O(({ onChange: m, mapError: n, onDelete: c, ...f }, I) => {
+  const [e, d] = M([]), p = R(e), l = e[0], { i18n: r } = A(), { disabled: s } = f, L = a(
+    (o) => {
+      switch (o) {
         case i.DISALLOWED_FILE_TYPE:
-          return e.get("common.inputs.file.errors.disallowedType");
+          return r.get("common.inputs.file.errors.disallowedType");
         case i.FILE_REQUIRED:
-          return e.get("common.inputs.file.errors.required");
+          return r.get("common.inputs.file.errors.required");
         case i.TOO_MANY_FILES:
-          return e.get("common.inputs.file.errors.tooMany");
+          return r.get("common.inputs.file.errors.tooMany");
         case i.VERY_LARGE_FILE:
-          return e.get("common.inputs.file.errors.tooLarge");
+          return r.get("common.inputs.file.errors.tooLarge");
         case i.MAX_DIMENSIONS:
-          return e.get("common.inputs.file.errors.maxDimensions");
+          return r.get("common.inputs.file.errors.maxDimensions");
       }
       return "";
     },
-    [e]
-  ), _ = N(() => Y(m) ? m : L, [m]), S = a(
-    (t) => {
-      s || (d((o) => {
-        const E = o.findIndex((A) => A === t);
+    [r]
+  ), _ = D(() => T(n) ? n : L, [n]), S = a(
+    (o) => {
+      s || (d((t) => {
+        const E = t.findIndex((x) => x === o);
         if (E < 0)
-          return o;
-        const [...F] = o;
+          return t;
+        const [...F] = t;
         return F.splice(E, 1), F;
-      }), u == null || u());
+      }), c?.());
     },
-    [s, u]
-  ), x = a(
-    (t) => {
-      s || d((o) => o.length === 0 && t.length === 0 ? o : t);
+    [s, c]
+  ), g = a(
+    (o) => {
+      s || d((t) => t.length === 0 && o.length === 0 ? t : o);
     },
     [s]
   );
-  return O(() => {
-    p.current !== r && (p.current = r, n == null || n([...r]));
-  }, [r, n]), /* @__PURE__ */ l("div", {
-    className: g,
+  return h(() => {
+    p.current !== e && (p.current = e, m?.([...e]));
+  }, [e, m]), /* @__PURE__ */ u("div", {
+    className: N,
     // prettier-ignore
-    children: c ? /* @__PURE__ */ l(T, { disabled: s, file: c, deleteFile: () => S(c) }) : /* @__PURE__ */ l(b, { ...f, ref: I, mapError: _, uploadFiles: x })
+    children: l ? /* @__PURE__ */ u(y, { disabled: s, file: l, deleteFile: () => S(l) }) : /* @__PURE__ */ u(C, { ...f, ref: I, mapError: _, uploadFiles: g })
   });
 });
 export {
-  G as FileInput,
-  G as default
+  z as FileInput,
+  z as default
 };

package/dist/es/components/internal/FormFields/FileInput/components/Dropzone.js

@@ -1,110 +1,108 @@
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import w from "classnames";
-import { useState as v, useMemo as H, useCallback as A } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import O from "../../../Typography/Typography.js";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import T from "classnames";
+import { useState as F, useMemo as H, useCallback as w } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import x from "../../../Typography/Typography.js";
 import { useTrackedRef as J } from "../../../../../hooks/useTrackedRef.js";
 import K from "../../../../../core/Context/useCoreContext.js";
-import { DEFAULT_MAX_FILE_SIZE as R, DEFAULT_FILE_TYPES as ee, validationErrors as d, BASE_CLASS as n } from "../constants.js";
-import { TypographyVariant as $, TypographyElement as M } from "../../../Typography/types.js";
+import { DEFAULT_MAX_FILE_SIZE as A, DEFAULT_FILE_TYPES as ee, validationErrors as l, BASE_CLASS as a } from "../constants.js";
+import { TypographyVariant as O, TypographyElement as R } from "../../../Typography/types.js";
 /* empty css                */
 import { fixedForwardRef as re } from "../../../../../utils/preact/fixedForwardRef.js";
-import { getUploadedFilesFromSource as te } from "../../../../../utils/file/upload.js";
-import { Icon as y } from "../../../Icon/Icon.js";
-import { Fragment as oe } from "../../../../../external/preact/dist/preact.module.js";
+import { getUploadedFilesFromSource as oe } from "../../../../../utils/file/upload.js";
+import { Icon as D } from "../../../Icon/Icon.js";
+import { Fragment as te } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 import { uniqueId as ae } from "../../../../../utils/random/uniqueId.js";
-import { isFunction as x } from "../../../../../utils/value/is.js";
+import { isFunction as $ } from "../../../../../utils/value/is.js";
 const o = {
-  dropzone: `${n}__dropzone`,
-  dropzoneDisabled: `${n}__dropzone--disabled`,
-  dropzoneDragOver: `${n}__dropzone--dragover`,
-  dropzoneError: `${n}__dropzone--error`,
-  label: `${n}__label`,
-  labelDefault: `${n}__label-default-content`,
-  labelIcon: `${n}__label-icon`,
-  labelText: `${n}__label-text`,
-  error: `${n}__error`,
-  errorIcon: `${n}__error-icon`,
-  errorText: `${n}__error-text`
-}, Fe = re((C, Y) => {
+  dropzone: `${a}__dropzone`,
+  dropzoneDisabled: `${a}__dropzone--disabled`,
+  dropzoneDragOver: `${a}__dropzone--dragover`,
+  dropzoneError: `${a}__dropzone--error`,
+  label: `${a}__label`,
+  labelDefault: `${a}__label-default-content`,
+  labelIcon: `${a}__label-icon`,
+  labelText: `${a}__label-text`,
+  error: `${a}__error`,
+  errorIcon: `${a}__error-icon`,
+  errorText: `${a}__error-text`
+}, Fe = re((M, C) => {
   const {
-    id: D,
-    name: g,
+    id: v,
+    name: Y,
     children: q,
     disabled: c = !1,
     required: P = !1,
-    maxDimensions: t,
-    maxFileSize: m = R,
-    allowedFileTypes: E = ee,
-    mapError: L,
-    uploadFiles: b
-  } = C, { i18n: S } = K(), [f, U] = v(""), [h, z] = v(), [V, I] = v(!1), _ = !!f, B = g == null ? void 0 : g.trim(), N = H(() => D || ae(), [D]), F = J(Y), k = (e) => {
-    var i;
-    Array.from(((i = e.dataTransfer) == null ? void 0 : i.types) ?? []).some((s) => s === "Files") && (e.preventDefault(), I(!0));
+    maxDimensions: d,
+    maxFileSize: u = A,
+    allowedFileTypes: g = ee,
+    mapError: y,
+    uploadFiles: L
+  } = M, { i18n: b } = K(), [f, U] = F(""), [h, S] = F(), [V, E] = F(!1), _ = !!f, B = Y?.trim(), z = H(() => v || ae(), [v]), I = J(C), k = (e) => {
+    Array.from(e.dataTransfer?.types ?? []).some((i) => i === "Files") && (e.preventDefault(), E(!0));
   }, X = (e) => {
-    e.preventDefault(), I(!1);
+    e.preventDefault(), E(!1);
   }, j = (e) => {
-    e.preventDefault(), I(!1), T(e.dataTransfer);
+    e.preventDefault(), E(!1), N(e.dataTransfer);
   }, G = (e) => {
-    h && z(void 0), T(e.target);
+    h && S(void 0), N(e.target);
   }, W = async (e) => {
-    var r;
-    e.target !== document.activeElement && ((r = e.target) == null || r.checkValidity());
+    e.target !== document.activeElement && e.target?.checkValidity();
   }, Q = async (e) => {
-    !f && e.target.validity.valueMissing && p(d.FILE_REQUIRED);
-  }, p = A(
+    !f && e.target.validity.valueMissing && m(l.FILE_REQUIRED);
+  }, m = w(
     (e) => {
-      const r = F.current;
+      const r = I.current;
       if (r) {
         const i = r.required;
         r.required = !1, r.setCustomValidity(e), U(r.validationMessage ?? ""), r.required = i;
       }
     },
-    [F]
+    [I]
   ), Z = async (e) => new Promise((r, i) => {
-    const s = new Image(), l = URL.createObjectURL(e);
-    s.src = l, s.onerror = i, s.onload = function() {
+    const s = new Image(), n = URL.createObjectURL(e);
+    s.src = n, s.onerror = i, s.onload = function() {
       r({ width: s.width, height: s.height });
     };
-  }), T = A(
+  }), N = w(
     async (e) => {
-      const r = te(e);
+      const r = oe(e);
       if (r.length > 1)
-        return p(d.TOO_MANY_FILES);
+        return m(l.TOO_MANY_FILES);
       try {
         const s = (await Promise.all(
-          r.map(async (l) => {
-            if (!t || !(t != null && t.width) || !(t != null && t.height)) return l;
-            const u = await Z(l);
-            if ((t == null ? void 0 : t.width) !== u.width || (t == null ? void 0 : t.height) !== u.height)
-              throw d.MAX_DIMENSIONS;
-            return l;
+          r.map(async (n) => {
+            if (!d || !d?.width || !d?.height) return n;
+            const p = await Z(n);
+            if (d?.width !== p.width || d?.height !== p.height)
+              throw l.MAX_DIMENSIONS;
+            return n;
           })
-        )).filter((l) => {
-          if (!E.includes(l.type))
-            throw d.DISALLOWED_FILE_TYPE;
-          const u = x(m) ? m(l.type) ?? R : m;
-          if (l.size > u)
-            throw z({ type: l.type, limit: u }), d.VERY_LARGE_FILE;
+        )).filter((n) => {
+          if (!g.includes(n.type))
+            throw l.DISALLOWED_FILE_TYPE;
+          const p = $(u) ? u(n.type) ?? A : u;
+          if (n.size > p)
+            throw S({ type: n.type, limit: p }), l.VERY_LARGE_FILE;
           return !0;
         });
-        p(""), b(s);
+        m(""), L(s);
       } catch (i) {
         switch (i) {
-          case d.DISALLOWED_FILE_TYPE:
-          case d.VERY_LARGE_FILE:
-          case d.MAX_DIMENSIONS:
-            return p(i);
+          case l.DISALLOWED_FILE_TYPE:
+          case l.VERY_LARGE_FILE:
+          case l.MAX_DIMENSIONS:
+            return m(i);
         }
       }
     },
-    [E, m, p, b, t]
+    [g, u, m, L, d]
   );
-  return /* @__PURE__ */ a(oe, { children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(te, { children: [
+    /* @__PURE__ */ t(
       "div",
       {
         role: "region",
-        className: w(o.dropzone, {
+        className: T(o.dropzone, {
           [o.dropzoneDisabled]: c,
           [o.dropzoneDragOver]: V,
           [o.dropzoneError]: _
@@ -113,17 +111,17 @@ const o = {
         onDragLeave: c ? void 0 : X,
         onDrop: c ? void 0 : j,
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "input",
             {
               type: "file",
               className: "adyen-pe-visually-hidden",
-              id: N,
-              ref: F,
+              id: z,
+              ref: I,
               name: B,
               disabled: c,
               required: P,
-              accept: String(E),
+              accept: String(g),
               onBlur: W,
               onChange: G,
               onInvalid: Q,
@@ -131,23 +129,23 @@ const o = {
               "data-testId": "dropzone-input"
             }
           ),
-          /* @__PURE__ */ a("label", { className: o.label, htmlFor: N, children: q ?? /* @__PURE__ */ a("div", {
-            className: w(o.labelDefault),
+          /* @__PURE__ */ t("label", { className: o.label, htmlFor: z, children: q ?? /* @__PURE__ */ t("div", {
+            className: T(o.labelDefault),
             // prettier-ignore
             children: [
-              _ ? /* @__PURE__ */ a(y, { name: "warning-filled", className: o.labelIcon }) : /* @__PURE__ */ a(y, { name: "upload", className: o.labelIcon }),
-              /* @__PURE__ */ a(O, { className: o.labelText, el: M.SPAN, variant: $.BODY, stronger: !0, children: S.get("common.inputs.file.labels.default") })
+              _ ? /* @__PURE__ */ t(D, { name: "warning-filled", className: o.labelIcon }) : /* @__PURE__ */ t(D, { name: "upload", className: o.labelIcon }),
+              /* @__PURE__ */ t(x, { className: o.labelText, el: R.SPAN, variant: O.BODY, stronger: !0, children: b.get("common.inputs.file.labels.default") })
             ]
           }) })
         ]
       }
     ),
-    _ && /* @__PURE__ */ a("div", { className: o.error, children: [
-      /* @__PURE__ */ a(y, { name: "cross-circle-fill", className: o.errorIcon }),
-      /* @__PURE__ */ a(O, { className: o.errorText, el: M.SPAN, variant: $.BODY, children: x(L) ? L(
+    _ && /* @__PURE__ */ t("div", { className: o.error, children: [
+      /* @__PURE__ */ t(D, { name: "cross-circle-fill", className: o.errorIcon }),
+      /* @__PURE__ */ t(x, { className: o.errorText, el: R.SPAN, variant: O.BODY, children: $(y) ? y(
         f,
         h ? { size: h.limit, type: h.type } : void 0
-      ) : S.get(f) })
+      ) : b.get(f) })
     ] })
   ] });
 });

package/dist/es/components/internal/FormFields/FileInput/components/UploadedFile.js

@@ -1,10 +1,10 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "../../../Button/Button.js";
 import n from "../../../Typography/Typography.js";
 import { TypographyVariant as t, TypographyElement as r } from "../../../Typography/types.js";
 import { ButtonVariant as p } from "../../../Button/types.js";
 import { BASE_CLASS as i } from "../constants.js";
-import { useMemo as d } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as d } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css                */
 import { getHumanReadableFileSize as u } from "../../../../../utils/file/size.js";
 import { Icon as o } from "../../../Icon/Icon.js";