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

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/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/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/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import T from "classnames";
+import { useState as F, useMemo as H, useCallback as w } from "../../../../../external/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/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/InputBase.js

@@ -1,148 +1,147 @@
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ARIA_ERROR_SUFFIX as Z } from "../../../core/Errors/constants.js";
-import T from "classnames";
-import { forwardRef as D } from "../../../external/preact/compat/dist/compat.module.js";
+import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ARIA_ERROR_SUFFIX as J } from "../../../core/Errors/constants.js";
+import O from "classnames";
+import { forwardRef as L } from "../../../external/preact/compat/dist/compat.module.js";
 import { useCallback as t } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { filterDisallowedCharacters as K } from "./utils.js";
+import { filterDisallowedCharacters as Q } from "./utils.js";
 /* empty css                */
-import { ButtonVariant as U } from "../Button/types.js";
-import { FieldError as B } from "./FieldError/FieldError.js";
-import H from "./Select/Select.js";
-import { Fragment as w } from "../../../external/preact/dist/preact.module.js";
-import { hasOwnProperty as aa } from "../../../utils/struct/property.js";
-function q({
-  onInput: s,
-  onKeyUp: h,
-  trimOnBlur: C,
-  onBlurHandler: l,
-  onBlur: r,
-  onFocusHandler: n,
-  errorMessage: N,
-  iconBeforeSlot: y,
-  iconAfterSlot: v,
-  dropdown: e,
-  dropdownPosition: E = "start",
-  onDropdownInput: c,
-  onKeyDown: m,
-  onUpdateDropdown: u,
-  ...p
-}, A) {
-  const { classNameModifiers: _, isInvalid: f, isValid: k, readonly: R = !1, type: d, uniqueId: g, isCollatingErrors: o, disabled: P } = p;
-  aa(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
-  const j = t(
-    (a) => {
-      s == null || s(a);
+import { ButtonVariant as S } from "../Button/types.js";
+import { FieldError as U } from "./FieldError/FieldError.js";
+import W from "./Select/Select.js";
+import { Fragment as Z } from "../../../external/preact/dist/preact.module.js";
+import { hasOwnProperty as H } from "../../../utils/struct/property.js";
+function $({
+  onInput: m,
+  onKeyUp: r,
+  trimOnBlur: f,
+  onBlurHandler: y,
+  onBlur: h,
+  onFocusHandler: v,
+  errorMessage: _,
+  iconBeforeSlot: o,
+  iconAfterSlot: d,
+  dropdown: a,
+  dropdownPosition: I = "start",
+  onDropdownInput: g,
+  onKeyDown: N,
+  onUpdateDropdown: b,
+  ...s
+}, x) {
+  const { classNameModifiers: T, isInvalid: i, isValid: q, readonly: C = !1, type: l, uniqueId: u, isCollatingErrors: p, disabled: A } = s;
+  H(s, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
+  const M = t(
+    (e) => {
+      m?.(e);
     },
-    [s]
-  ), M = t(
-    (a) => {
-      h && h(a);
+    [m]
+  ), k = t(
+    (e) => {
+      r && r(e);
     },
-    [h]
-  ), X = t(
-    (a) => {
-      l == null || l(a), C && (a.target.value = a.target.value.trim()), r == null || r(a);
+    [r]
+  ), w = t(
+    (e) => {
+      y?.(e), f && (e.target.value = e.target.value.trim()), h?.(e);
     },
-    [r, l, C]
-  ), Y = t(
-    (a) => {
-      n == null || n(a);
+    [h, y, f]
+  ), P = t(
+    (e) => {
+      v?.(e);
     },
-    [n]
-  ), I = t(
-    (a) => {
-      var x;
-      const $ = (x = a.target) == null ? void 0 : x.value;
-      c == null || c($), e && (u == null || u({ ...e, value: $ }));
+    [v]
+  ), D = t(
+    (e) => {
+      const V = e.target?.value;
+      g?.(V), a && b?.({ ...a, value: V });
     },
-    [e, c, u]
-  ), z = T(
+    [a, g, b]
+  ), j = O(
     "adyen-pe-input",
-    [`adyen-pe-input--${d}`],
-    p.className,
+    [`adyen-pe-input--${l}`],
+    s.className,
     {
-      "adyen-pe-input--invalid": f,
-      "adyen-pe-input--valid": k
+      "adyen-pe-input--invalid": i,
+      "adyen-pe-input--valid": q
     },
-    _ == null ? void 0 : _.map((a) => `adyen-pe-input--${a}`)
-  ), G = t(
-    (a) => {
-      K({ event: a, inputType: d, onValidInput: () => m == null ? void 0 : m(a) });
+    T?.map((e) => `adyen-pe-input--${e}`)
+  ), B = t(
+    (e) => {
+      Q({ event: e, inputType: l, onValidInput: () => N?.(e) });
     },
-    [d, m]
+    [l, N]
   ), {
-    classNameModifiers: ea,
-    uniqueId: ia,
-    isInvalid: ta,
-    isValid: sa,
-    isCollatingErrors: la,
-    autoFocus: ra,
-    autofocus: na,
-    ...J
-  } = p, L = y || v, b = !!e && e.items.length > 0, Q = b && E === "start", S = b && E === "end", W = L || b, V = R || (e == null ? void 0 : e.readonly), F = /* @__PURE__ */ i(
+    classNameModifiers: ee,
+    uniqueId: ae,
+    isInvalid: ne,
+    isValid: te,
+    isCollatingErrors: se,
+    autoFocus: ie,
+    autofocus: le,
+    ...K
+  } = s, X = o || d, c = !!a && a.items.length > 0, Y = c && I === "start", z = c && I === "end", G = X || c, F = C || a?.readonly, E = /* @__PURE__ */ n(
     "input",
     {
-      id: g,
-      ...J,
-      type: d,
-      className: z,
-      readOnly: R,
-      "aria-describedby": o ? void 0 : `${g}${Z}`,
-      "aria-invalid": f,
-      onInput: j,
-      onBlurCapture: X,
-      onFocus: Y,
-      onKeyDown: G,
-      onKeyUp: M,
-      disabled: P,
-      ref: A,
+      id: u,
+      ...K,
+      type: l,
+      className: j,
+      readOnly: C,
+      "aria-describedby": p ? void 0 : `${u}${J}`,
+      "aria-invalid": i,
+      onInput: M,
+      onBlurCapture: w,
+      onFocus: P,
+      onKeyDown: B,
+      onKeyUp: k,
+      disabled: A,
+      ref: x,
       autoFocus: !1
     }
-  ), O = t(
-    () => e ? /* @__PURE__ */ i(
-      H,
+  ), R = t(
+    () => a ? /* @__PURE__ */ n(
+      W,
       {
-        name: e.name,
-        buttonVariant: U.TERTIARY,
-        items: e.items,
-        selected: e.value,
-        onChange: I,
-        readonly: V,
-        filterable: e.filterable,
-        "aria-label": e["aria-label"],
+        name: a.name,
+        buttonVariant: S.TERTIARY,
+        items: a.items,
+        selected: a.value,
+        onChange: D,
+        readonly: F,
+        filterable: a.filterable,
+        "aria-label": a["aria-label"],
         classNameModifiers: ["input-field"],
-        isCollatingErrors: o,
+        isCollatingErrors: p,
         disableToggleFocusOnClose: !0
       }
     ) : null,
-    [e, I, o, V]
+    [a, D, p, F]
   );
-  return /* @__PURE__ */ i(w, { children: [
-    W ? /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(Z, { children: [
+    G ? /* @__PURE__ */ n(
       "div",
       {
-        className: T("adyen-pe-input__container", {
-          "adyen-pe-input--invalid": f
+        className: O("adyen-pe-input__container", {
+          "adyen-pe-input--invalid": i
         }),
         children: [
-          Q && /* @__PURE__ */ i("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--start", children: O() }),
-          y && /* @__PURE__ */ i("span", { className: "adyen-pe-input__slot-before", children: y }),
-          F,
-          v && /* @__PURE__ */ i("span", { className: "adyen-pe-input__slot-after", children: v }),
-          S && /* @__PURE__ */ i("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--end", children: O() })
+          Y && /* @__PURE__ */ n("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--start", children: R() }),
+          o && /* @__PURE__ */ n("span", { className: "adyen-pe-input__slot-before", children: o }),
+          E,
+          d && /* @__PURE__ */ n("span", { className: "adyen-pe-input__slot-after", children: d }),
+          z && /* @__PURE__ */ n("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--end", children: R() })
         ]
       }
-    ) : F,
-    f && N && /* @__PURE__ */ i(B, { id: g, errorMessage: N })
+    ) : E,
+    i && _ && /* @__PURE__ */ n(U, { id: u, errorMessage: _ })
   ] });
 }
-q.defaultProps = {
+$.defaultProps = {
   type: "text",
   classNameModifiers: [],
   onInput: () => {
   }
 };
-const ba = D(q);
+const Ie = L($);
 export {
-  ba as default
+  Ie as default
 };