@adyen/adyen-platform-experience-web 1.7.1 → 1.8.1

package/dist/es/components/external/TransactionsOverview/components/TransactionsTable/TransactionsTable.js

@@ -1,99 +1,119 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as F, useCallback as Y, useMemo as k } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../Category/Category.js";
-import $ from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import H from "../../../../../core/Context/useCoreContext.js";
-import { getCurrencyCode as I } from "../../../../../core/Localization/amount/amount-util.js";
-import P from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { TypographyVariant as n } from "../../../../internal/Typography/types.js";
-import a from "../../../../internal/Typography/Typography.js";
-import { useResponsiveContainer as d, containerQueries as c } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as B, DATE_AND_PAYMENT_METHOD_CLASS as U, DATE_METHOD_CLASS as G, AMOUNT_CLASS as W } from "./constants.js";
+import { useState as H, useCallback as I, useMemo as x } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import K from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import U from "../../../../../core/Context/useCoreContext.js";
+import { getCurrencyCode as B } from "../../../../../core/Localization/amount/amount-util.js";
+import $ from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { Tooltip as G } from "../../../../internal/Tooltip/Tooltip.js";
+import { TypographyVariant as n, TypographyElement as a } from "../../../../internal/Typography/types.js";
+import i from "../../../../internal/Typography/Typography.js";
+import { getTransactionCategory as j, getTransactionCategoryDescription as q } from "../../../../utils/translation/getters.js";
+import { useResponsiveContainer as c, containerQueries as d } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as z, DATE_AND_PAYMENT_METHOD_CLASS as Q, DATE_METHOD_CLASS as V, AMOUNT_CLASS as X } from "./constants.js";
 /* empty css                      */
