@adyen/adyen-platform-experience-web 1.1.1 → 1.3.0

package/dist/es/components/internal/FormFields/Select/components/SelectButton.js

@@ -1,112 +1,92 @@
-import T from "classnames";
-import { useMemo as N } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "classnames";
+import { useMemo as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import S from "../../../../../core/Context/useCoreContext.js";
-import { ButtonVariant as C } from "../../../Button/types.js";
-import f from "../../../Typography/Typography.js";
-import L from "../../../SVGIcons/ChevronDown.js";
-import { TypographyElement as u, TypographyVariant as B } from "../../../Typography/types.js";
+import { ButtonVariant as f } from "../../../Button/types.js";
+import u from "../../../Typography/Typography.js";
+import C from "../../../SVGIcons/ChevronDown.js";
+import { TypographyElement as L, TypographyVariant as B } from "../../../Typography/types.js";
 import { DROPDOWN_BUTTON_CLASS as p, DROPDOWN_BUTTON_ACTIVE_CLASS as R, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as h, DROPDOWN_BUTTON_READONLY_CLASS as y, DROPDOWN_BUTTON_INVALID_CLASS as A, DROPDOWN_BUTTON_VALID_CLASS as E, DROPDOWN_BUTTON_ICON_CLASS as P, DROPDOWN_BUTTON_TEXT_CLASS as U, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as g, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as x, DROPDOWN_BUTTON_CLASSNAME as I } from "../constants.js";
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as W } from "../../../../../external/preact/dist/preact.module.js";
 import b from "../../../Img/Img.js";
 import w from "../../../Button/Button.js";
 import { boolOrFalse as V } from "../../../../../utils/value/bool.js";
