@adyen/adyen-platform-experience-web 1.7.0 → 1.8.0

package/dist/es/components/external/PayoutsOverview/components/PayoutsTable/PayoutsTable.js

@@ -1,83 +1,103 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import L from "classnames";
-import M from "../../../../../core/Context/useCoreContext.js";
-import { getCurrencyCode as P } from "../../../../../core/Localization/amount/amount-util.js";
-import { useMemo as c, useCallback as B } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import U from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import j from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import { TypographyVariant as s } from "../../../../internal/Typography/types.js";
-import u from "../../../../internal/Typography/Typography.js";
-import { getLabel as w } from "../../../../utils/getLabel.js";
-import { useResponsiveContainer as x, containerQueries as N } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as R, NET_PAYOUT_CLASS as v } from "./constants.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import P from "classnames";
+import Y from "../../../../../core/Context/useCoreContext.js";
+import { getCurrencyCode as M } from "../../../../../core/Localization/amount/amount-util.js";
+import { useMemo as l, useCallback as B } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import N from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import U from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import { TypographyVariant as m, TypographyElement as u } from "../../../../internal/Typography/types.js";
+import a from "../../../../internal/Typography/Typography.js";
+import { useResponsiveContainer as j, containerQueries as x } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as K, NET_PAYOUT_CLASS as I } from "./constants.js";
 /* empty css                  */
-import { useTableColumns as I } from "../../../../../hooks/useTableColumns.js";
-import g from "../../../../internal/DataGrid/DataGrid.js";
+import { useTableColumns as R } from "../../../../../hooks/useTableColumns.js";
+import v from "../../../../internal/DataGrid/DataGrid.js";
 import $ from "../../../../internal/Pagination/Pagination.js";