-import A from "./PaymentMethodCell.js";
-import { useTableColumns as j } from "../../../../../hooks/useTableColumns.js";
-import h from "../../../../internal/DataGrid/DataGrid.js";
-import q from "../../../../internal/Pagination/Pagination.js";
-import { DATE_FORMAT_TRANSACTIONS_MOBILE as z, DATE_FORMAT_TRANSACTIONS as K } from "../../../../../constants/dateFormats.js";
-const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], yo = ({
+import S from "./PaymentMethodCell.js";
+import { useTableColumns as Z } from "../../../../../hooks/useTableColumns.js";
+import g from "../../../../internal/DataGrid/DataGrid.js";
+import J from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_TRANSACTIONS_MOBILE as W, DATE_FORMAT_TRANSACTIONS as tt } from "../../../../../constants/dateFormats.js";
+const et = ["createdAt", "paymentMethod", "transactionType", "amount"], C = {
+  amount: "transactions.overview.list.fields.amount",
+  createdAt: "transactions.overview.list.fields.createdAt",
+  // currency: 'transactions.overview.list.fields.currency',
+  paymentMethod: "transactions.overview.list.fields.paymentMethod",
+  // status: 'transactions.overview.list.fields.status',
+  transactionType: "transactions.overview.list.fields.transactionType"
+}, gt = ({
   activeBalanceAccount: s,
-  availableCurrencies: i,
-  error: m,
+  availableCurrencies: m,
+  error: l,
   hasMultipleCurrencies: p,
-  loading: f,
-  onContactSupport: l,
-  onRowClick: C,
-  showDetails: V,
-  showPagination: g,
-  transactions: M,
-  customColumns: D,
-  ...S
+  loading: M,
+  onContactSupport: A,
+  onRowClick: D,
+  showDetails: ot,
+  showPagination: E,
+  transactions: w,
+  customColumns: N,
+  ..._
 }) => {
-  const { i18n: e } = H(), { dateFormat: T } = P(s == null ? void 0 : s.timeZone), [_, u] = F(), y = d(c.up.sm), E = d(c.up.md), O = d(c.down.xs), v = e.get("amount"), N = j({
-    fields: Q,
-    customColumns: D,
+  const { i18n: r } = U(), { dateFormat: T } = $(s == null ? void 0 : s.timeZone), [b, y] = H(), u = c(d.up.sm), O = c(d.up.md), L = c(d.down.xs), R = r.get(C.amount), F = Z({
+    customColumns: N,
+    fields: et,
+    fieldsKeys: C,
     columnConfig: {
       amount: {
-        label: p ? void 0 : `${v} ${i && i[0] ? `(${I(i[0])})` : ""}`,
+        label: p ? void 0 : `${R} ${m && m[0] ? `(${B(m[0])})` : ""}`,
         position: "right",
-        flex: y ? 1.5 : void 0
+        flex: u ? 1.5 : void 0
       },
-      transactionType: { visible: E },
-      paymentMethod: { visible: y }
+      transactionType: { visible: O },
+      paymentMethod: { visible: u }
     }
-  }), b = {
-    title: "noTransactionsFound",
-    message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, R = Y(
-    (o) => {
-      u(o ?? void 0);
+  }), P = {
+    title: "transactions.overview.errors.listEmpty",
+    message: ["common.errors.updateFilters"]
+  }, k = I(
+    (e) => {
+      y(e ?? void 0);
     },
-    [u]
-  ), w = k(
-    () => () => /* @__PURE__ */ t($, { error: m, onContactSupport: l, errorMessage: "weCouldNotLoadYourTransactions" }),
-    [m, l]
+    [y]
+  ), Y = x(
+    () => () => /* @__PURE__ */ t(K, { error: l, onContactSupport: A, errorMessage: "transactions.overview.errors.listUnavailable" }),
+    [l, A]
   );
-  return /* @__PURE__ */ t("div", { className: B, children: /* @__PURE__ */ t(
-    h,
+  return /* @__PURE__ */ t("div", { className: z, children: /* @__PURE__ */ t(
+    g,
     {
-      errorDisplay: w,
-      error: m,
-      columns: N,
-      data: M,
-      loading: f,
+      errorDisplay: Y,
+      error: l,
+      columns: F,
+      data: w,
+      loading: M,
       outline: !1,
-      onRowClick: { callback: C },
-      onRowHover: R,
-      emptyTableMessage: b,
+      onRowClick: { callback: D },
+      onRowHover: k,
+      emptyTableMessage: P,
       customCells: {
         // Remove status column temporarily
-        /* status: ({ value }) => {
-            return (
-                <Tag
-                    label={i18n.get(value)}
-                    variant={value === 'Booked' ? TagVariant.SUCCESS : value === 'Reversed' ? TagVariant.ERROR : TagVariant.DEFAULT}
-                />
-            );
-        },*/
-        transactionType: ({ item: o, rowIndex: r }) => {
-          const L = `tooltip.${o.category}`;
-          return o.category ? e.has(L) ? /* @__PURE__ */ t(x, { isContainerHovered: r === _, value: o.category }) : /* @__PURE__ */ t(a, { variant: n.BODY, children: e.has(`txType.${o.category}`) ? e.get(`txType.${o.category}`) : `${o.category}` }) : null;
+        // status: ({ item }) => {
+        //     return (
+        //         <Tag
+        //             label={getTransactionStatus(i18n, item.status)}
+        //             variant={getTagVariantForTransaction(item)}
+        //         />
+        //     );
+        // },
+        transactionType: ({ item: e, rowIndex: o }) => {
+          const v = j(r, e.category);
+          if (v) {
+            const f = q(r, e.category), h = () => /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: v });
+            return f ? /* @__PURE__ */ t(G, { content: f, isContainerHovered: o === b, children: /* @__PURE__ */ t("span", { children: h() }) }) : h();
+          }
+          return null;
         },
-        amount: ({ value: o }) => {
-          const r = e.amount(o.value, o.currency, { hideCurrency: !p });
-          return /* @__PURE__ */ t(a, { variant: n.BODY, className: W, children: r });
+        amount: ({ value: e }) => {
+          const o = r.amount(e.value, e.currency, { hideCurrency: !p });
+          return /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, className: X, children: o });
         },
-        createdAt: ({ item: o, value: r }) => O ? /* @__PURE__ */ t("div", { className: U, children: [
-          /* @__PURE__ */ t(A, { paymentMethod: o.paymentMethod, bankAccount: o.bankAccount }),
-          /* @__PURE__ */ t(a, { variant: n.BODY, className: G, children: T(o.createdAt, z) })
-        ] }) : /* @__PURE__ */ t(a, { variant: n.BODY, children: T(r, K) }),
-        paymentMethod: ({ item: o }) => /* @__PURE__ */ t(A, { paymentMethod: o.paymentMethod, bankAccount: o.bankAccount })
+        createdAt: ({ item: e, value: o }) => L ? /* @__PURE__ */ t("div", { className: Q, children: [
+          /* @__PURE__ */ t(S, { paymentMethod: e.paymentMethod, bankAccount: e.bankAccount }),
+          /* @__PURE__ */ t("time", { dateTime: e.createdAt, className: V, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(e.createdAt, W) }) })
+        ] }) : /* @__PURE__ */ t("time", { dateTime: o, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(o, tt) }) }),
+        paymentMethod: ({ item: e }) => /* @__PURE__ */ t(S, { paymentMethod: e.paymentMethod, bankAccount: e.bankAccount })
       },
-      children: g && /* @__PURE__ */ t(h.Footer, { children: /* @__PURE__ */ t(q, { ...S }) })
+      children: E && /* @__PURE__ */ t(g.Footer, { children: /* @__PURE__ */ t(
+        J,
+        {
+          ..._,
+          ariaLabelKey: "transactions.overview.pagination.label",
+          limitSelectAriaLabelKey: "transactions.overview.pagination.controls.limitSelect.label"
+        }
+      ) })
     }
   ) });
 };
 export {
-  Q as TRANSACTION_FIELDS,
-  yo as TransactionsTable
+  et as TRANSACTION_FIELDS,
+  gt as TransactionsTable
 };

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

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

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

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

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

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

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

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

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

@@ -1,26 +1,27 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as i, forwardRef as t } from "../../../external/preact/compat/dist/compat.module.js";
 import d from "./hooks/useCalendar.js";
 /* empty css              */
 import l from "./components/CalendarControls/CalendarControls.js";