-const v = ({
+const F = ({
   active: e,
   disabled: m,
-  className: o,
-  filterable: i,
+  className: i,
+  filterable: n,
   toggleButtonRef: l,
-  ...n
+  ...o
 }) => {
-  const r = N(() => i ? T(I, o) : o, [o, i]);
-  return i ? a("div", {
-    ...n,
-    className: r,
-    ref: l
-  }) : a(w, {
-    ...n,
-    className: r,
-    disabled: m,
-    variant: C.SECONDARY,
-    ref: l
-  });
-}, F = (e) => {
-  var d;
-  const {
-    i18n: m
-  } = S(), {
-    active: o,
-    filterable: i,
-    multiSelect: l,
-    placeholder: n,
-    readonly: r,
-    showList: s,
-    withoutCollapseIndicator: _
-  } = e, O = N(() => (n == null ? void 0 : n.trim()) || m.get("select.filter.placeholder"), [m, n]), t = N(() => V(l) ? void 0 : o[0], [o, l]), D = N(() => {
-    var c;
-    return ((c = t == null ? void 0 : t.name) == null ? void 0 : c.trim()) || O;
-  }, [t, O]);
-  return a(v, {
-    active: o,
-    disabled: r,
-    "aria-disabled": r,
-    "aria-expanded": s,
-    "aria-haspopup": "listbox",
-    className: T(p, {
-      [R]: s,
-      [h]: !!o.length,
-      [y]: r,
-      [A]: e.isInvalid,
-      [E]: e.isValid
-    }),
-    filterable: i,
-    onClick: r ? void 0 : e.toggleList,
-    onKeyDown: r ? void 0 : e.onButtonKeyDown,
-    role: i ? "button" : void 0,
-    tabIndex: 0,
-    title: D,
-    toggleButtonRef: e.toggleButtonRef,
-    type: i ? "" : "button",
-    "aria-describedby": e.ariaDescribedBy,
-    id: e.id ?? "",
-    children: [s && i ? a("input", {
-      "aria-autocomplete": "list",
-      "aria-controls": e.selectListId,
-      "aria-expanded": s,
-      "aria-owns": e.selectListId,
-      autoComplete: "off",
-      className: "adyen-pe-filter-input",
-      onInput: e.onInput,
-      placeholder: O,
-      ref: e.filterInputRef,
-      role: "combobox",
-      type: "text"
-    }) : a(W, {
-      children: [(t == null ? void 0 : t.icon) && a(b, {
-        className: P,
-        src: t.icon,
-        alt: t.name.trim()
-      }), a("span", {
-        className: U,
-        children: ((d = t == null ? void 0 : t.selectedOptionName) == null ? void 0 : d.trim()) || (t == null ? void 0 : t.name.trim()) || O
-      }), l && e.appliedFilterNumber > 0 && a("div", {
-        className: g,
-        children: a(f, {
-          el: u.SPAN,
-          variant: B.BODY,
-          stronger: !0,
-          children: e.appliedFilterNumber
-        })
-      })]
-    }), !_ && a("span", {
-      className: x,
-      children: a(L, {
-        role: "presentation"
-      })
-    })]
-  });
-}, Z = F;
+  const r = O(() => n ? c(I, i) : i, [i, n]);
+  return n ? /* @__PURE__ */ a("div", { ...o, className: r, ref: l }) : /* @__PURE__ */ a(
+    w,
+    {
+      ...o,
+      className: r,
+      disabled: m,
+      variant: f.SECONDARY,
+      ref: l
+    }
+  );
+}, Z = (e) => {
+  var N;
+  const { i18n: m } = S(), { active: i, filterable: n, multiSelect: l, placeholder: o, readonly: r, showList: d, withoutCollapseIndicator: _ } = e, s = O(() => (o == null ? void 0 : o.trim()) || m.get("select.filter.placeholder"), [m, o]), t = O(() => V(l) ? void 0 : i[0], [i, l]), D = O(() => {
+    var T;
+    return ((T = t == null ? void 0 : t.name) == null ? void 0 : T.trim()) || s;
+  }, [t, s]);
+  return /* @__PURE__ */ a(
+    F,
+    {
+      active: i,
+      disabled: r,
+      "aria-disabled": r,
+      "aria-expanded": d,
+      "aria-haspopup": "listbox",
+      className: c(p, {
+        [R]: d,
+        [h]: !!i.length,
+        [y]: r,
+        [A]: e.isInvalid,
+        [E]: e.isValid
+      }),
+      filterable: n,
+      onClick: r ? void 0 : e.toggleList,
+      onKeyDown: r ? void 0 : e.onButtonKeyDown,
+      role: n ? "button" : void 0,
+      tabIndex: 0,
+      title: D,
+      toggleButtonRef: e.toggleButtonRef,
+      type: n ? void 0 : "button",
+      "aria-describedby": e.ariaDescribedBy,
+      id: e.id ?? "",
+      children: [
+        d && n ? /* @__PURE__ */ a(
+          "input",
+          {
+            "aria-autocomplete": "list",
+            "aria-controls": e.selectListId,
+            "aria-expanded": d,
+            "aria-owns": e.selectListId,
+            autoComplete: "off",
+            className: "adyen-pe-filter-input",
+            onInput: e.onInput,
+            placeholder: s,
+            ref: e.filterInputRef,
+            role: "combobox",
+            type: "text"
+          }
+        ) : /* @__PURE__ */ a(W, { children: [
+          (t == null ? void 0 : t.icon) && /* @__PURE__ */ a(b, { className: P, src: t.icon, alt: t.name.trim() }),
+          /* @__PURE__ */ a("span", { className: U, children: ((N = t == null ? void 0 : t.selectedOptionName) == null ? void 0 : N.trim()) || (t == null ? void 0 : t.name.trim()) || s }),
+          l && e.appliedFilterNumber > 0 && /* @__PURE__ */ a("div", { className: g, children: /* @__PURE__ */ a(u, { el: L.SPAN, variant: B.BODY, stronger: !0, children: e.appliedFilterNumber }) })
+        ] }),
+        !_ && /* @__PURE__ */ a("span", { className: x, children: /* @__PURE__ */ a(C, { role: "presentation" }) })
+      ]
+    }
+  );
+};
 export {
   Z as default
 };

package/dist/es/components/internal/FormFields/Select/components/SelectList.js

@@ -1,75 +1,70 @@
-import { useResponsiveViewport as R, mediaQueries as w } from "../../../../hooks/useResponsiveViewport.js";
-import x from "../../../Popover/Popover.js";
-import { PopoverContainerSize as b, PopoverContainerVariant as A, PopoverContainerPosition as V } from "../../../Popover/types.js";
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useResponsiveViewport as R, mediaQueries as x } from "../../../../../hooks/useResponsiveViewport.js";
+import b from "../../../Popover/Popover.js";
+import { PopoverContainerSize as w, PopoverContainerVariant as A, PopoverContainerPosition as V } from "../../../Popover/types.js";
 import g from "../../../../../core/Context/useCoreContext.js";
 import a from "classnames";
 import { memo as h } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as l } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { DROPDOWN_LIST_CLASS as F, DROPDOWN_LIST_ACTIVE_CLASS as W, DROPDOWN_ELEMENT_CLASS as z, DROPDOWN_ELEMENT_NO_OPTION_CLASS as j } from "../constants.js";