-import { DATE_FORMAT_PAYOUTS_MOBILE as G, DATE_FORMAT_PAYOUTS as W } from "../../../../../constants/dateFormats.js";
-import { useConfigContext as q } from "../../../../../core/ConfigContext/context.js";
-const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], z = ["createdAt", ...h], K = (n) => h.includes(n), pr = ({
+import { DATE_FORMAT_PAYOUTS_MOBILE as G, DATE_FORMAT_PAYOUTS as q } from "../../../../../constants/dateFormats.js";
+import { useConfigContext as z } from "../../../../../core/ConfigContext/context.js";
+const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], Q = ["createdAt", ...h], S = {
+  adjustmentAmount: "payouts.overview.list.fields.adjustmentAmount",
+  createdAt: "payouts.overview.list.fields.createdAt",
+  fundsCapturedAmount: "payouts.overview.list.fields.fundsCapturedAmount",
+  payoutAmount: "payouts.overview.list.fields.payoutAmount"
+}, V = (n) => h.includes(n), pe = ({
   error: n,
-  loading: a,
-  onContactSupport: l,
-  onRowClick: D,
-  showDetails: Q,
-  showPagination: O,
-  data: t,
-  customColumns: _,
-  ...E
+  loading: c,
+  onContactSupport: p,
+  onRowClick: E,
+  showDetails: k,
+  showPagination: _,
+  data: r,
+  customColumns: b,
+  ...D
 }) => {
-  const { i18n: i } = M(), { dateFormat: p } = U("UTC"), { refreshing: A } = q(), S = c(() => a || A, [a, A]), e = x(N.up.sm), m = B(
-    (r) => {
-      var d, C, y, T;
-      const f = i.get(w(r));
-      if (K(r))
+  const { i18n: i } = Y(), { dateFormat: A } = N("UTC"), { refreshing: d } = z(), O = l(() => c || d, [c, d]), o = j(x.up.sm), s = B(
+    (e) => {
+      var y, C, T, g;
+      const f = i.get(S[e]);
+      if (V(e))
         return {
-          label: (C = (d = t == null ? void 0 : t[0]) == null ? void 0 : d[r]) != null && C.currency ? `${f} (${P((T = (y = t == null ? void 0 : t[0]) == null ? void 0 : y[r]) == null ? void 0 : T.currency)})` : f,
+          label: (C = (y = r == null ? void 0 : r[0]) == null ? void 0 : y[e]) != null && C.currency ? `${f} (${M((g = (T = r == null ? void 0 : r[0]) == null ? void 0 : T[e]) == null ? void 0 : g.currency)})` : f,
           position: "right"
         };
     },
-    [t, i]
-  ), F = I({
-    fields: z,
-    customColumns: _,
-    columnConfig: c(
+    [r, i]
+  ), w = R({
+    customColumns: b,
+    fields: Q,
+    fieldsKeys: S,
+    columnConfig: l(
       () => ({
-        fundsCapturedAmount: { ...m("fundsCapturedAmount"), visible: e },
-        adjustmentAmount: { ...m("adjustmentAmount"), visible: e },
-        payoutAmount: m("payoutAmount")
+        fundsCapturedAmount: { ...s("fundsCapturedAmount"), visible: o },
+        adjustmentAmount: { ...s("adjustmentAmount"), visible: o },
+        payoutAmount: s("payoutAmount")
       }),
-      [m, e]
+      [s, o]
     )
-  }), Y = {
-    title: "noPayoutsFound",
-    message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, b = c(
-    () => () => /* @__PURE__ */ o(j, { error: n, errorMessage: "weCouldNotLoadYourPayouts", onContactSupport: l }),
-    [n, l]
+  }), F = {
+    title: "payouts.overview.errors.listEmpty",
+    message: ["common.errors.updateFilters"]
+  }, L = l(
+    () => () => /* @__PURE__ */ t(U, { error: n, errorMessage: "payouts.overview.errors.listUnavailable", onContactSupport: p }),
+    [n, p]
   );
-  return /* @__PURE__ */ o("div", { className: R, children: /* @__PURE__ */ o(
-    g,
+  return /* @__PURE__ */ t("div", { className: K, children: /* @__PURE__ */ t(
+    v,
     {
-      errorDisplay: b,
+      errorDisplay: L,
       error: n,
-      columns: F,
-      data: t,
-      loading: S,
+      columns: w,
+      data: r,
+      loading: O,
       outline: !1,
-      onRowClick: { callback: D },
-      emptyTableMessage: Y,
+      onRowClick: { callback: E },
+      emptyTableMessage: F,
       customCells: {
-        createdAt: ({ value: r }) => r ? e ? r && /* @__PURE__ */ o(u, { variant: s.BODY, children: p(r, W) }) : p(r, G) : null,
-        fundsCapturedAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, children: i.amount(r.value, r.currency, { hideCurrency: !0 }) }),
-        adjustmentAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, children: i.amount(r.value, r.currency, { hideCurrency: !0 }) }),
-        payoutAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, className: L({ [`${v}--strong`]: !e }), children: i.amount(r.value, r.currency, { hideCurrency: e }) })
+        createdAt: ({ value: e }) => e ? o ? e && /* @__PURE__ */ t("time", { dateTime: e, children: /* @__PURE__ */ t(a, { el: u.SPAN, variant: m.BODY, children: A(e, q) }) }) : /* @__PURE__ */ t("time", { dateTime: e, children: A(e, G) }) : null,
+        fundsCapturedAmount: ({ value: e }) => e && /* @__PURE__ */ t(a, { el: u.SPAN, variant: m.BODY, children: i.amount(e.value, e.currency, { hideCurrency: !0 }) }),
+        adjustmentAmount: ({ value: e }) => e && /* @__PURE__ */ t(a, { el: u.SPAN, variant: m.BODY, children: i.amount(e.value, e.currency, { hideCurrency: !0 }) }),
+        payoutAmount: ({ value: e }) => e && /* @__PURE__ */ t(
+          a,
+          {
+            el: u.SPAN,
+            variant: m.BODY,
+            className: P({ [`${I}--strong`]: !o }),
+            children: i.amount(e.value, e.currency, { hideCurrency: o })
+          }
+        )
       },
-      children: O && /* @__PURE__ */ o(g.Footer, { children: /* @__PURE__ */ o($, { ...E }) })
+      children: _ && /* @__PURE__ */ t(v.Footer, { children: /* @__PURE__ */ t(
+        $,
+        {
+          ...D,
+          ariaLabelKey: "payouts.overview.pagination.label",
+          limitSelectAriaLabelKey: "payouts.overview.pagination.controls.limitSelect.label"
+        }
+      ) })
     }
   ) });
 };
 export {
-  z as PAYOUT_TABLE_FIELDS,
-  pr as PayoutsTable
+  Q as PAYOUT_TABLE_FIELDS,
+  pe as PayoutsTable
 };

package/dist/es/components/external/ReportsOverview/ReportsOverviewElement.js

@@ -1,27 +1,18 @@
 var n = Object.defineProperty;
-var s = (o, e, t) => e in o ? n(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var r = (o, e, t) => s(o, typeof e != "symbol" ? e + "" : e, t);
+var s = (t, e, o) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var r = (t, e, o) => s(t, typeof e != "symbol" ? e + "" : e, o);
 import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "./components/ReportsOverviewContainer/ReportsOverviewContainer.js";
-import { UIElement as i } from "../UIElement/UIElement.js";
-class m extends i {
-  constructor(t) {
-    super(t);
-    r(this, "componentToRender", () => /* @__PURE__ */ p(
-      c,
-      {
-        ...this.props,
-        balanceAccountId: this.props.balanceAccountId,
-        ref: (t) => {
-          this.componentRef = t;
-        }
-      }
-    ));
+import i from "./components/ReportsOverviewContainer/ReportsOverviewContainer.js";
+import { UIElement as m } from "../UIElement/UIElement.js";
+class c extends m {
+  constructor(o) {
+    super(o);
+    r(this, "componentToRender", () => /* @__PURE__ */ p(i, { ...this.props }));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }
-r(m, "type", "reports");
+r(c, "type", "reports");
 export {
-  m as ReportsElement,
-  m as default
+  c as ReportsElement,
+  c as default
 };

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as A, useMemo as c, useEffect as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as A, useMemo as n, useEffect as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import V from "../../../../../hooks/useBalanceAccountSelection.js";
 import W from "../../../../../hooks/useDefaultOverviewFilterParams.js";
 import X from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
@@ -15,20 +15,20 @@ import oe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.
 import { useFilterBarState as le, FilterBarMobileSwitch as ie, FilterBar as pe } from "../../../../internal/FilterBar/FilterBar.js";
 import me from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
 import { useConfigContext as fe } from "../../../../../core/ConfigContext/context.js";
-import { isFunction as ce } from "../../../../../utils/value/is.js";
-import { Header as ne } from "../../../../internal/Header/Header.js";
-const we = ({
+import { isFunction as ne } from "../../../../../utils/value/is.js";
+import { Header as ce } from "../../../../internal/Header/Header.js";
+const Ne = ({
   onFiltersChanged: i,
-  balanceAccounts: n,
+  balanceAccounts: c,
   allowLimitSelection: d = !0,
-  preferredLimit: _ = $,
-  isLoadingBalanceAccount: L,
+  preferredLimit: L = $,
+  isLoadingBalanceAccount: _,
   onContactSupport: P,
-  hideTitle: h,
+  hideTitle: g,
   dataCustomization: e
 }) => {
-  var S, D, R, u;
-  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: O, onBalanceAccountSelection: g } = V(n), { defaultParams: o, nowTimestamp: N, refreshNowTimestamp: m } = W("reports", r), b = A(
+  var T, D, R, u;
+  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: h, onBalanceAccountSelection: v } = V(c), { defaultParams: o, nowTimestamp: O, refreshNowTimestamp: m } = W("reports", r), b = A(
     async (t, f) => p({ signal: f, errorLevel: "error" }, {
       query: {
         ...t,
@@ -39,51 +39,51 @@ const we = ({
       }
     }),
     [r == null ? void 0 : r.id, o, p]
-  ), E = le(), y = c(() => ce(i) ? i : void 0, [i]), U = c(() => d ? Z : void 0, [d]), { canResetFilters: w, error: v, fetching: M, filters: T, limit: x, limitOptions: q, records: F, resetFilters: de, updateFilters: K, updateLimit: j, ...k } = oe({
+  ), E = le(), w = n(() => ne(i) ? i : void 0, [i]), y = n(() => d ? Z : void 0, [d]), { canResetFilters: N, error: U, fetching: M, filters: F, limit: x, limitOptions: K, records: S, resetFilters: de, updateFilters: q, updateLimit: j, ...k } = oe({
     fetchRecords: b,
     dataField: "data",
     filterParams: o.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
-    onFiltersChanged: y,
-    preferredLimit: _,
-    preferredLimitOptions: U,
+    onFiltersChanged: w,
+    preferredLimit: L,
+    preferredLimitOptions: y,
     enabled: !!(r != null && r.id) && !!p
   }), B = A(
     ({ records: t, retrievedData: f }) => se(t, f, (I, J) => I.createdAt === J.createdAt),
     []
-  ), G = c(() => {
+  ), G = n(() => {
     var t;
     return te((t = e == null ? void 0 : e.list) == null ? void 0 : t.fields, a);
-  }, [(S = e == null ? void 0 : e.list) == null ? void 0 : S.fields]), { customRecords: H, loadingCustomRecords: Y } = re({
-    records: F,
+  }, [(T = e == null ? void 0 : e.list) == null ? void 0 : T.fields]), { customRecords: H, loadingCustomRecords: Y } = re({
+    records: S,
     hasCustomColumn: G,
     onDataRetrieve: (D = e == null ? void 0 : e.list) == null ? void 0 : D.onDataRetrieve,
     mergeCustomData: B
   });
   return Q(() => {
     m();
-  }, [T, m]), /* @__PURE__ */ s("div", { className: z, children: [
-    /* @__PURE__ */ s(ne, { hideTitle: h, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ s(ie, { ...E }) }),
-    /* @__PURE__ */ s(pe, { ...E, children: [
+  }, [F, m]), /* @__PURE__ */ s("div", { className: z, children: [
+    /* @__PURE__ */ s(ce, { hideTitle: g, titleKey: "reports.overview.title", subtitleKey: "reports.overview.generateInfo", children: /* @__PURE__ */ s(ie, { ...E }) }),
+    /* @__PURE__ */ s(pe, { ...E, ariaLabelKey: "reports.overview.filters.label", children: [
       /* @__PURE__ */ s(
         me,
         {
           activeBalanceAccount: r,
-          balanceAccountSelectionOptions: O,
-          onBalanceAccountSelection: g
+          balanceAccountSelectionOptions: h,
+          onBalanceAccountSelection: v
         }
       ),
       /* @__PURE__ */ s(
         X,
         {
-          canResetFilters: w,
+          canResetFilters: N,
           defaultParams: o,
-          filters: T,
-          nowTimestamp: N,
+          filters: F,
+          nowTimestamp: O,
           refreshNowTimestamp: m,
           sinceDate: ee,
           timezone: "UTC",
-          updateFilters: K
+          updateFilters: q
         }
       )
     ] }),
@@ -91,14 +91,14 @@ const we = ({
       C,
       {
         balanceAccountId: r == null ? void 0 : r.id,
-        loading: M || L || !n || !r || Y,
-        data: (R = e == null ? void 0 : e.list) != null && R.onDataRetrieve ? H : F,
+        loading: M || _ || !c || !r || Y,
+        data: (R = e == null ? void 0 : e.list) != null && R.onDataRetrieve ? H : S,
         showPagination: !0,
         limit: x,
-        limitOptions: q,
+        limitOptions: K,
         onContactSupport: P,
         onLimitSelection: j,
-        error: v,
+        error: U,
         customColumns: (u = e == null ? void 0 : e.list) == null ? void 0 : u.fields,
         ...k
       }
@@ -106,5 +106,5 @@ const we = ({
   ] });
 };
 export {
-  we as ReportsOverview
+  Ne as ReportsOverview
 };

package/dist/es/components/external/ReportsOverview/components/ReportsOverviewContainer/ReportsOverviewContainer.js

@@ -1,22 +1,22 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "../../../../../hooks/useBalanceAccounts.js";
 import i from "../../../../internal/DataOverviewContainer/DataOverviewContainer.js";
 import { ReportsOverview as s } from "../ReportsOverview/ReportsOverview.js";
 import { BASE_CLASS as u } from "./constants.js";
-function d({ ...o }) {
-  const { balanceAccounts: e, isBalanceAccountIdWrong: t, isFetching: n, error: a } = c(o.balanceAccountId);
-  return /* @__PURE__ */ r(
+function f({ ...r }) {
+  const { balanceAccounts: e, isBalanceAccountIdWrong: n, isFetching: t, error: a } = c(r.balanceAccountId);
+  return /* @__PURE__ */ o(
     i,
     {
       balanceAccountsError: a,
       className: u,
-      errorMessage: "weCouldNotLoadTheReportsOverview",
-      isBalanceAccountIdWrong: t,
-      onContactSupport: o.onContactSupport,
-      children: /* @__PURE__ */ r(s, { ...o, balanceAccounts: e, isLoadingBalanceAccount: n })
+      errorMessage: "reports.overview.errors.unavailable",
+      isBalanceAccountIdWrong: n,
+      onContactSupport: r.onContactSupport,
+      children: /* @__PURE__ */ o(s, { ...r, balanceAccounts: e, isLoadingBalanceAccount: t })
     }
   );
 }
 export {
-  d as default
+  f as default
 };

package/dist/es/components/external/ReportsOverview/components/ReportsTable/ReportsTable.js

@@ -1,112 +1,126 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as W, useMemo as n, useCallback as Y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import M from "../../../../../core/Context/useCoreContext.js";
-import { useFreezePeriod as P } from "../../../../../hooks/useFreezePeriod.js";
-import I from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { Alert as q } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as x } from "../../../../internal/Alert/types.js";
-import z from "../../../../internal/Button/DownloadButton/DownloadButton.js";
-import U from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import { TypographyVariant as s } from "../../../../internal/Typography/types.js";
-import a from "../../../../internal/Typography/Typography.js";
-import { useResponsiveContainer as f, containerQueries as y } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as k, DATE_TYPE_CLASS as G, DATE_TYPE_DATE_SECTION_CLASS as $, DISABLED_BUTTONS_TIMEOUT as j } from "./constants.js";
+import { useState as M, useMemo as s, useCallback as Y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import q from "../../../../../core/Context/useCoreContext.js";
+import { useFreezePeriod as x } from "../../../../../hooks/useFreezePeriod.js";
+import U from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { Alert as z } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as K } from "../../../../internal/Alert/types.js";
+import k from "../../../../internal/Button/DownloadButton/DownloadButton.js";
+import G from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import { TypographyVariant as i, TypographyElement as a } from "../../../../internal/Typography/types.js";
+import n from "../../../../internal/Typography/Typography.js";
+import { useResponsiveContainer as f, containerQueries as u } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as j, DATE_TYPE_CLASS as Q, DATE_TYPE_DATE_SECTION_CLASS as V, DISABLED_BUTTONS_TIMEOUT as W } from "./constants.js";
 /* empty css                  */
-import { useTableColumns as Q } from "../../../../../hooks/useTableColumns.js";
-import { Icon as V } from "../../../../internal/Icon/Icon.js";
-import g from "../../../../internal/DataGrid/DataGrid.js";
-import X from "../../../../internal/Pagination/Pagination.js";
-import { DATE_FORMAT_REPORTS as D } from "../../../../../constants/dateFormats.js";
-import { useConfigContext as H } from "../../../../../core/ConfigContext/context.js";
-const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = ({
-  error: i,
-  loading: l,
-  balanceAccountId: E,
-  onContactSupport: m,
-  showPagination: h,
-  data: C,
-  customColumns: S,
+import { useTableColumns as X } from "../../../../../hooks/useTableColumns.js";
+import { getReportType as w } from "../../../../utils/translation/getters.js";
+import { Icon as H } from "../../../../internal/Icon/Icon.js";
+import D from "../../../../internal/DataGrid/DataGrid.js";
+import J from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_REPORTS as E } from "../../../../../constants/dateFormats.js";
+import { useConfigContext as Z } from "../../../../../core/ConfigContext/context.js";
+const $ = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ee = {
+  createdAt: "reports.overview.list.fields.createdAt",
+  reportFile: "reports.overview.list.fields.reportFile",
+  reportType: "reports.overview.list.fields.reportType"
+}, Se = ({
+  error: l,
+  loading: p,
+  balanceAccountId: S,
+  onContactSupport: A,
+  showPagination: g,
+  data: b,
+  customColumns: C,
   ..._
 }) => {
-  const { i18n: o } = M(), { dateFormat: u } = I("UTC"), { freeze: w, frozen: R } = P(j), [T, p] = W(null), { refreshing: A } = H(), b = n(() => l || A, [l, A]), d = f(y.up.sm), c = f(y.down.xs), v = Q({
-    fields: J,
-    customColumns: S,
-    columnConfig: n(
+  const { i18n: o } = q(), { dateFormat: v } = U("UTC"), { freeze: h, frozen: N } = x(W), [y, d] = M(null), { refreshing: T } = Z(), F = s(() => p || T, [p, T]), m = f(u.up.sm), c = f(u.down.xs), R = X({
+    customColumns: C,
+    fields: $,
+    fieldsKeys: ee,
+    columnConfig: s(
       () => ({
         dateAndReportType: { visible: c },
-        createdAt: { visible: d },
-        reportType: { visible: d },
+        createdAt: { visible: m },
+        reportType: { visible: m },
         reportFile: { visible: !0, position: c ? "right" : void 0 }
       }),
-      [d, c]
+      [m, c]
     )
-  }), O = Y(() => {
-    p(null);
-  }, []), F = {
-    title: "noReportsFound",
-    message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, N = n(
-    () => () => /* @__PURE__ */ r(U, { error: i, errorMessage: "weCouldNotLoadYourReports", onContactSupport: m }),
-    [i, m]
-  ), B = n(() => /* @__PURE__ */ r(V, { name: "warning" }), []), L = n(
+  }), P = Y(() => {
+    d(null);
+  }, []), O = {
+    title: "reports.overview.errors.listEmpty",
+    message: ["common.errors.updateFilters"]
+  }, L = s(
+    () => () => /* @__PURE__ */ r(G, { error: l, errorMessage: "reports.overview.errors.listUnavailable", onContactSupport: A }),
+    [l, A]
+  ), B = s(() => /* @__PURE__ */ r(H, { name: "warning" }), []), I = s(
     () => (e) => {
       const t = {};
       switch (e == null ? void 0 : e.errorCode) {
         case "999_429_001":
-          t.title = o.get("error.somethingWentWrongWithDownload"), t.description = o.get("reportsError.tooManyDownloads");
+          t.title = o.get("reports.overview.errors.download"), t.description = o.get("reports.overview.errors.tooManyDownloads");
           break;
         case "00_500":
         default:
-          t.title = o.get("error.somethingWentWrongWithDownload"), t.description = o.get("error.pleaseTryAgainLater");
+          t.title = o.get("reports.overview.errors.download"), t.description = o.get("reports.overview.errors.retryDownload");
           break;
       }
-      p(t);
+      d(t);
     },
     [o]
   );
-  return l && p(null), /* @__PURE__ */ r("div", { className: k, children: [
-    T && /* @__PURE__ */ r(q, { onClose: O, type: x.WARNING, className: "adyen-pe-reports-table-alert", ...T }),
+  return p && d(null), /* @__PURE__ */ r("div", { className: j, children: [
+    y && /* @__PURE__ */ r(z, { onClose: P, type: K.WARNING, className: "adyen-pe-reports-table-alert", ...y }),
     /* @__PURE__ */ r(
-      g,
+      D,
       {
-        errorDisplay: N,
-        error: i,
-        columns: v,
-        data: C,
-        loading: b,
+        errorDisplay: L,
+        error: l,
+        columns: R,
+        data: b,
+        loading: F,
         outline: !1,
-        emptyTableMessage: F,
+        emptyTableMessage: O,
         customCells: {
-          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r(a, { variant: s.BODY, children: u(e, D) }) : null,
-          dateAndReportType: ({ item: e }) => /* @__PURE__ */ r("div", { className: G, children: [
-            /* @__PURE__ */ r(a, { variant: s.BODY, stronger: !0, children: o.get(`reportType.${e == null ? void 0 : e.type}`) }),
-            /* @__PURE__ */ r(a, { className: $, variant: s.BODY, children: u(e.createdAt, D) })
+          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r("time", { dateTime: e, children: /* @__PURE__ */ r(n, { el: a.SPAN, variant: i.BODY, children: v(e, E) }) }) : null,
+          dateAndReportType: ({ item: e }) => /* @__PURE__ */ r("div", { className: Q, children: [
+            (e == null ? void 0 : e.type) && /* @__PURE__ */ r(n, { el: a.SPAN, variant: i.BODY, stronger: !0, children: w(o, e.type) }),
+            /* @__PURE__ */ r("time", { dateTime: e.createdAt, children: /* @__PURE__ */ r(n, { className: V, el: a.SPAN, variant: i.BODY, children: v(e.createdAt, E) }) })
           ] }),
-          reportType: ({ item: e }) => (e == null ? void 0 : e.type) && /* @__PURE__ */ r(a, { variant: s.BODY, children: o.get(`reportType.${e == null ? void 0 : e.type}`) }),
+          reportType: ({ item: e }) => (e == null ? void 0 : e.type) && /* @__PURE__ */ r(n, { el: a.SPAN, variant: i.BODY, children: w(o, e.type) }),
           reportFile: ({ item: e }) => {
             const t = {
-              query: { balanceAccountId: E, createdAt: e.createdAt, type: e.type }
+              query: { balanceAccountId: S, createdAt: e.createdAt, type: e.type }
             };
             return /* @__PURE__ */ r(
-              z,
+              k,
               {
                 className: "adyen-pe-reports-table--download",
                 endpointName: "downloadReport",
-                disabled: R,
+                disabled: N,
                 requestParams: t,
-                onDownloadRequested: w,
-                setError: L,
-                errorDisplay: B
+                onDownloadRequested: h,
+                setError: I,
+                errorDisplay: B,
+                "aria-label": o.get("reports.overview.list.controls.downloadReport.label")
               }
             );
           }
         },
-        children: h && /* @__PURE__ */ r(g.Footer, { children: /* @__PURE__ */ r(X, { ..._ }) })
+        children: g && /* @__PURE__ */ r(D.Footer, { children: /* @__PURE__ */ r(
+          J,
+          {
+            ..._,
+            ariaLabelKey: "reports.overview.pagination.label",
+            limitSelectAriaLabelKey: "reports.overview.pagination.controls.limitSelect.label"
+          }
+        ) })
       }
     )
   ] });
 };
 export {
-  J as FIELDS,
-  ge as ReportsTable
+  $ as FIELDS,
+  Se as ReportsTable
 };

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

@@ -1,24 +1,17 @@
-var r = Object.defineProperty;
-var s = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => s(o, typeof t != "symbol" ? t + "" : t, e);
+var n = Object.defineProperty;
+var s = (e, t, o) => t in e ? n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var r = (e, t, o) => s(e, typeof t != "symbol" ? t + "" : t, o);
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { UIElement as a } from "../UIElement/UIElement.js";
 import p from "../../internal/DataOverviewDetails/DataOverviewDetails.js";
 class m extends a {
-  constructor(e) {
-    super(e);
-    n(this, "componentToRender", () => /* @__PURE__ */ i(
-      p,
-      {
-        ...this.props,
-        type: "transaction",
-        ref: (e) => void (this.componentRef = e)
-      }
-    ));
+  constructor(o) {
+    super(o);
+    r(this, "componentToRender", () => /* @__PURE__ */ i(p, { ...this.props, type: "transaction" }));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }
-n(m, "type", "transactionDetails");
+r(m, "type", "transactionDetails");
 export {
   m as TransactionElement,
   m as default