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

package/dist/es/components/external/UIElement/UIElement.js

@@ -1,25 +1,20 @@
-var m = Object.defineProperty;
-var p = (n, e, t) => e in n ? m(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var s = (n, e, t) => p(n, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "classnames";
-import { createRef as l } from "../../../external/preact/dist/preact.module.js";
-import { AnalyticsProvider as d } from "../../../core/Context/analytics/AnalyticsProvider.js";
-import h from "../../../core/Context/CoreProvider.js";
-import u from "../BaseElement.js";
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import o from "classnames";
+import { createRef as r } from "../../../external/preact/dist/preact.module.js";
+import { AnalyticsProvider as a } from "../../../core/Context/analytics/AnalyticsProvider.js";
+import i from "../../../core/Context/CoreProvider.js";
+import m from "../BaseElement.js";
 /* empty css               */
-import { ConfigProvider as f } from "../../../core/ConfigContext/context.js";
-class I extends u {
+import { ConfigProvider as c } from "../../../core/ConfigContext/context.js";
+class y extends m {
+  componentRef = null;
+  componentToRender = null;
+  compRef;
+  customClassNames;
+  elementRef;
+  onContactSupport;
   constructor(t) {
-    super(t);
-    s(this, "componentRef", null);
-    s(this, "componentToRender", null);
-    s(this, "compRef");
-    s(this, "customClassNames");
-    s(this, "elementRef");
-    s(this, "onContactSupport");
-    s(this, "setUIElementStatus");
-    this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this, this.compRef = l();
+    super(t), this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this, this.compRef = r();
   }
   get isValid() {
     return !!this.state.isValid;
@@ -40,8 +35,7 @@ class I extends u {
    * Return the type of an element
    */
   get type() {
-    var t;
-    return (t = this.constructor) == null ? void 0 : t.type;
+    return this.constructor?.type;
   }
   formatProps(t) {
     return t;
@@ -57,28 +51,30 @@ class I extends u {
   setState(t) {
     this.state = { ...this.state, ...t };
   }
-  setStatus(t, r) {
-    var i, a;
-    return (i = this.componentRef) != null && i.setStatus ? this.componentRef.setStatus(t, r) : (a = this.setUIElementStatus) == null || a.call(this, t), this;
+  setUIElementStatus;
+  setStatus(t, s) {
+    return this.componentRef?.setStatus ? this.componentRef.setStatus(t, s) : this.setUIElementStatus?.(t), this;
   }
   render() {
-    const t = this.props.core, r = this.props.onError || t.onError || null, i = t.update.bind(t);
-    return t.session.errorHandler = r, /* @__PURE__ */ o(f, { type: this.type, session: t.session, children: /* @__PURE__ */ o(
-      h,
+    const t = this.props.core, s = this.props.onError || t.onError || null, n = t.update.bind(t);
+    return t.session.errorHandler = s, /* @__PURE__ */ e(c, { type: this.type, session: t.session, children: /* @__PURE__ */ e(
+      i,
       {
         componentRef: this.compRef,
         i18n: t.localization.i18n,
         getCdnConfig: t.getCdnConfig,
         getImageAsset: t.getImageAsset,
+        getDatasetAsset: t.getDatasetAsset,
+        getCdnDataset: t.getCdnDataset,
         loadingContext: t.loadingContext,
-        externalErrorHandler: r,
-        updateCore: i,
-        children: /* @__PURE__ */ o(d, { componentName: this.displayName, analyticsEnabled: (t == null ? void 0 : t.analyticsEnabled) ?? !0, children: this.componentToRender && /* @__PURE__ */ o("section", { ref: this.compRef, className: c("adyen-pe-component", this.customClassNames), children: /* @__PURE__ */ o("div", { className: "adyen-pe-component__container", children: this.componentToRender() }) }) })
+        externalErrorHandler: s,
+        updateCore: n,
+        children: /* @__PURE__ */ e(a, { componentName: this.displayName, analyticsEnabled: t?.analyticsEnabled ?? !0, children: this.componentToRender && /* @__PURE__ */ e("section", { ref: this.compRef, className: o("adyen-pe-component", this.customClassNames), children: /* @__PURE__ */ e("div", { className: "adyen-pe-component__container", children: this.componentToRender() }) }) })
       }
     ) }, performance.now());
   }
 }
 export {
-  I as UIElement,
-  I as default
+  y as UIElement,
+  y as default
 };

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

@@ -1,30 +1,29 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import N from "classnames";
-import { useState as E, useRef as O, useCallback as p } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { useUniqueId as S } from "../../../hooks/useUniqueId.js";
-import { ACCORDION_HEADER_CLASS as _, ACCORDION_HEADER_CONTAINER_CLASS as f, ACCORDION_HEADER_CONTROLLER_CLASS as I, ACCORDION_CONTENT_CLASS as R, ACCORDION_BASE_CLASS as h } from "./constants.js";
+import u from "classnames";
+import { useState as N, useRef as E, useCallback as O } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useUniqueId as f } from "../../../hooks/useUniqueId.js";
+import { ACCORDION_HEADER_CLASS as R, ACCORDION_HEADER_CONTAINER_CLASS as p, ACCORDION_HEADER_CONTROLLER_CLASS as S, ACCORDION_CONTENT_CLASS as _, ACCORDION_BASE_CLASS as I } from "./constants.js";
 /* empty css               */
 import { Icon as a } from "../Icon/Icon.js";
-function T({ children: l, classNames: d, header: m, headerInformation: r }) {
-  var s;
-  const [n, C] = E(!1), o = O(null), A = p(() => C((u) => !u), []), c = S(), t = `accordion-content-${c}`, i = `accordion-controller-${c}`;
-  return /* @__PURE__ */ e("div", { className: N(h, d), children: [
-    /* @__PURE__ */ e("div", { className: _, children: [
+function b({ children: s, classNames: d, header: l, headerInformation: n }) {
+  const [o, m] = N(!1), r = E(null), C = O(() => m((A) => !A), []), c = f(), t = `accordion-content-${c}`, i = `accordion-controller-${c}`;
+  return /* @__PURE__ */ e("div", { className: u(I, d), children: [
+    /* @__PURE__ */ e("div", { className: R, children: [
       /* @__PURE__ */ e(
         "button",
         {
           id: i,
           "aria-controls": t,
-          className: f,
-          onClick: A,
-          "aria-expanded": n,
-          children: /* @__PURE__ */ e("div", { className: I, children: [
-            m,
-            n ? /* @__PURE__ */ e(a, { name: "chevron-up" }) : /* @__PURE__ */ e(a, { name: "chevron-down" })
+          className: p,
+          onClick: C,
+          "aria-expanded": o,
+          children: /* @__PURE__ */ e("div", { className: S, children: [
+            l,
+            o ? /* @__PURE__ */ e(a, { name: "chevron-up" }) : /* @__PURE__ */ e(a, { name: "chevron-down" })
           ] })
         }
       ),
-      r && /* @__PURE__ */ e("div", { children: r })
+      n && /* @__PURE__ */ e("div", { children: n })
     ] }),
     /* @__PURE__ */ e(
       "div",
@@ -32,13 +31,13 @@ function T({ children: l, classNames: d, header: m, headerInformation: r }) {
         role: "region",
         id: t,
         "aria-labelledby": i,
-        style: { maxHeight: n ? (s = o == null ? void 0 : o.current) == null ? void 0 : s.offsetHeight : 0 },
-        className: R,
-        children: /* @__PURE__ */ e("div", { ref: o, children: l })
+        style: { maxHeight: o ? r?.current?.offsetHeight : 0 },
+        className: _,
+        children: /* @__PURE__ */ e("div", { ref: r, children: s })
       }
     )
   ] });
 }
 export {
-  T as default
+  b as default
 };

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

@@ -1,45 +1,58 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import y from "classnames";
-import { ButtonVariant as u } from "../Button/types.js";
-import f from "../../../core/Context/useCoreContext.js";
-import { TypographyVariant as a, TypographyElement as m } from "../Typography/types.js";
-import s from "../Typography/Typography.js";
-import { AlertIcon as T } from "./AlertIcon.js";
-import { AlertVariantOption as t } from "./types.js";
+import I from "classnames";
+import { ButtonVariant as c } from "../Button/types.js";
+import N from "../../../core/Context/useCoreContext.js";
+import { TypographyVariant as t, TypographyElement as d } from "../Typography/types.js";
+import p from "../Typography/Typography.js";
+import { AlertIcon as A } from "./AlertIcon.js";
+import { AlertVariantOption as a } from "./types.js";
 /* empty css           */
-import _ from "../Button/Button.js";
-import { Icon as h } from "../Icon/Icon.js";
-const v = ({ className: p, description: o, title: n, type: i, children: c, onClose: l, variant: r = t.DEFAULT }) => {
-  const { i18n: d } = f();
-  return /* @__PURE__ */ e("div", { className: y("adyen-pe-alert", `adyen-pe-alert--${i}`, `adyen-pe-alert--${r}`, p), role: "alert", children: [
-    /* @__PURE__ */ e(T, { type: i, className: "adyen-pe-alert__icon" }),
-    /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content", children: [
-      n && r !== t.TIP && /* @__PURE__ */ e(s, { className: "adyen-pe-alert__title", el: m.DIV, variant: a.BODY, wide: !0, strongest: !0, children: n }),
-      o && /* @__PURE__ */ e(
-        s,
-        {
-          className: "adyen-pe-alert__description",
-          el: m.DIV,
-          variant: r !== t.TIP ? a.CAPTION : a.BODY,
-          wide: !0,
-          children: o
-        }
-      ),
-      c
+import y from "../Button/Button.js";
+import { Icon as g } from "../Icon/Icon.js";
+const Y = ({
+  className: _,
+  description: n,
+  closeButton: h,
+  title: o,
+  type: l,
+  children: u,
+  onClose: i,
+  actions: m,
+  variant: r = a.DEFAULT
+}) => {
+  const { i18n: T } = N();
+  return /* @__PURE__ */ e("div", { className: I("adyen-pe-alert", `adyen-pe-alert--${l}`, `adyen-pe-alert--${r}`, _), role: "alert", children: [
+    /* @__PURE__ */ e(A, { type: l, className: "adyen-pe-alert__icon" }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content-container", children: [
+      /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content", children: [
+        o && r !== a.TIP && /* @__PURE__ */ e(p, { className: "adyen-pe-alert__title", el: d.DIV, variant: t.BODY, wide: !0, strongest: !0, children: o }),
+        n && /* @__PURE__ */ e(
+          p,
+          {
+            className: "adyen-pe-alert__description",
+            el: d.DIV,
+            variant: r === a.TIP ? t.CAPTION : t.BODY,
+            wide: !0,
+            children: n
+          }
+        ),
+        u
+      ] }),
+      !!m?.length && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__actions", children: m?.map((s, f) => /* @__PURE__ */ e(y, { onClick: s.onClick, variant: c.TERTIARY, children: s.label }, f)) })
     ] }),
-    l && r !== t.TIP && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(
-      _,
+    i && (r !== a.TIP || h) && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(
+      y,
       {
         iconButton: !0,
-        variant: u.TERTIARY,
-        onClick: l,
-        "aria-label": d.get("common.actions.dismiss.labels.dismiss"),
-        children: /* @__PURE__ */ e(h, { name: "cross" })
+        variant: c.TERTIARY,
+        onClick: i,
+        "aria-label": T.get("common.actions.dismiss.labels.dismiss"),
+        children: /* @__PURE__ */ e(g, { name: "cross" })
       }
     ) })
   ] });
 };
 export {
-  v as Alert,
-  v as default
+  Y as Alert,
+  Y as default
 };

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

@@ -13,10 +13,11 @@ const M = (o, n) => {
     `${N} ${B}`,
     f,
     o,
+    "button",
     l
   ), d = t(() => ({ ...s, ...o.onClick && r ? { onClick: r } : {} }), [r, s, o.onClick]);
   return /* @__PURE__ */ A("a", { ...d, href: o.href, ref: n, children: u });
-}, U = p(M);
+}, O = p(M);
 export {
-  U as default
+  O as default
 };

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

@@ -1,18 +1,19 @@
 import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import r from "../Button/hooks/useButton.js";
-import { DEFAULT_BASE_BUTTON_CLASSNAME as n } from "./constants.js";
+import n from "../Button/hooks/useButton.js";
+import { DEFAULT_BASE_BUTTON_CLASSNAME as r } from "./constants.js";
 import { useMemo as e } from "../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css                */
 import { fixedForwardRef as c } from "../../../utils/preact/fixedForwardRef.js";
 import { parseClassName as f } from "../../../utils/preact/className.js";
 import { parseBooleanProp as u } from "../../../utils/preact/props.js";
 function d(t, a) {
-  const o = e(() => f("", t.className) || "", [t.className]), l = e(() => u(t.disabled || !1), [t.disabled]), { click: i, allProps: m } = r(
+  const o = e(() => f("", t.className) || "", [t.className]), l = e(() => u(t.disabled || !1), [t.disabled]), { click: i, allProps: m } = n(
     o,
     [...t.classNameModifiers || [], ...t.fullWidth ? ["full-width"] : []],
-    n,
+    r,
     l,
     t,
+    t.type,
     t.onClick
   );
   return /* @__PURE__ */ s("button", { type: t.type || "button", onClick: i, ref: a, ...m, children: t.children });

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

@@ -1,24 +1,25 @@
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "./hooks/useButton.js";
 import { DEFAULT_BUTTON_CLASSNAME as f } from "./constants.js";
-import { useMemo as o } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as a } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { ButtonVariant as u } from "./types.js";
 /* empty css            */
 import { fixedForwardRef as d } from "../../../utils/preact/fixedForwardRef.js";
 import { parseClassName as N } from "../../../utils/preact/className.js";
 import { parseBooleanProp as B } from "../../../utils/preact/props.js";
-function b(t, a) {
-  const e = o(() => N("", t.className) || "", [t.className]), r = o(() => B(t.disabled || !1), [t.disabled]), { click: s, allChildren: i, allProps: l } = c(
+function b(t, o) {
+  const e = a(() => N("", t.className) || "", [t.className]), i = a(() => B(t.disabled || !1), [t.disabled]), { click: l, allChildren: r, allProps: s } = c(
     e,
     [...t.classNameModifiers || [], t.variant || u.PRIMARY],
     f,
-    r,
+    i,
     t,
+    t.type,
     t.onClick
-  ), { classNameModifiers: A, ...m } = l;
-  return /* @__PURE__ */ n("button", { ...m, ref: a, type: t.type || "button", onClick: s, children: i });
+  ), { classNameModifiers: A, ...m } = s;
+  return /* @__PURE__ */ n("button", { ...m, ref: o, type: t.type || "button", onClick: l, children: r });
 }
-const y = d(b);
+const h = d(b);
 export {
-  y as default
+  h as default
 };

package/dist/es/components/internal/Button/ButtonActions/ButtonActions.js

@@ -1,32 +1,34 @@
-import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonActionsLayout as c } from "./types.js";
-import { BUTTON_ACTION_CLASSNAME as i, BUTTON_ACTION_CONTAINER_CLASSNAME as d } from "../constants.js";
-import { ButtonVariant as s } from "../types.js";
+import { BUTTON_ACTION_CLASSNAME as a, BUTTON_ACTION_CONTAINER_CLASSNAME as d } from "../constants.js";
+import { ButtonVariant as o } from "../types.js";
 /* empty css                   */
 import { memo as N } from "../../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as A } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import p from "classnames";
-import T from "../Button.js";
-function f({ actions: t, layout: o = c.BUTTONS_END }) {
-  const l = () => `${i}--${o}`, m = (e) => {
-    const r = t.length - 1;
-    return e === r ? s.PRIMARY : s.SECONDARY;
-  }, n = A(() => [...t].reverse(), [t]);
-  return /* @__PURE__ */ a("div", { className: i, children: /* @__PURE__ */ a("div", { className: `${d} ${l()}`, role: "group", children: n.map((e, r) => /* @__PURE__ */ a(
-    T,
+import f from "classnames";
+import p from "../Button.js";
+function T({ actions: i, layout: s = c.BUTTONS_END }) {
+  const l = () => `${a}--${s}`, n = (e) => {
+    const r = i.length - 1;
+    return e === r ? o.PRIMARY : o.SECONDARY;
+  }, m = A(() => [...i].reverse(), [i]);
+  return /* @__PURE__ */ t("div", { className: a, children: /* @__PURE__ */ t("div", { className: `${d} ${l()}`, role: "group", children: m.map((e, r) => /* @__PURE__ */ t(
+    p,
     {
-      className: p(e.classNames),
-      "aria-label": e.title,
+      className: f(e.classNames),
+      "aria-label": e.ariaLabel ?? e.title,
       disabled: e.disabled,
-      variant: e.variant || m(r),
+      variant: e.variant || n(r),
       onClick: e.event,
       state: e.state ?? "default",
+      iconLeft: e.iconLeft,
+      iconRight: e.iconRight,
       children: e.renderTitle ? e.renderTitle(e.title) : e.title
     },
     `${r}_${e.title || "0"}`
   )) }) });
 }
-const E = N(f);
+const R = N(T);
 export {
-  E as default
+  R as default
 };

package/dist/es/components/internal/Button/DownloadButton/DownloadButton.js

@@ -1,79 +1,70 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import k from "classnames";
-import { useState as g, useEffect as p, useMemo as y } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../../core/Context/useCoreContext.js";
-import { useResponsiveContainer as E, containerQueries as I } from "../../../../hooks/useResponsiveContainer.js";
-import C from "../Button.js";
-import { ButtonVariant as b } from "../types.js";
-import N from "./useDownload.js";
+import b from "classnames";
+import { useState as D, useEffect as m, useMemo as h } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import I from "../../../../core/Context/useCoreContext.js";
+import { useResponsiveContainer as N, containerQueries as S } from "../../../../hooks/useResponsiveContainer.js";
+import _ from "../Button.js";
+import { ButtonVariant as l } from "../types.js";
+import F from "./useDownload.js";
 /* empty css                    */
-import S from "../../Spinner/Spinner.js";
-import { Icon as U } from "../../Icon/Icon.js";
-import { Fragment as j } from "../../../../external/preact/dist/preact.module.js";
-function F({ blob: d, filename: s }) {
-  const n = document.createElement("a"), i = URL.createObjectURL(d);
-  n.href = i, n.download = s || "download";
-  const r = () => {
-    setTimeout(() => {
-      URL.revokeObjectURL(i);
-    }, 150);
-  };
-  n.addEventListener("click", r, { once: !0 }), n.click();
-}
-function K({
-  className: d,
-  disabled: s,
-  endpointName: n,
-  requestParams: i,
-  setError: r,
-  errorDisplay: w,
-  onDownloadRequested: l,
-  iconButton: e = !1,
-  errorMessage: h,
-  ..._
+import Y from "../../Spinner/Spinner.js";
+import { Icon as k } from "../../Icon/Icon.js";
+import { Fragment as A } from "../../../../external/preact/dist/preact.module.js";
+import { downloadBlob as E } from "../../../../utils/file/download.js";
+function M({
+  className: y,
+  disabled: C,
+  endpointName: R,
+  requestParams: g,
+  setError: d,
+  errorDisplay: c,
+  onDownloadRequested: v,
+  iconButton: n = !1,
+  errorMessage: f,
+  ...p
 }) {
-  const { i18n: m } = x(), [f, v] = g(!1), R = E(I.down.xs), { data: u, error: t, isFetching: a } = N(n, i, f);
-  p(() => {
-    f && v(!1);
-  }, [f]), p(() => {
-    u && F(u);
-  }, [u]), p(() => {
-    r && t && r(t);
-  }, [t, r]);
-  const L = () => {
-    v(!0), l == null || l();
-  }, c = y(() => a ? /* @__PURE__ */ o(S, { size: "small" }) : /* @__PURE__ */ o(U, { name: "download" }), [a]), T = y(() => e ? c : a ? `${m.get("common.actions.download.labels.inProgress")}..` : m.get("common.actions.download.labels.default"), [c, m, a, e]);
-  return /* @__PURE__ */ o(j, { children: [
+  const { i18n: r } = I(), [i, u] = D(!1), x = N(S.down.xs), { data: s, error: e, isFetching: t } = F(R, g, i);
+  m(() => {
+    i && u(!1);
+  }, [i]), m(() => {
+    s && E(s);
+  }, [s]), m(() => {
+    d && e && d(e);
+  }, [e, d]);
+  const w = () => {
+    u(!0), v?.();
+  }, a = h(() => t ? /* @__PURE__ */ o(Y, { size: "small" }) : /* @__PURE__ */ o(k, { name: "download" }), [t]), T = h(() => n ? a : t ? `${r.get("common.actions.download.labels.inProgress")}..` : r.get("common.actions.download.labels.default"), [a, r, t, n]);
+  return /* @__PURE__ */ o(A, { children: [
     /* @__PURE__ */ o(
       "div",
       {
-        className: k("adyen-pe-download", {
-          "adyen-pe-download-icon-button-container": e
+        className: b("adyen-pe-download", {
+          "adyen-pe-download-icon-button-container": n
         }),
         children: [
-          R ? /* @__PURE__ */ o(C, { iconButton: !0, variant: b.TERTIARY, onClick: L, ..._, children: c }) : /* @__PURE__ */ o(
-            C,
+          x ? /* @__PURE__ */ o(_, { iconButton: !0, variant: l.TERTIARY, onClick: w, ...p, children: a }) : /* @__PURE__ */ o(
+            _,
             {
-              className: k(
+              className: b(
                 "adyen-pe-download__button",
-                { "adyen-pe-download__button--loading": a, "adyen-pe-download__button--icon": e },
-                d
+                { "adyen-pe-download__button--loading": t, "adyen-pe-download__button--icon": n },
+                y
               ),
-              disabled: s || a,
-              variant: e ? b.TERTIARY : b.SECONDARY,
-              onClick: L,
-              ...!e && { iconLeft: c },
-              ..._,
+              disabled: C || t,
+              variant: n ? l.TERTIARY : l.SECONDARY,
+              onClick: w,
+              ...!n && { iconLeft: a },
+              ...p,
               children: T
             }
           ),
-          t && w && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: w })
+          e && c && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: c })
         ]
       }
     ),
-    t && h && h(t)
+    e && f && f(e)
   ] });
 }
 export {
-  K as default
+  M as default
 };

package/dist/es/components/internal/Button/DownloadButton/useDownload.js

@@ -1,13 +1,13 @@
-import { useFetch as r } from "../../../../hooks/useFetch.js";
-import { useConfigContext as s } from "../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as a } from "../../../../utils/value/constants.js";
-const i = (o, t, n) => {
-  const e = s().endpoints[o];
-  return r({
-    fetchOptions: { enabled: !!e && n, keepPrevData: !0 },
-    queryFn: async () => e(a, { ...t })
+import { useFetch as s } from "../../../../hooks/useFetch.js";
+import { useConfigContext as a } from "../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as p } from "../../../../utils/value/constants.js";
+const f = (o, t, n, r) => {
+  const e = a().endpoints[o];
+  return s({
+    fetchOptions: { enabled: !!e && n, keepPrevData: !0, onSuccess: r },
+    queryFn: async () => e(p, { ...t })
   });
 };
 export {
-  i as default
+  f as default
 };