@adyen/adyen-platform-experience-web 1.3.1 → 1.4.0

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

@@ -1,45 +1,46 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import Y from "classnames";
-import L from "../../../../../core/Context/useCoreContext.js";
-import { getCurrencyCode as M } from "../../../../../core/Localization/amount/amount-util.js";
-import { useMemo as c, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import w from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { CellTextPosition as B } from "../../../../internal/DataGrid/types.js";
-import x from "../../../../internal/DataOverviewError/DataOverviewError.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 R } from "../../../../utils/getLabel.js";
-import { useResponsiveViewport as U, mediaQueries as j } from "../../../../../hooks/useResponsiveViewport.js";
-import { BASE_CLASS as N, NET_PAYOUT_CLASS as v } from "./constants.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";
 /* empty css                  */
 import { useTableColumns as I } from "../../../../../hooks/useTableColumns.js";
 import g from "../../../../internal/DataGrid/DataGrid.js";
-import { DATE_FORMAT_PAYOUTS_MOBILE as G, DATE_FORMAT_PAYOUTS as V } from "../../../../../constants/dateFormats.js";
-import $ from "../../../../internal/Pagination/Pagination.js";
-import { useConfigContext as W } from "../../../../../core/ConfigContext/context.js";
-const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["createdAt", ...h], z = (n) => h.includes(n), fr = ({
+import { DATE_FORMAT_PAYOUTS_MOBILE as $, DATE_FORMAT_PAYOUTS as G } from "../../../../../constants/dateFormats.js";
+import W from "../../../../internal/Pagination/Pagination.js";
+import { useConfigContext as q } from "../../../../../core/ConfigContext/context.js";
+const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], z = ["createdAt", ...h], K = (n) => h.includes(n), pr = ({
   error: n,
   loading: a,
   onContactSupport: l,
   onRowClick: D,
-  showDetails: H,
+  showDetails: Q,
   showPagination: O,
   data: t,
+  customColumns: _,
   ...E
 }) => {
-  const { i18n: i } = L(), { dateFormat: p } = w("UTC"), { refreshing: f } = W(), S = c(() => a || f, [a, f]), e = U(j.up.sm), m = P(
+  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 A = i.get(R(r));
-      if (z(r))
+      const f = i.get(w(r));
+      if (K(r))
         return {
-          label: (C = (d = t == null ? void 0 : t[0]) == null ? void 0 : d[r]) != null && C.currency ? `${A} (${M((T = (y = t == null ? void 0 : t[0]) == null ? void 0 : y[r]) == null ? void 0 : T.currency)})` : A,
-          position: B.RIGHT
+          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,
+          position: "right"
         };
     },
     [t, i]
-  ), _ = I({
-    fields: q,
+  ), F = I({
+    fields: z,
+    customColumns: _,
     columnConfig: c(
       () => ({
         fundsCapturedAmount: { ...m("fundsCapturedAmount"), visible: e },
@@ -48,34 +49,35 @@ const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["cre
       }),
       [m, e]
     )
-  }), F = {
+  }), Y = {
     title: "noPayoutsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
   }, b = c(
-    () => () => /* @__PURE__ */ o(x, { error: n, errorMessage: "weCouldNotLoadYourPayouts", onContactSupport: l }),
+    () => () => /* @__PURE__ */ o(j, { error: n, errorMessage: "weCouldNotLoadYourPayouts", onContactSupport: l }),
     [n, l]
   );
-  return /* @__PURE__ */ o("div", { className: N, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: R, children: /* @__PURE__ */ o(
     g,
     {
       errorDisplay: b,
       error: n,
-      columns: _,
+      columns: F,
       data: t,
       loading: S,
       outline: !1,
       onRowClick: { callback: D },
-      emptyTableMessage: F,
+      emptyTableMessage: Y,
       customCells: {
-        createdAt: ({ value: r }) => r ? e ? r && /* @__PURE__ */ o(u, { variant: s.BODY, children: p(r, V) }) : p(r, G) : null,
+        createdAt: ({ value: r }) => r ? e ? r && /* @__PURE__ */ o(u, { variant: s.BODY, children: p(r, G) }) : p(r, $) : 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: Y({ [`${v}--strong`]: !e }), children: i.amount(r.value, r.currency, { hideCurrency: e }) })
+        payoutAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, className: L({ [`${v}--strong`]: !e }), children: i.amount(r.value, r.currency, { hideCurrency: e }) })
       },
-      children: O && /* @__PURE__ */ o(g.Footer, { children: /* @__PURE__ */ o($, { ...E }) })
+      children: O && /* @__PURE__ */ o(g.Footer, { children: /* @__PURE__ */ o(W, { ...E }) })
     }
   ) });
 };
 export {
-  fr as PayoutsTable
+  z as PAYOUT_TABLE_FIELDS,
+  pr as PayoutsTable
 };

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

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

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

