@adyen/adyen-platform-experience-web 1.5.1 → 1.6.0

package/dist/es/components/external/DisputeManagement/utils/index.js

@@ -0,0 +1,22 @@
+import p from "../../../../config/disputes/defenseDocumentConfig.json.js";
+import d from "../../../../config/disputes/defenseReasonConfig.json.js";
+const h = (e, n, c) => {
+  const o = `${n}.${c}`;
+  return e.has(o) ? e.get(o) : void 0;
+}, u = (e, n, c, o) => {
+  const t = n[c];
+  if (!t) return;
+  const g = h(e, o, t.title), l = t.help ? Array.isArray(t.help) ? t.help : [t.help] : void 0, r = l == null ? void 0 : l.map((f) => h(e, o, f)).filter((f) => f !== void 0), s = [];
+  return t.helpitems && t.helpitems.forEach((f) => {
+    const i = h(e, o, f);
+    i && s.push(i);
+  }), {
+    title: g || "",
+    ...r != null && r.length ? { primaryDescriptionItems: r } : {},
+    ...s != null && s.length ? { secondaryDescriptionItems: s } : {}
+  };
+}, C = (e, n) => u(e, p, n, "disputes.defenseDocument"), v = (e, n) => u(e, d, n, "disputes.defenseReason");
+export {
+  C as getDefenseDocumentContent,
+  v as getDefenseReasonContent
+};

package/dist/es/components/external/DisputesOverview/DisputesOverviewElement.js

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

package/dist/es/components/external/DisputesOverview/components/DisputeManagementModal/DisputeManagementModal.js