-import s from "./components/CalendarGrid/CalendarGrid.js";
-const m = t((o, a) => {
-  const r = d(o, a), n = r.grid.config();
-  return /* @__PURE__ */ e("div", { role: "none", children: [
-    /* @__PURE__ */ e(l, { config: n, grid: r.grid, renderer: o.renderControl }),
-    /* @__PURE__ */ e(
-      s,
+import m from "./components/CalendarGrid/CalendarGrid.js";
+const s = t((r, a) => {
+  const e = d(r, a), n = e.grid.config();
+  return /* @__PURE__ */ o("div", { role: "none", children: [
+    /* @__PURE__ */ o(l, { config: n, grid: e.grid, renderer: r.renderControl }),
+    /* @__PURE__ */ o(
+      m,
       {
-        ref: r.cursorElementRef,
+        ref: e.cursorElementRef,
         config: n,
-        cursorRootProps: r.cursorRootProps,
-        grid: r.grid,
-        onlyCellsWithin: o.onlyCellsWithin,
-        prepare: o.prepare
+        cursorRootProps: e.cursorRootProps,
+        getGridLabel: r.getGridLabel,
+        grid: e.grid,
+        onlyCellsWithin: r.onlyCellsWithin,
+        prepare: r.prepare
       }
     )
   ] });
-}), R = i(m);
+}), R = i(s);
 export {
   R as default
 };