@@ -1,118 +1,112 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as B, useMemo as n, useCallback as Y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as L, 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 x } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as V } from "../../../../internal/Alert/types.js";
-import q from "../../../../internal/Button/DownloadButton/DownloadButton.js";
-import { CellTextPosition as z } from "../../../../internal/DataGrid/types.js";
-import G from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import U from "../../../../internal/SVGIcons/Warning.js";
-import { TypographyVariant as a } from "../../../../internal/Typography/types.js";
-import i from "../../../../internal/Typography/Typography.js";
-import { getLabel as $ } from "../../../../utils/getLabel.js";
-import { useResponsiveViewport as g, mediaQueries as D } from "../../../../../hooks/useResponsiveViewport.js";
-import { BASE_CLASS as j, DATE_TYPE_CLASS as H, DATE_TYPE_DATE_SECTION_CLASS as Q, DISABLED_BUTTONS_TIMEOUT as X } from "./constants.js";
+import { AlertTypeOption as q } 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";
+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 G, DATE_TYPE_CLASS as $, DATE_TYPE_DATE_SECTION_CLASS as j, DISABLED_BUTTONS_TIMEOUT as Q } from "./constants.js";
 /* empty css                  */
-import E from "../../../../internal/DataGrid/DataGrid.js";
-import { DATE_FORMAT_REPORTS as h } from "../../../../../constants/dateFormats.js";
-import k from "../../../../internal/Pagination/Pagination.js";
-import { useConfigContext as J } from "../../../../../core/ConfigContext/context.js";
-const K = ["createdAt", "dateAndReportType", "reportType", "reportFile"], Ee = ({
-  error: s,
+import { useTableColumns as V } from "../../../../../hooks/useTableColumns.js";
+import g from "../../../../internal/DataGrid/DataGrid.js";
+import { DATE_FORMAT_REPORTS as D } from "../../../../../constants/dateFormats.js";
+import X from "../../../../internal/Pagination/Pagination.js";
+import { useConfigContext as H } from "../../../../../core/ConfigContext/context.js";
+const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = ({
+  error: i,
   loading: p,
-  balanceAccountId: w,
-  onContactSupport: l,
-  showPagination: _,
-  data: T,
-  ...R
+  balanceAccountId: E,
+  onContactSupport: m,
+  showPagination: h,
+  data: C,
+  customColumns: S,
+  ..._
 }) => {
-  const { i18n: t } = M(), { dateFormat: u } = I("UTC"), { freeze: S, frozen: C } = P(X), [A, d] = B(null), { refreshing: f } = J(), b = n(() => p || f, [p, f]), m = g(D.up.sm), c = g(D.down.xs), y = n(
-    () => ({
-      dateAndReportType: c,
-      createdAt: m,
-      reportType: m,
-      reportFile: !0
-    }),
-    [c, m]
-  ), F = n(
-    () => K.map((e) => {
-      const o = t.get($(e));
-      return {
-        key: e,
-        label: o,
-        position: c && e === "reportFile" ? z.RIGHT : void 0,
-        visible: y[e]
-      };
-    }),
-    [t, T, y]
-  ), O = Y(() => {
-    d(null);
-  }, []), N = {
+  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({
+    fields: J,
+    customColumns: S,
+    columnConfig: n(
+      () => ({
+        dateAndReportType: { visible: c },
+        createdAt: { visible: d },
+        reportType: { visible: d },
+        reportFile: { visible: !0, position: c ? "right" : void 0 }
+      }),
+      [d, c]
+    )
+  }), O = Y(() => {
+    l(null);
+  }, []), F = {
     title: "noReportsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, L = n(
-    () => () => /* @__PURE__ */ r(G, { error: s, errorMessage: "weCouldNotLoadYourReports", onContactSupport: l }),
-    [s, l]
-  ), W = n(() => /* @__PURE__ */ r(U, {}), []), v = n(
+  }, N = n(
+    () => () => /* @__PURE__ */ r(U, { error: i, errorMessage: "weCouldNotLoadYourReports", onContactSupport: m }),
+    [i, m]
+  ), W = n(() => /* @__PURE__ */ r(k, {}), []), B = n(
     () => (e) => {
-      const o = {};
+      const t = {};
       switch (e == null ? void 0 : e.errorCode) {
         case "999_429_001":
-          o.title = t.get("error.somethingWentWrongWithDownload"), o.description = t.get("reportsError.tooManyDownloads");
+          t.title = o.get("error.somethingWentWrongWithDownload"), t.description = o.get("reportsError.tooManyDownloads");
           break;
         case "00_500":
         default:
-          o.title = t.get("error.somethingWentWrongWithDownload"), o.description = t.get("error.pleaseTryAgainLater");
+          t.title = o.get("error.somethingWentWrongWithDownload"), t.description = o.get("error.pleaseTryAgainLater");
           break;
       }
-      d(o);
+      l(t);
     },
-    [s, l]
+    [o]
   );
-  return p && d(null), /* @__PURE__ */ r("div", { className: j, children: [
-    A && /* @__PURE__ */ r(x, { onClose: O, type: V.WARNING, className: "adyen-pe-reports-table-alert", ...A }),
+  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 }),
     /* @__PURE__ */ r(
-      E,
+      g,
       {
-        errorDisplay: L,
-        error: s,
-        columns: F,
-        data: T,
+        errorDisplay: N,
+        error: i,
+        columns: v,
+        data: C,
         loading: b,
         outline: !1,
-        emptyTableMessage: N,
+        emptyTableMessage: F,
         customCells: {
-          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r(i, { variant: a.BODY, children: u(e, h) }) : null,
-          dateAndReportType: ({ item: e }) => /* @__PURE__ */ r("div", { className: H, children: [
-            /* @__PURE__ */ r(i, { variant: a.BODY, stronger: !0, children: t.get(`reportType.${e == null ? void 0 : e.type}`) }),
-            /* @__PURE__ */ r(i, { className: Q, variant: a.BODY, children: u(e.createdAt, h) })
+          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r(a, { variant: s.BODY, children: u(e, D) }) : null,
+          dateAndReportType: ({ item: e }) => /* @__PURE__ */ r("div", { className: $, children: [
+            /* @__PURE__ */ r(a, { variant: s.BODY, stronger: !0, children: o.get(`reportType.${e == null ? void 0 : e.type}`) }),
+            /* @__PURE__ */ r(a, { className: j, variant: s.BODY, children: u(e.createdAt, D) })
           ] }),
-          reportType: ({ item: e }) => (e == null ? void 0 : e.type) && /* @__PURE__ */ r(i, { variant: a.BODY, children: t.get(`reportType.${e == null ? void 0 : e.type}`) }),
+          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}`) }),
           reportFile: ({ item: e }) => {
-            const o = {
-              query: { balanceAccountId: w, createdAt: e.createdAt, type: e.type }
+            const t = {
+              query: { balanceAccountId: E, createdAt: e.createdAt, type: e.type }
             };
             return /* @__PURE__ */ r(
-              q,
+              z,
               {
                 className: "adyen-pe-reports-table--download",
                 endpointName: "downloadReport",
-                disabled: C,
-                params: o,
-                onDownloadRequested: S,
-                setError: v,
+                disabled: R,
+                params: t,
+                onDownloadRequested: w,
+                setError: B,
                 errorDisplay: W
               }
             );
           }
         },
-        children: _ && /* @__PURE__ */ r(E.Footer, { children: /* @__PURE__ */ r(k, { ...R }) })
+        children: h && /* @__PURE__ */ r(g.Footer, { children: /* @__PURE__ */ r(X, { ..._ }) })
       }
     )
   ] });
 };
 export {
-  Ee as ReportsTable
+  J as FIELDS,
+  ge as ReportsTable
 };

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

@@ -1,8 +1,8 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import e from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import { TransactionDataContent as a } from "./TransactionDataContent.js";
-import { boolOrFalse as s } from "../../../../../utils/value/bool.js";
-const g = ({ error: n, isFetching: i, transaction: o, extraFields: r }) => s(i) || !(o || n) ? /* @__PURE__ */ t(e, { skeletonRowNumber: 5 }) : o ? /* @__PURE__ */ t(a, { transaction: o, extraFields: r }) : null;
+import a from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
+import { TransactionDataContent as s } from "./TransactionDataContent.js";
+import { boolOrFalse as m } from "../../../../../utils/value/bool.js";
+const h = ({ error: n, isFetching: i, transaction: o, extraFields: r, dataCustomization: e }) => m(i) || !(o || n) ? /* @__PURE__ */ t(a, { skeletonRowNumber: 5 }) : o ? /* @__PURE__ */ t(s, { dataCustomization: e, transaction: o, extraFields: r }) : null;
 export {
-  g as TransactionData
+  h as TransactionData
 };