@@ -0,0 +1,53 @@
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as C, useCallback as u, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import S from "../../../../../core/Context/useCoreContext.js";
+import { popoverUtil as h } from "../../../../internal/Popover/utils/popoverUtil.js";
+import { DisputeDetailsContainer as M } from "../../../DisputeManagement/components/DisputeDetailsContainer/DisputeDetailsContainer.js";
+/* empty css                            */
+import A from "../../../../internal/Modal/Modal.js";
+const E = ({
+  children: p,
+  selectedDetail: e,
+  resetDetails: t,
+  dataCustomization: c,
+  onContactSupport: l,
+  refreshDisputesList: a,
+  setModalVisible: n
+}) => {
+  const { i18n: f } = S(), [i, r] = C(!1), s = !!e, d = u(() => {
+    i && (r(!1), a("CHARGEBACKS")), n(!1), t();
+  }, [i, a, t, n]), m = u(() => {
+    r(!0);
+  }, []);
+  return g(() => {
+    s && (n(!0), h.closeAll());
+  }, [s, n]), /* @__PURE__ */ o("div", { children: [
+    p,
+    e && /* @__PURE__ */ o(
+      A,
+      {
+        isOpen: s,
+        "aria-label": f.get("disputes.disputeManagementTitle"),
+        onClose: d,
+        isDismissible: !0,
+        headerWithBorder: !1,
+        size: e.modalSize || "large",
+        children: /* @__PURE__ */ o("div", { className: "adyen-pe-dispute-management-modal-content", children: /* @__PURE__ */ o(
+          M,
+          {
+            id: e.selection.data,
+            dataCustomization: c,
+            onDisputeAccept: m,
+            onDisputeDefend: m,
+            onContactSupport: l,
+            onDismiss: t,
+            hideTitle: !0
+          }
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  E as DisputeManagementModal
+};

package/dist/es/components/external/DisputesOverview/components/DisputesContainer/DisputesContainer.js

@@ -0,0 +1,21 @@
+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 { DisputesOverview as s } from "../DisputesOverview/DisputesOverview.js";
+function v({ ...e }) {
+  const { balanceAccounts: r, isBalanceAccountIdWrong: t, isFetching: n, error: a } = c(e.balanceAccountId);
+  return /* @__PURE__ */ o(
+    i,
+    {
+      balanceAccountsError: a,
+      className: "adyen-pe-disputes-overview-container",
+      errorMessage: "disputes.error.couldNotLoadDisputesOverview",
+      isBalanceAccountIdWrong: t,
+      onContactSupport: e.onContactSupport,
+      children: /* @__PURE__ */ o(s, { ...e, balanceAccounts: r, isLoadingBalanceAccount: n })
+    }
+  );
+}
+export {
+  v as default
+};

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

@@ -0,0 +1,214 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import Ue from "classnames";
+import { useState as f, useMemo as T, useCallback as S, useRef as B, useEffect as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import Z from "../../../../../core/Context/useCoreContext.js";
+import Pe, { ALL_BALANCE_ACCOUNTS_SELECTION_ID as Le } from "../../../../../hooks/useBalanceAccountSelection.js";
+import Ce from "../../../../../hooks/useDefaultOverviewFilterParams.js";
+import be from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import { EARLIEST_DISPUTES_SINCE_DATE as he, TABS_CONTAINER_CLASS as Me, BASE_CLASS as Ne, BASE_XS_CLASS as ge } from "./constants.js";
+import { LIMIT_OPTIONS as we, DEFAULT_PAGE_LIMIT as ve } from "../../../../internal/Pagination/constants.js";
+import { DISPUTE_REASON_CATEGORIES as J, DISPUTE_PAYMENT_SCHEMES as W, DISPUTE_STATUS_GROUPS as w } from "../../../../utils/disputes/constants.js";
+import { useResponsiveContainer as Ge, containerQueries as ye } from "../../../../../hooks/useResponsiveContainer.js";
+import { FilterParam as U } from "../../../../types.js";
+import { DisputesTable as xe } from "../DisputesTable/DisputesTable.js";
+import { DisputeManagementModal as je } from "../DisputeManagementModal/DisputeManagementModal.js";
+import ke from "../../../../internal/Tabs/Tabs.js";
+/* empty css                      */
+import He from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useMultiSelectionFilter as K } from "../../../TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
+import Ve from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import { useFilterBarState as Ye, FilterBarMobileSwitch as Be, FilterBar as Ke } from "../../../../internal/FilterBar/FilterBar.js";
+import qe from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import q from "../../../TransactionsOverview/components/MultiSelectionFilter/MultiSelectionFilter.js";
+import Qe from "../../../../internal/FormFields/Select/Select.js";
+import { useConfigContext as Xe } from "../../../../../core/ConfigContext/context.js";
+import { listFrom as Q } from "../../../../../utils/collection/main.js";
+import { isFunction as Ze } from "../../../../../utils/value/is.js";
+import { Header as Je } from "../../../../internal/Header/Header.js";
+const X = "CHARGEBACKS", N = "schemeCodes", p = "reasonCategories", g = "_t", We = Object.keys(W), $e = Object.keys(J), ze = Object.keys(w), $ = Object.entries(w).map(([i, n]) => ({
+  id: i,
+  label: n,
+  content: null
+})), et = ({
+  activeTab: i,
+  onChange: n
+}) => {
+  const { i18n: E } = Z(), [_, D] = f(i), F = T(() => Object.entries(w).map(([o, a]) => ({
+    id: o,
+    name: E.get(a)
+  })), [E]);
+  return P(() => {
+    const o = $.find((a) => a.id === _);
+    o && n(o);
+  }, [n, _]), P(() => D(i), [i]), /* @__PURE__ */ r(
+    Qe,
+    {
+      items: F,
+      selected: _,
+      onChange: ({ target: o }) => D(o.value),
+      showOverlay: !0,
+      multiSelect: !1,
+      filterable: !1
+    }
+  );
+}, ht = ({
+  onFiltersChanged: i,
+  balanceAccounts: n,
+  allowLimitSelection: E = !0,
+  preferredLimit: _ = ve,
+  isLoadingBalanceAccount: D,
+  onContactSupport: F,
+  hideTitle: o,
+  onRecordSelection: a,
+  showDetails: v,
+  dataCustomization: m
+}) => {
+  const { i18n: I } = Z(), { getDisputeList: L } = Xe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: z, onBalanceAccountSelection: ee } = Pe(n, !0), { defaultParams: A, nowTimestamp: C, refreshNowTimestamp: b } = Ce("disputes", e), [G, te] = f(!1), [re, se] = f(), [c, ie] = f(X), [oe, y] = f(!1), [x, j] = f(c), k = T(
+    () => ({
+      showDetails: v ?? !0,
+      callback: a
+    }),
+    [v, a]
+  ), ne = T(() => ({ dispute: k }), [k]), le = S(
+    async ({ [g]: t, ...s }, u) => L({ signal: u, errorLevel: "error" }, {
+      query: {
+        ...s,
+        ...(e == null ? void 0 : e.id) !== Le && {
+          balanceAccountId: (e == null ? void 0 : e.id) ?? ""
+        },
+        reasonCategories: Q(s[p]),
+        schemeCodes: Q(s[N]),
+        createdSince: s[U.CREATED_SINCE] ?? A.current.defaultFilterParams[U.CREATED_SINCE],
+        createdUntil: s[U.CREATED_UNTIL] ?? A.current.defaultFilterParams[U.CREATED_UNTIL]
+      }
+    }),
+    [e == null ? void 0 : e.id, A, L]
+  ), H = Ye(), ae = T(() => Ze(i) ? i : void 0, [i]), me = T(() => E ? we : void 0, [E]), h = Object.assign(A.current.defaultFilterParams, {
+    [p]: void 0,
+    [N]: void 0,
+    [g]: performance.now(),
+    statusGroup: X
+  }), { canResetFilters: ce, error: de, fetching: ue, filters: d, limit: Se, limitOptions: pe, records: fe, resetFilters: tt, updateFilters: l, updateLimit: Te, ...Ee } = He({
+    fetchRecords: le,
+    dataField: "data",
+    filterParams: h,
+    initialFiltersSameAsDefault: !0,
+    onFiltersChanged: ae,
+    preferredLimit: _,
+    preferredLimitOptions: me,
+    enabled: !!(e != null && e.id) && !!L
+  }), M = B(void 0), _e = K({
+    mapFilterOptionName: S((t) => I.get(J[t]), [I]),
+    filterParam: p,
+    filterValues: $e,
+    defaultFilters: { ...h, [p]: M.current },
+    updateFilters: l,
+    filters: d
+  }), Ae = K({
+    mapFilterOptionName: S((t) => W[t], []),
+    filterParam: N,
+    filterValues: We,
+    defaultFilters: h,
+    updateFilters: l,
+    filters: d
+  }), { updateDetails: V, resetDetails: De, selectedDetail: Fe } = Ve(ne), Ie = S(
+    ({ disputePspReference: t }) => {
+      V({
+        selection: {
+          type: "dispute",
+          data: t
+        },
+        modalSize: "small"
+      }).callback({ id: t });
+    },
+    [V]
+  ), Re = T(() => {
+    const t = new Date(C), s = t.setFullYear(t.getFullYear() - 1), u = new Date(he).getTime();
+    return new Date(Math.max(u, s)).toString();
+  }, [C]), R = B(null), Y = S(
+    ({ id: t }) => {
+      R.current && clearTimeout(R.current), R.current = setTimeout(() => {
+        requestAnimationFrame(() => y(!1));
+        const s = p, u = { statusGroup: t, [s]: void 0 };
+        t !== "FRAUD_ALERTS" && (u[s] = M.current), l(u), R.current = null;
+      }, 500), ie(t), y(!0), j(void 0);
+    },
+    [l]
+  ), Oe = S(
+    (t) => {
+      t && ze.includes(t) && t !== c ? j(t) : (
+        // Refresh the current disputes list status group,
+        // by updating the last refresh timestamp filter parameter
+        l({ [g]: performance.now() })
+      );
+    },
+    [c, l]
+  ), O = Ge(ye.down.xs);
+  return P(() => {
+    se(O && G ? { maxHeight: 0, overflowY: "hidden" } : void 0);
+  }, [O, G]), P(() => {
+    b(), d.statusGroup !== "FRAUD_ALERTS" && (M.current = d[p]);
+  }, [d, b]), /* @__PURE__ */ r("div", { style: re, className: Ue(Ne, { [ge]: O }), children: [
+    /* @__PURE__ */ r(Je, { hideTitle: o, titleKey: "disputes.title", children: /* @__PURE__ */ r(Be, { ...H }) }),
+    /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ r("div", { className: Me, children: O ? /* @__PURE__ */ r(et, { activeTab: x ?? c, onChange: Y }) : /* @__PURE__ */ r(ke, { tabs: $, activeTab: x, onChange: Y }) }),
+      /* @__PURE__ */ r(Ke, { ...H, children: [
+        /* @__PURE__ */ r(
+          qe,
+          {
+            activeBalanceAccount: e,
+            balanceAccountSelectionOptions: z,
+            onBalanceAccountSelection: ee
+          }
+        ),
+        /* @__PURE__ */ r(
+          be,
+          {
+            canResetFilters: ce,
+            defaultParams: A,
+            filters: d,
+            nowTimestamp: C,
+            refreshNowTimestamp: b,
+            sinceDate: Re,
+            timezone: e == null ? void 0 : e.timeZone,
+            updateFilters: l
+          }
+        ),
+        /* @__PURE__ */ r(q, { ...Ae, placeholder: I.get("disputes.paymentMethod") }),
+        c !== "FRAUD_ALERTS" && /* @__PURE__ */ r(q, { ..._e, placeholder: I.get("disputes.disputeReason") })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(
+      je,
+      {
+        dataCustomization: (m == null ? void 0 : m.details) && { details: m == null ? void 0 : m.details },
+        selectedDetail: Fe,
+        resetDetails: De,
+        onContactSupport: F,
+        refreshDisputesList: Oe,
+        setModalVisible: te,
+        children: /* @__PURE__ */ r(
+          xe,
+          {
+            activeBalanceAccount: e,
+            balanceAccountId: e == null ? void 0 : e.id,
+            loading: oe || ue || D || !n || !e,
+            data: fe,
+            showPagination: !0,
+            limit: Se,
+            limitOptions: pe,
+            onContactSupport: F,
+            onLimitSelection: Te,
+            error: de,
+            onRowClick: Ie,
+            statusGroup: c,
+            ...Ee
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  ht as DisputesOverview
+};

package/dist/es/components/external/DisputesOverview/components/DisputesOverview/constants.js

@@ -0,0 +1,7 @@
+const S = "adyen-pe-disputes-overview", _ = `${S}--xs`, A = `${S}__tabs-container`, s = "2025-05-22T00:00:00.000Z";
+export {
+  S as BASE_CLASS,
+  _ as BASE_XS_CLASS,
+  s as EARLIEST_DISPUTES_SINCE_DATE,
+  A as TABS_CONTAINER_CLASS
+};

package/dist/es/components/external/DisputesOverview/components/DisputesTable/DisputeStatusTag.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import n from "../../../../../core/Context/useCoreContext.js";
+import { DISPUTE_STATUSES as i } from "../../../../utils/disputes/constants.js";
+import { isDisputeActionNeededUrgently as u } from "../../../../utils/disputes/actionNeeded.js";
+import { Tag as f } from "../../../../internal/Tag/Tag.js";
+import { TagVariant as r } from "../../../../internal/Tag/types.js";
+const l = ({ dispute: t }) => {
+  const { i18n: o } = n(), e = a(() => o.get(i[t.status]), [o, t]), s = a(() => t.status === "WON" ? r.SUCCESS : u(t) ? r.ERROR : r.DEFAULT, [t]);
+  return /* @__PURE__ */ m(f, { variant: s, label: e });
+};
+export {
+  l as default
+};

package/dist/es/components/external/DisputesOverview/components/DisputesTable/DisputesTable.js

@@ -0,0 +1,178 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "classnames";
+import { useState as I, useMemo as f, useCallback as P, useEffect as w } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import B from "../../../../../core/Context/useCoreContext.js";
+import Y from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { Alert as K } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as G } from "../../../../internal/Alert/types.js";
+import { isDisputeActionNeededUrgently as V } from "../../../../utils/disputes/actionNeeded.js";
+import { DISPUTE_REASON_CATEGORIES as $ } from "../../../../utils/disputes/constants.js";
+import j from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import { TypographyVariant as i } from "../../../../internal/Typography/types.js";
+import l from "../../../../internal/Typography/Typography.js";
+import { BASE_CLASS as o } from "./constants.js";
+import { useTableColumns as H } from "../../../../../hooks/useTableColumns.js";
+import { useResponsiveContainer as q, containerQueries as z } from "../../../../../hooks/useResponsiveContainer.js";
+import m from "../../../TransactionsOverview/components/TransactionsTable/PaymentMethodCell.js";
+import Q from "./DisputeStatusTag.js";
+import { Tag as W } from "../../../../internal/Tag/Tag.js";
+/* empty css                   */
+import _ from "../../../../internal/DataGrid/DataGrid.js";
+import Z from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_DISPUTES as T } from "../../../../../constants/dateFormats.js";
+import { Translation as J } from "../../../../internal/Translation/Translation.js";
+import { Fragment as X } from "../../../../../external/preact/dist/preact.module.js";
+import { Icon as ee } from "../../../../internal/Icon/Icon.js";
+import { useConfigContext as te } from "../../../../../core/ConfigContext/context.js";
+const F = {
+  status: "disputes.status",
+  respondBy: "disputes.respondBy",
+  createdAt: "disputes.openedOn",
+  paymentMethod: "disputes.paymentMethod",
+  disputeReason: "disputes.disputeReason",
+  reason: "disputes.reason",
+  currency: "disputes.currency",
+  disputedAmount: "disputes.disputedAmount",
+  totalPaymentAmount: "disputes.totalPaymentAmount"
+}, R = {
+  CHARGEBACKS: { title: "disputes.empty.noChargebacksFound", message: "disputes.empty.tryDifferentSearchOrCheckAgainLaterForNewChargebacks" },
+  FRAUD_ALERTS: { title: "disputes.empty.noFraudAlertsFound", message: "disputes.empty.tryDifferentSearchOrCheckAgainLaterForNewFraudAlerts" },
+  ONGOING_AND_CLOSED: { title: "disputes.empty.noDisputesFound", message: "disputes.empty.tryDifferentSearchOrCheckAgainLaterForNewDisputes" }
+}, ne = Object.keys(F), r = {
+  cellContent: `${o}__cell-content`,
+  cellContentVStack: `${o}__cell-content--vstack`,
+  cellTextGrey: `${o}__cell-text--grey`,
+  statusContent: `${o}__status-content`,
+  statusContentUrgent: `${o}__status-content--urgent`
+}, ve = ({
+  error: d,
+  loading: C,
+  balanceAccountId: re,
+  onContactSupport: h,
+  showPagination: M,
+  onRowClick: N,
+  data: b,
+  customColumns: v,
+  activeBalanceAccount: u,
+  statusGroup: s,
+  ...O
+}) => {
+  const { i18n: c } = B(), { refreshing: D } = te(), { dateFormat: g } = Y(u == null ? void 0 : u.timeZone), [S, L] = I(null), p = f(() => C || D, [C, D]), n = q(z.down.xs), k = H({
+    fields: ne,
+    fieldsKeys: F,
+    customColumns: v,
+    columnConfig: f(
+      () => ({
+        status: {
+          visible: s === "ONGOING_AND_CLOSED"
+        },
+        reason: {
+          visible: s === "FRAUD_ALERTS" && !n,
+          flex: 2
+        },
+        respondBy: {
+          visible: s === "CHARGEBACKS"
+        },
+        currency: {
+          visible: !n,
+          flex: 0.5
+        },
+        disputedAmount: {
+          visible: s !== "FRAUD_ALERTS",
+          position: "right"
+        },
+        createdAt: {
+          visible: !n || s === "FRAUD_ALERTS"
+        },
+        paymentMethod: {
+          visible: !n
+        },
+        disputeReason: {
+          visible: s !== "FRAUD_ALERTS" && !n
+        },
+        totalPaymentAmount: {
+          visible: s === "FRAUD_ALERTS",
+          position: "right"
+        }
+      }),
+      [n, s]
+    )
+  }), y = P(() => L(null), []), x = {
+    title: R[s].title,
+    message: [R[s].message]
+  }, U = f(
+    () => () => /* @__PURE__ */ t(j, { error: d, errorMessage: "disputes.error.weCouldNotLoadYourDisputes", onContactSupport: h }),
+    [d, h]
+  );
+  return w(() => {
+    p && y();
+  }, [p, y]), /* @__PURE__ */ t("div", { className: o, children: [
+    S && /* @__PURE__ */ t(K, { onClose: y, type: G.WARNING, className: "adyen-pe-disputes-table-alert", ...S }),
+    /* @__PURE__ */ t(
+      _,
+      {
+        autoFitColumns: n,
+        errorDisplay: U,
+        error: d,
+        columns: k,
+        data: b,
+        loading: p,
+        outline: !1,
+        onRowClick: { callback: N },
+        emptyTableMessage: x,
+        customCells: {
+          status: ({ item: e }) => /* @__PURE__ */ t("div", { className: a(r.cellContent, { [r.cellContentVStack]: n }), children: [
+            /* @__PURE__ */ t(Q, { dispute: e }),
+            n && /* @__PURE__ */ t(m, { paymentMethod: e.paymentMethod })
+          ] }),
+          reason: ({ item: e }) => e.reason.title,
+          respondBy: ({ item: e }) => {
+            const A = V(e), E = () => /* @__PURE__ */ t(X, { children: [
+              g(e.dueDate, T),
+              A && /* @__PURE__ */ t(ee, { name: "warning-filled" })
+            ] });
+            return /* @__PURE__ */ t("div", { className: a(r.cellContent, { [r.cellContentVStack]: n }), children: [
+              e.dueDate ? /* @__PURE__ */ t(
+                l,
+                {
+                  variant: i.BODY,
+                  className: a(r.statusContent, {
+                    [r.cellTextGrey]: n && !A,
+                    [r.statusContentUrgent]: A
+                  }),
+                  children: n ? /* @__PURE__ */ t(J, { translationKey: "disputes.gridCell.dueDate", fills: { dueDate: E } }) : E()
+                }
+              ) : null,
+              n && /* @__PURE__ */ t(m, { paymentMethod: e.paymentMethod })
+            ] });
+          },
+          currency: ({ item: e }) => /* @__PURE__ */ t(W, { children: e.amount.currency }),
+          disputedAmount: ({ item: e }) => e.amount && /* @__PURE__ */ t(l, { variant: i.BODY, stronger: !0, children: c.amount(e.amount.value, e.amount.currency, { hideCurrency: !1 }) }),
+          createdAt: ({ item: e }) => /* @__PURE__ */ t("div", { className: a(r.cellContent, { [r.cellContentVStack]: n }), children: [
+            /* @__PURE__ */ t(
+              l,
+              {
+                variant: i.BODY,
+                className: a(r.statusContent, {
+                  [r.cellTextGrey]: n
+                }),
+                children: g(e.createdAt, T)
+              }
+            ),
+            n && /* @__PURE__ */ t(m, { paymentMethod: e.paymentMethod })
+          ] }),
+          paymentMethod: ({ item: e }) => /* @__PURE__ */ t(m, { paymentMethod: e.paymentMethod }),
+          disputeReason: ({ item: e }) => /* @__PURE__ */ t("span", { children: c.get($[e.reason.category]) }),
+          totalPaymentAmount: ({ item: e }) => e && /* @__PURE__ */ t(l, { variant: i.BODY, stronger: !0, children: c.amount(e.amount.value, e.amount.currency, { hideCurrency: !1 }) })
+        },
+        children: M && /* @__PURE__ */ t(_.Footer, { children: /* @__PURE__ */ t(Z, { ...O }) })
+      }
+    )
+  ] });
+};
+export {
+  ve as DisputesTable,
+  R as EMPTY_TABLE_MESSAGE_KEYS,
+  ne as FIELDS,
+  F as FIELD_KEYS
+};

package/dist/es/components/external/DisputesOverview/components/DisputesTable/constants.js

@@ -0,0 +1,4 @@
+const e = "adyen-pe-disputes-table";
+export {
+  e as BASE_CLASS
+};

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

@@ -18,11 +18,11 @@ import ye from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.
 import { DataOverviewHeader as Pe } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
 import _e from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
 import { useConfigContext as Ie } from "../../../../../core/ConfigContext/context.js";
-import { isFunction as Le } from "../../../../../utils/value/is.js";
+import { isFunction as ue } from "../../../../../utils/value/is.js";
 const We = ({
   onFiltersChanged: m,
   balanceAccounts: E,
-  allowLimitSelection: c,
+  allowLimitSelection: c = !0,
   preferredLimit: h = oe,
   onRecordSelection: T,
   showDetails: p,
@@ -31,7 +31,7 @@ const We = ({
   hideTitle: b,
   dataCustomization: r
 }) => {
-  var L, u, O, A;
+  var u, L, O, A;
   const { getPayouts: f } = Ie().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: g, onBalanceAccountSelection: U } = ie(E), { defaultParams: l, nowTimestamp: w, refreshNowTimestamp: d } = fe("payouts", e), M = n(
     async (s, D) => f({ signal: D, errorLevel: "error" }, {
       query: {
@@ -42,7 +42,7 @@ const We = ({
       }
     }),
     [e == null ? void 0 : e.id, l, f]
-  ), F = Te(), k = o(() => Le(m) ? m : void 0, [m]), x = o(() => c ? le : void 0, [c]), { canResetFilters: q, error: K, fetching: Y, filters: y, limit: j, limitOptions: G, records: P, resetFilters: ue, updateFilters: H, updateLimit: J, ...Q } = ye({
+  ), F = Te(), k = o(() => ue(m) ? m : void 0, [m]), x = o(() => c ? le : void 0, [c]), { canResetFilters: q, error: K, fetching: Y, filters: y, limit: j, limitOptions: G, records: P, resetFilters: Le, updateFilters: H, updateLimit: J, ...Q } = ye({
     fetchRecords: M,
     dataField: "data",
     filterParams: l.current.defaultFilterParams,
@@ -67,10 +67,10 @@ const We = ({
   ), W = o(() => {
     var s;
     return Ee((s = r == null ? void 0 : r.list) == null ? void 0 : s.fields, te);
-  }, [(L = r == null ? void 0 : r.list) == null ? void 0 : L.fields]), { customRecords: X, loadingCustomRecords: Z } = ne({
+  }, [(u = r == null ? void 0 : r.list) == null ? void 0 : u.fields]), { customRecords: X, loadingCustomRecords: Z } = ne({
     records: P,
     hasCustomColumn: W,
-    onDataRetrieve: (u = r == null ? void 0 : r.list) == null ? void 0 : u.onDataRetrieve,
+    onDataRetrieve: (L = r == null ? void 0 : r.list) == null ? void 0 : L.onDataRetrieve,
     mergeCustomData: V
   }), $ = o(() => ({ payout: _ }), [_]), { updateDetails: I, resetDetails: v, selectedDetail: B } = pe($), C = n(
     (s) => {

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

@@ -20,7 +20,7 @@ import { Header as ne } from "../../../../internal/Header/Header.js";
 const we = ({
   onFiltersChanged: i,
   balanceAccounts: n,
-  allowLimitSelection: d,
+  allowLimitSelection: d = !0,
   preferredLimit: _ = $,
   isLoadingBalanceAccount: L,
   onContactSupport: P,

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

@@ -3,8 +3,8 @@ import { useState as L, useMemo as n, useCallback as Y } from "../../../../../ex
 import M from "../../../../../core/Context/useCoreContext.js";
 import { useFreezePeriod as P } from "../../../../../hooks/useFreezePeriod.js";
 import I from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { Alert as x } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as q } from "../../../../internal/Alert/types.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 k from "../../../../internal/SVGIcons/Warning.js";
@@ -20,7 +20,7 @@ import { DATE_FORMAT_REPORTS as D } from "../../../../../constants/dateFormats.j
 import { useConfigContext as H } from "../../../../../core/ConfigContext/context.js";
 const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = ({
   error: i,
-  loading: p,
+  loading: l,
   balanceAccountId: E,
   onContactSupport: m,
   showPagination: h,
@@ -28,7 +28,7 @@ const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = (
   customColumns: S,
   ..._
 }) => {
-  const { i18n: o } = M(), { dateFormat: u } = I("UTC"), { freeze: w, frozen: R } = P(Q), [T, l] = L(null), { refreshing: A } = H(), b = n(() => p || A, [p, A]), d = f(y.up.sm), c = f(y.down.xs), v = V({
+  const { i18n: o } = M(), { dateFormat: u } = I("UTC"), { freeze: w, frozen: R } = P(Q), [T, p] = L(null), { refreshing: A } = H(), b = n(() => l || A, [l, A]), d = f(y.up.sm), c = f(y.down.xs), v = V({
     fields: J,
     customColumns: S,
     columnConfig: n(
@@ -41,7 +41,7 @@ const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = (
       [d, c]
     )
   }), O = Y(() => {
-    l(null);
+    p(null);
   }, []), F = {
     title: "noReportsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
@@ -60,12 +60,12 @@ const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = (
           t.title = o.get("error.somethingWentWrongWithDownload"), t.description = o.get("error.pleaseTryAgainLater");
           break;
       }
-      l(t);
+      p(t);
     },
     [o]
   );
-  return p && l(null), /* @__PURE__ */ r("div", { className: G, children: [
-    T && /* @__PURE__ */ r(x, { onClose: O, type: q.WARNING, className: "adyen-pe-reports-table-alert", ...T }),
+  return l && p(null), /* @__PURE__ */ r("div", { className: G, children: [
+    T && /* @__PURE__ */ r(q, { onClose: O, type: x.WARNING, className: "adyen-pe-reports-table-alert", ...T }),
     /* @__PURE__ */ r(
       g,
       {
@@ -93,7 +93,7 @@ const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = (
                 className: "adyen-pe-reports-table--download",
                 endpointName: "downloadReport",
                 disabled: R,
-                params: t,
+                requestParams: t,
                 onDownloadRequested: w,
                 setError: B,
                 errorDisplay: W