-import q, { renderListItemDefault as y } from "./SelectListItem.js";
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { fixedForwardRef as B } from "../../../../../utils/preact/fixedForwardRef.js";
-import { isFunction as Q } from "../../../../../utils/value/is.js";
-import { boolOrFalse as U } from "../../../../../utils/value/bool.js";
-const $ = B(({
-  active: c,
-  commitActions: p,
-  items: d,
-  multiSelect: s,
-  onKeyDown: f,
-  onSelect: u,
-  renderListItem: t,
-  selectListId: O,
-  showList: i,
-  textFilter: n,
-  toggleButtonRef: S,
-  dismissPopover: C,
-  setToTargetWidth: N,
-  popoverClassNameModifiers: P,
-  showOverlay: _,
-  fitPosition: v
-}, D) => {
-  const {
-    i18n: E
-  } = g(), L = R(w.down.xs), m = d.filter((e) => !n || e.name.toLowerCase().includes(n)), T = a(F, {
-    [W]: i
-  }), I = a(z, j), M = l(() => Q(t) ? t : y, [t]), r = l(() => U(s), [s]);
-  return i ? o(x, {
-    classNameModifiers: P,
-    actions: r ? p : void 0,
-    disableFocusTrap: !0,
-    divider: !0,
-    dismiss: C,
-    dismissible: !1,
-    open: i,
+import y, { renderListItemDefault as B } from "./SelectListItem.js";
+import { fixedForwardRef as Q } from "../../../../../utils/preact/fixedForwardRef.js";
+import { isFunction as U } from "../../../../../utils/value/is.js";
+import { boolOrFalse as $ } from "../../../../../utils/value/bool.js";
+const k = Q(
+  ({
+    active: c,
+    commitActions: p,
+    items: d,
+    multiSelect: s,
+    onKeyDown: f,
+    onSelect: u,
+    renderListItem: t,
+    selectListId: O,
+    showList: i,
+    textFilter: n,
+    toggleButtonRef: S,
+    dismissPopover: C,
     setToTargetWidth: N,
-    containerSize: b.MEDIUM,
-    variant: A.POPOVER,
-    targetElement: S,
-    withContentPadding: !1,
-    position: V.BOTTOM,
-    showOverlay: _ && L,
-    fitPosition: v,
-    children: o("ul", {
-      className: T,
-      id: O,
-      ref: D,
-      role: "listbox",
-      "aria-multiselectable": r,
-      children: m.length ? m.map((e) => o(q, {
-        item: e,
-        multiSelect: r,
-        onKeyDown: f,
-        onSelect: u,
-        renderListItem: M,
-        selected: c.includes(e)
-      }, e.id)) : o("div", {
-        className: I,
-        children: E.get("select.noOptionsFound")
-      })
-    })
-  }) : null;
-}), se = h($);
+    popoverClassNameModifiers: P,
+    showOverlay: _,
+    fitPosition: D
+  }, E) => {
+    const { i18n: L } = g(), T = R(x.down.xs), m = d.filter((e) => !n || e.name.toLowerCase().includes(n)), v = a(F, { [W]: i }), M = a(z, j), I = l(() => U(t) ? t : B, [t]), r = l(() => $(s), [s]);
+    return i ? /* @__PURE__ */ o(
+      b,
+      {
+        classNameModifiers: P,
+        actions: r ? p : void 0,
+        disableFocusTrap: !0,
+        divider: !0,
+        dismiss: C,
+        dismissible: !1,
+        open: i,
+        setToTargetWidth: N,
+        containerSize: w.MEDIUM,
+        variant: A.POPOVER,
+        targetElement: S,
+        withContentPadding: !1,
+        position: V.BOTTOM,
+        showOverlay: _ && T,
+        fitPosition: D,
+        children: /* @__PURE__ */ o("ul", { className: v, id: O, ref: E, role: "listbox", "aria-multiselectable": r, children: m.length ? m.map((e) => /* @__PURE__ */ o(
+          y,
+          {
+            item: e,
+            multiSelect: r,
+            onKeyDown: f,
+            onSelect: u,
+            renderListItem: I,
+            selected: c.includes(e)
+          },
+          e.id
+        )) : /* @__PURE__ */ o("div", { className: M, children: L.get("select.noOptionsFound") }) })
+      }
+    ) : null;
+  }
+), se = h(k);
 export {
   se as default
 };

package/dist/es/components/internal/FormFields/Select/components/SelectListItem.js

@@ -1,71 +1,51 @@
+import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "classnames";
 import { memo as N } from "../../../../../external/preact/compat/dist/compat.module.js";
 import E from "../../../SVGIcons/CheckedBox.js";
 import C from "../../../SVGIcons/UncheckedBox.js";
 import d from "../../../SVGIcons/Checkmark.js";
 import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as S, DROPDOWN_ELEMENT_CLASS as D, DROPDOWN_ELEMENT_ACTIVE_CLASS as _, DROPDOWN_ELEMENT_DISABLED_CLASS as p, DROPDOWN_ELEMENT_CONTENT_CLASS as L, DROPDOWN_ELEMENT_ICON_CLASS as O, DROPDOWN_ELEMENT_CHECKBOX_CLASS as f } from "../constants.js";
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import u from "../../../Img/Img.js";
 import { Fragment as h } from "../../../../../external/preact/dist/preact.module.js";
 import { boolOrFalse as A } from "../../../../../utils/value/bool.js";
-const T = (e) => e.multiSelect ? s("span", {
-  className: f,
-  children: e.selected ? s(E, {
-    role: "presentation"
-  }) : s(C, {
-    role: "presentation"
-  })
-}) : null, M = (e) => e.multiSelect ? null : s("span", {
-  className: S,
-  children: e.selected && s(d, {
-    role: "presentation"
-  })
-}), w = (e) => s(h, {
-  children: [T(e), s("div", {
-    className: e.contentClassName,
-    children: [e.item.icon && s(u, {
-      className: e.iconClassName,
-      alt: e.item.name,
-      src: e.item.icon
-    }), s("span", {
-      children: e.item.name
-    })]
-  }), M(e)]
-}), b = ({
-  item: e,
-  multiSelect: n,
-  onKeyDown: t,
-  onSelect: r,
-  renderListItem: i,
-  selected: l
-}) => {
+const M = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: f, children: e.selected ? /* @__PURE__ */ s(E, { role: "presentation" }) : /* @__PURE__ */ s(C, { role: "presentation" }) }) : null, T = (e) => e.multiSelect ? null : /* @__PURE__ */ s("span", { className: S, children: e.selected && /* @__PURE__ */ s(d, { role: "presentation" }) }), F = (e) => /* @__PURE__ */ s(h, { children: [
+  M(e),
+  /* @__PURE__ */ s("div", { className: e.contentClassName, children: [
+    e.item.icon && /* @__PURE__ */ s(u, { className: e.iconClassName, alt: e.item.name, src: e.item.icon }),
+    /* @__PURE__ */ s("span", { children: e.item.name })
+  ] }),
+  T(e)
+] }), b = ({ item: e, multiSelect: n, onKeyDown: t, onSelect: r, renderListItem: i, selected: l }) => {
   const o = !!e.disabled, m = A(e.disabled) || null, a = c(D, {
     [_]: l,
     [p]: o
   });
-  return s("li", {
-    "aria-disabled": o,
-    "aria-selected": l,
-    className: a,
-    "data-disabled": m,
-    "data-value": e.id,
-    onClick: r,
-    onKeyDown: t,
-    title: e.name,
-    role: "option",
-    tabIndex: -1,
-    children: i({
-      item: e,
-      multiSelect: n,
-      selected: l,
-      contentClassName: L,
-      iconClassName: O
-    })
-  });
-}, F = N(b);
+  return /* @__PURE__ */ s(
+    "li",
+    {
+      "aria-disabled": o,
+      "aria-selected": l,
+      className: a,
+      "data-disabled": m,
+      "data-value": e.id,
+      onClick: r,
+      onKeyDown: t,
+      title: e.name,
+      role: "option",
+      tabIndex: -1,
+      children: i({
+        item: e,
+        multiSelect: n,
+        selected: l,
+        contentClassName: L,
+        iconClassName: O
+      })
+    }
+  );
+}, H = N(b);
 export {
-  F as default,
-  T as renderDefaultMultiSelectionCheckedness,
-  M as renderDefaultSingleSelectionCheckedness,
-  w as renderListItemDefault
+  H as default,
+  M as renderDefaultMultiSelectionCheckedness,
+  T as renderDefaultSingleSelectionCheckedness,
+  F as renderListItemDefault
 };

package/dist/es/components/internal/FormFields/Select/hooks/useSelect.js

@@ -1,33 +1,32 @@
-import { useCallback as i, useState as p, useEffect as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as i, useState as O, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { EMPTY_ARRAY as t } from "../../../../../utils/value/constants.js";
-const g = ({
-  items: f,
-  multiSelect: r,
-  selected: l
-}) => {
-  const a = i((c = t) => {
-    const e = t.concat(c ?? t).filter(Boolean), n = f.filter((b) => e.includes(b.id)), o = r ? n : n.slice(0, 1);
-    return o.length ? Object.freeze(o) : t;
-  }, [f, r]), [d, s] = p(a(l)), u = i((c = t) => {
-    const e = c.filter((n) => f.includes(n));
-    s(e.length ? Object.freeze(e) : t);
-  }, [f, s]), x = i((c) => {
-    s((e) => {
-      const n = e.indexOf(c);
-      if (n < 0)
-        return Object.freeze((r ? e : t).concat(c));
-      if (!r)
-        return e;
-      const o = [...e];
-      return o.splice(n, 1), o.length ? Object.freeze(o) : t;
-    });
-  }, [r, s]);
-  return O(() => s(a(l)), [a, l, s]), {
-    resetSelection: u,
-    select: x,
-    selection: d
-  };
-}, _ = g;
+const p = ({ items: f, multiSelect: r, selected: l }) => {
+  const a = i(
+    (c = t) => {
+      const e = t.concat(c ?? t).filter(Boolean), n = f.filter((x) => e.includes(x.id)), o = r ? n : n.slice(0, 1);
+      return o.length ? Object.freeze(o) : t;
+    },
+    [f, r]
+  ), [d, s] = O(a(l)), b = i(
+    (c = t) => {
+      const e = c.filter((n) => f.includes(n));
+      s(e.length ? Object.freeze(e) : t);
+    },
+    [f, s]
+  ), u = i(
+    (c) => {
+      s((e) => {
+        const n = e.indexOf(c);
+        if (n < 0) return Object.freeze((r ? e : t).concat(c));
+        if (!r) return e;
+        const o = [...e];
+        return o.splice(n, 1), o.length ? Object.freeze(o) : t;
+      });
+    },
+    [r, s]
+  );
+  return g(() => s(a(l)), [a, l, s]), { resetSelection: b, select: u, selection: d };
+};
 export {
-  _ as default
+  p as default
 };

package/dist/es/components/internal/Header/Header.js

@@ -0,0 +1,29 @@
+import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import n from "classnames";
+import o from "../Typography/Typography.js";
+import S from "../../../core/Context/useCoreContext.js";
+import { TypographyElement as _, TypographyVariant as e } from "../Typography/types.js";
+/* empty css            */
+import { Divider as T } from "../Divider/Divider.js";
+const $ = "adyen-pe-header", P = ({ baseClassName: m = $, children: a, hasDivider: v, hideTitle: y, titleKey: c, subtitleKey: p, subtitleConfig: r }) => {
+  const { i18n: h } = S();
+  return /* @__PURE__ */ d("header", { className: m, children: [
+    /* @__PURE__ */ d("div", { className: `${m}__headings`, children: [
+      !y && c && /* @__PURE__ */ d("div", { className: `${m}__title`, children: /* @__PURE__ */ d(o, { el: _.SPAN, variant: e.TITLE, medium: !0, children: h.get(c) }) }),
+      p && /* @__PURE__ */ d("div", { className: n(`${m}__subtitle`, r == null ? void 0 : r.classNames), children: /* @__PURE__ */ d(
+        o,
+        {
+          el: (r == null ? void 0 : r.typographyEl) ?? _.SPAN,
+          variant: (r == null ? void 0 : r.variant) ?? e.BODY,
+          children: h.get(p)
+        }
+      ) }),
+      v && /* @__PURE__ */ d(T, { className: `${m}__divider` })
+    ] }),
+    a && /* @__PURE__ */ d("div", { className: `${m}__controls`, children: a })
+  ] });
+};
+export {
+  $ as BASE_CLASS,
+  P as Header
+};

package/dist/es/components/internal/Icon/Icon.js

@@ -0,0 +1,36 @@
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+/* empty css          */
+import m from "classnames";
+import { useState as p, useEffect as s } from "../../../external/preact/hooks/dist/hooks.module.js";
+const e = {
+  "angle-right": () => import("../../../images/icons/angle-right.svg.js"),
+  "checkmark-circle-fill": () => import("../../../images/icons/checkmark-circle-fill.svg.js"),
+  "checkmark-square-fill": () => import("../../../images/icons/checkmark-square-fill.svg.js"),
+  checkmark: () => import("../../../images/icons/checkmark.svg.js"),
+  "chevron-down": () => import("../../../images/icons/chevron-down.svg.js"),
+  "chevron-left": () => import("../../../images/icons/chevron-left.svg.js"),
+  "chevron-right": () => import("../../../images/icons/chevron-right.svg.js"),
+  "chevron-up": () => import("../../../images/icons/chevron-up.svg.js"),
+  copy: () => import("../../../images/icons/copy.svg.js"),
+  "cross-circle-fill": () => import("../../../images/icons/cross-circle-fill.svg.js"),
+  cross: () => import("../../../images/icons/cross.svg.js"),
+  download: () => import("../../../images/icons/download.svg.js"),
+  filter: () => import("../../../images/icons/filter.svg.js"),
+  "info-filled": () => import("../../../images/icons/info-filled.svg.js"),
+  "minus-circle-outline": () => import("../../../images/icons/minus-circle-outline.svg.js"),
+  "plus-circle-outline": () => import("../../../images/icons/plus-circle-outline.svg.js"),
+  square: () => import("../../../images/icons/square.svg.js"),
+  "warning-filled": () => import("../../../images/icons/warning-filled.svg.js"),
+  warning: () => import("../../../images/icons/warning.svg.js")
+}, d = ({ className: n, name: o, ...c }) => {
+  const [r, i] = p(null);
+  return s(() => {
+    e[o] ? e[o]().then(({ default: l }) => {
+      i(/* @__PURE__ */ t(l, {}));
+    }) : (i(null), console.error(`Icon with name "${o}" does not exist.`));
+  }, [o]), r && /* @__PURE__ */ t("span", { className: m("adyen-pe-icon", n), role: "img", "aria-hidden": !0, ...c, children: r });
+};
+export {
+  d as Icon,
+  d as default
+};

package/dist/es/components/internal/Image/Image.js

@@ -1,26 +1,13 @@
-import t from "classnames";
-import { useImageUrl as i } from "../../../hooks/useImageUrl/useImageUrl.js";
-import { useMemo as p } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const l = ({
-  folder: m = "components/",
-  className: r,
-  alt: e,
-  name: s,
-  extension: o
-}) => {
-  const a = i({
-    options: p(() => ({
-      imageFolder: m,
-      extension: o
-    }), [o, m]),
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import i from "classnames";
+import { useImageUrl as p } from "../../../hooks/useImageUrl.js";
+import { useMemo as c } from "../../../external/preact/hooks/dist/hooks.module.js";
+const l = ({ folder: m = "components/", className: r, alt: e, name: s, extension: o }) => {
+  const a = p({
+    options: c(() => ({ imageFolder: m, extension: o }), [o, m]),
     name: s
   });
-  return c("img", {
-    className: t("adyen-pe__image", r),
-    alt: e,
-    src: a
-  });
+  return /* @__PURE__ */ t("img", { className: i("adyen-pe__image", r), alt: e, src: a });
 };
 export {
   l as Image