@adyen/adyen-platform-experience-web 1.1.1 → 1.3.0

package/dist/es/components/internal/DataGrid/components/SkeletonBody.js

@@ -1,32 +1,22 @@
-import s from "classnames";
-import "../DataGrid.scss.js";
 import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import s from "classnames";
+/* empty css               */
 import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
-const _ = ({
-  columnsNumber: r,
-  loading: t,
-  emptyMessageDisplay: d
-}) => {
-  const o = Array.from({
-    length: 10
-  }, (n, e) => e), l = Array.from({
-    length: r
-  }, (n, e) => e);
-  return a(m, {
-    children: [o.map((n, e) => a("div", {
-      className: "adyen-pe-data-grid__row",
-      children: l.map((i, c) => a("div", {
-        className: "adyen-pe-data-grid__cell adyen-pe-data-grid__skeleton-cell",
-        children: a("span", {
-          className: s({
-            "adyen-pe-data-grid__skeleton-cell-content adyen-pe-data-grid__skeleton-cell-content--loading": t,
-            "adyen-pe-data-grid__empty-cell": !t
-          })
+const k = ({ columnsNumber: n, loading: r, emptyMessageDisplay: t }) => {
+  const l = Array.from({ length: 10 }, (d, e) => e), o = Array.from({ length: n }, (d, e) => e);
+  return /* @__PURE__ */ a(m, { children: [
+    l.map((d, e) => /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__row", children: o.map((_, c) => /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__cell adyen-pe-data-grid__skeleton-cell", children: /* @__PURE__ */ a(
+      "span",
+      {
+        className: s({
+          "adyen-pe-data-grid__skeleton-cell-content adyen-pe-data-grid__skeleton-cell-content--loading": r,
+          "adyen-pe-data-grid__empty-cell": !r
         })
-      }, `adyen-pe-data-grid-skeleton-cell-${c}`))
-    }, `adyen-pe-data-grid-skeleton-row-${e}`)), !t && d && d]
-  });
-}, f = _;
+      }
+    ) }, `adyen-pe-data-grid-skeleton-cell-${c}`)) }, `adyen-pe-data-grid-skeleton-row-${e}`)),
+    !r && t && t
+  ] });
+};
 export {
-  f as default
+  k as default
 };

package/dist/es/components/internal/DataGrid/components/TableBody.js

@@ -1,6 +1,6 @@
+import { jsx as c } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import g from "../../../../core/Context/useCoreContext.js";
 import { TableCells as h } from "./TableCells.js";
-import { jsx as c } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as y } from "../../../../external/preact/dist/preact.module.js";
 import { noop as a } from "../../../../utils/common.js";
 const C = ({
@@ -9,11 +9,10 @@ const C = ({
   customCells: u,
   onRowHover: o
 }) => {
-  const {
-    i18n: s
-  } = g();
-  return c(y, {
-    children: l == null ? void 0 : l.map((r, p) => c("div", {
+  const { i18n: s } = g();
+  return /* @__PURE__ */ c(y, { children: l == null ? void 0 : l.map((r, p) => /* @__PURE__ */ c(
+    "div",
+    {
       role: "row",
       tabIndex: 0,
       className: "adyen-pe-data-grid__row",
@@ -21,14 +20,10 @@ const C = ({
       onFocus: s.has(`tooltip.${r == null ? void 0 : r.category}`) && o ? () => o(p) : a,
       onMouseLeave: s.has(`tooltip.${r == null ? void 0 : r.category}`) && o ? () => o() : a,
       onBlur: s.has(`tooltip.${r == null ? void 0 : r.category}`) && o ? () => o() : a,
-      children: c(h, {
-        columns: n,
-        customCells: u,
-        item: r,
-        rowIndex: p
-      })
-    }, r))
-  });
+      children: /* @__PURE__ */ c(h, { columns: n, customCells: u, item: r, rowIndex: p })
+    },
+    r
+  )) });
 };
 export {
   C as TableBody

package/dist/es/components/internal/DataGrid/components/TableCells.js

@@ -1,59 +1,31 @@
-import o from "../DataGridCell.js";
-import u from "./Icon.js";
 import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "../DataGridCell.js";
+import u from "./Icon.js";
 import { Fragment as v } from "../../../../external/preact/dist/preact.module.js";
 const b = (n) => !!n && typeof n == "object" && "value" in n, m = ({
   columns: n,
   customCells: d,
   item: l,
-  rowIndex: c
-}) => a(v, {
-  children: n.map(({
-    key: r,
-    position: t
-  }) => {
-    if (d != null && d[r])
-      return a(o, {
-        "aria-labelledby": String(r),
-        column: r,
-        position: t,
-        children: a("div", {
-          style: {
-            width: "min-content"
-          },
-          children: (
-            // TODO create safeguard to remove "as any" assertion
-            d[r]({
-              key: r,
-              value: l[r],
-              item: l,
-              rowIndex: c
-            })
-          )
-        })
-      }, r);
-    const {
-      icon: i,
-      value: e
-    } = b(l[r]) ? l[r] : {
-      value: l[r],
-      icon: void 0
-    };
-    return a(o, {
-      "aria-labelledby": String(r),
-      column: r,
-      position: t,
-      children: a("div", {
-        className: "adyen-pe-data-grid__cell-value",
-        children: [(i == null ? void 0 : i.url) && a(u, {
-          ...i
-        }), a("div", {
-          children: e
-        })]
+  rowIndex: e
+}) => /* @__PURE__ */ a(v, { children: n.map(({ key: r, position: t }) => {
+  if (d != null && d[r])
+    return /* @__PURE__ */ a(c, { "aria-labelledby": String(r), column: r, position: t, children: /* @__PURE__ */ a("div", {
+      style: { width: "min-content" },
+      // TODO create safeguard to remove "as any" assertion
+      children: d[r]({
+        key: r,
+        value: l[r],
+        item: l,
+        rowIndex: e
       })
-    }, r);
-  })
-});
+    }) }, r);
+  const { icon: i, value: o } = b(l[r]) ? l[r] : { value: l[r], icon: void 0 };
+  return /* @__PURE__ */ a(c, { "aria-labelledby": String(r), column: r, position: t, children: /* @__PURE__ */ a("div", { className: "adyen-pe-data-grid__cell-value", children: [
+    (i == null ? void 0 : i.url) && /* @__PURE__ */ a(u, { ...i }),
+    /* @__PURE__ */ a("div", { children: o })
+  ] }) }, r);
+}) });
 export {
-  m as TableCells
+  m as TableCells,
+  b as _isCustomDataObject
 };

package/dist/es/components/internal/DataGrid/components/TableHeaderCell.js

@@ -1,35 +1,28 @@
+import { jsx as i } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import o from "classnames";
-import { CellTextPosition as i } from "../types.js";
+import { CellTextPosition as n } from "../types.js";
 import { useDataGridContext as c } from "../hooks/useDataGridContext.js";
 import { useRef as s, useEffect as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const h = ({
-  cellKey: e,
-  position: t,
-  label: l
-}) => {
-  const {
-    registerCells: a
-  } = c(), r = s(null);
+const h = ({ cellKey: e, position: t, label: l }) => {
+  const { registerCells: a } = c(), r = s(null);
   return m(() => {
     var d;
     r.current && a({
       column: e,
       width: (d = r.current) == null ? void 0 : d.getBoundingClientRect().width
     });
-  }, [e, a]), n("div", {
-    role: "columnheader",
-    id: String(e),
-    className: o("adyen-pe-data-grid__cell adyen-pe-data-grid__cell--heading", {
-      "adyen-pe-data-grid__cell--right": t === i.RIGHT,
-      "adyen-pe-data-grid__cell--center": t === i.CENTER
-    }),
-    children: n("div", {
-      ref: r,
-      className: "adyen-pe-data-grid__cell--heading-content",
-      children: l
-    })
-  });
+  }, [e, a]), /* @__PURE__ */ i(
+    "div",
+    {
+      role: "columnheader",
+      id: String(e),
+      className: o("adyen-pe-data-grid__cell adyen-pe-data-grid__cell--heading", {
+        "adyen-pe-data-grid__cell--right": t === n.RIGHT,
+        "adyen-pe-data-grid__cell--center": t === n.CENTER
+      }),
+      children: /* @__PURE__ */ i("div", { ref: r, className: "adyen-pe-data-grid__cell--heading-content", children: l })
+    }
+  );
 };
 export {
   h as TableHeaderCell

package/dist/es/components/internal/DataGrid/hooks/useInteractiveDataGrid.js

@@ -1,84 +1,76 @@
 import { useReducer as I, useCallback as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import p from "../../../../hooks/useReflex.js";
 import { InteractionKeyCode as s } from "../../../types.js";
-import { INITIAL_STATE as p } from "../DataGrid.js";
-import R from "../../../../hooks/useReflex/useReflex.js";
-const T = ({
-  totalRows: o
-}) => {
-  const [i, x] = I((e, t) => {
-    const n = o;
-    if (n > 1) {
-      const d = t.index;
-      if (d < n && d >= 0)
-        return t.type === "ACTIVE" ? Object.freeze({
-          ...e,
-          index: t.index ?? 0,
-          activeIndex: t.index
-        }) : Object.freeze({
-          ...e,
-          index: t.index ?? 0,
-          activeIndex: -1
-        });
-    }
-    return e;
-  }, p), r = R(a((e) => {
-    var n;
-    if (!(e instanceof Element))
-      return;
-    const t = Number((n = e.dataset) == null ? void 0 : n.index);
-    i.activeIndex === -1 && t === 0 || t === i.index ? e.setAttribute("tabindex", "0") : e.setAttribute("tabindex", "-1"), t === i.activeIndex && (e == null || e.focus());
-  }, [i.activeIndex, i.index])), c = a((e) => {
-    var n, d;
-    if (!(((n = e.target) == null ? void 0 : n.getAttribute("role")) === "row")) {
-      e.code === s.ARROW_LEFT && x({
-        type: "ACTIVE",
-        index: i.index
-      });
-      return;
-    }
-    switch (e.code) {
-      case s.ARROW_DOWN:
-      case s.ARROW_UP:
-        x({
-          type: "ACTIVE",
-          index: e.code === s.ARROW_DOWN ? i.index + 1 : i.index - 1
-        });
-        break;
-      case s.HOME:
-        x({
-          type: "ACTIVE",
-          index: 0
-        });
-        break;
-      case s.END:
-        x({
+import { INITIAL_STATE as R } from "../DataGrid.js";
+const T = ({ totalRows: x }) => {
+  const [i, o] = I(
+    (e, t) => {
+      const n = x;
+      if (n > 1) {
+        const d = t.index;
+        if (d < n && d >= 0)
+          return t.type === "ACTIVE" ? Object.freeze({ ...e, index: t.index ?? 0, activeIndex: t.index }) : Object.freeze({ ...e, index: t.index ?? 0, activeIndex: -1 });
+      }
+      return e;
+    },
+    R
+  ), r = p(
+    a(
+      (e) => {
+        var n;
+        if (!(e instanceof Element)) return;
+        const t = Number((n = e.dataset) == null ? void 0 : n.index);
+        i.activeIndex === -1 && t === 0 || t === i.index ? e.setAttribute("tabindex", "0") : e.setAttribute("tabindex", "-1"), t === i.activeIndex && (e == null || e.focus());
+      },
+      [i.activeIndex, i.index]
+    )
+  ), c = a(
+    (e) => {
+      var n, d;
+      if (!(((n = e.target) == null ? void 0 : n.getAttribute("role")) === "row")) {
+        e.code === s.ARROW_LEFT && o({
           type: "ACTIVE",
-          index: o - 1
+          index: i.index
         });
-        break;
-      case s.ENTER:
-        (d = e.currentTarget) == null || d.click();
-        break;
-      default:
         return;
-    }
-    e.stopPropagation();
-  }, [o, i.index]), f = a((e) => (t) => {
-    var d;
-    (!(((d = t.target) == null ? void 0 : d.localName) === "tr") || i.index === -1) && x({
-      type: "CURRENT",
-      index: e
-    });
-  }, [i.index]);
-  return {
-    listeners: {
-      onKeyDownCapture: c,
-      onFocusCapture: f
+      }
+      switch (e.code) {
+        case s.ARROW_DOWN:
+        case s.ARROW_UP:
+          o({
+            type: "ACTIVE",
+            index: e.code === s.ARROW_DOWN ? i.index + 1 : i.index - 1
+          });
+          break;
+        case s.HOME:
+          o({
+            type: "ACTIVE",
+            index: 0
+          });
+          break;
+        case s.END:
+          o({
+            type: "ACTIVE",
+            index: x - 1
+          });
+          break;
+        case s.ENTER:
+          (d = e.currentTarget) == null || d.click();
+          break;
+        default:
+          return;
+      }
+      e.stopPropagation();
+    },
+    [x, i.index]
+  ), f = a(
+    (e) => (t) => {
+      var d;
+      (!(((d = t.target) == null ? void 0 : d.localName) === "tr") || i.index === -1) && o({ type: "CURRENT", index: e });
     },
-    ref: r,
-    activeIndex: i.activeIndex,
-    currentIndex: i.index
-  };
+    [i.index]
+  );
+  return { listeners: { onKeyDownCapture: c, onFocusCapture: f }, ref: r, activeIndex: i.activeIndex, currentIndex: i.index };
 };
 export {
   T as useInteractiveDataGrid

package/dist/es/components/internal/DataGrid/utils/DataGridProvider.js

@@ -1,28 +1,23 @@
-import { DataGridContext as m } from "../hooks/useDataGridContext.js";
-import { toChildArray as d } from "../../../../external/preact/dist/preact.module.js";
-import { useMemo as l, useCallback as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { jsx as f } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const x = ({
-  children: i
-}) => {
-  const t = l(() => /* @__PURE__ */ new Map(), []), o = s(({
-    column: r,
-    width: e
-  }) => {
-    if (t.has(r)) {
-      const n = t.get(r);
-      e > n && t.set(r, e);
-    } else
-      t.set(r, e);
-  }, [t]), a = s((r) => t.get(r), [t]);
-  return f(m.Provider, {
-    value: {
-      registerCells: o,
-      getMinWidthByColumn: a
+import { jsx as m } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { DataGridContext as d } from "../hooks/useDataGridContext.js";
+import { toChildArray as l } from "../../../../external/preact/dist/preact.module.js";
+import { useMemo as f, useCallback as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
+const c = ({ children: i }) => {
+  const t = f(() => /* @__PURE__ */ new Map(), []), o = s(
+    ({ column: r, width: e }) => {
+      if (t.has(r)) {
+        const n = t.get(r);
+        e > n && t.set(r, e);
+      } else
+        t.set(r, e);
     },
-    children: d(i)
-  });
+    [t]
+  ), a = s(
+    (r) => t.get(r),
+    [t]
+  );
+  return /* @__PURE__ */ m(d.Provider, { value: { registerCells: o, getMinWidthByColumn: a }, children: l(i) });
 };
 export {
-  x as DataGridProvider
+  c as DataGridProvider
 };

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

@@ -1,44 +1,44 @@
-import { WITH_ERROR_CLASS as u } from "./constants.js";
-import { ErrorMessageDisplay as t } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
-import c from "classnames";
-import { getErrorMessage as g } from "../../utils/getErrorMessage.js";
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { Fragment as h } from "../../../external/preact/dist/preact.module.js";
-import { useAuthContext as f } from "../../../core/Auth/context.js";
+import { WITH_ERROR_CLASS as c } from "./constants.js";
+import { ErrorMessageDisplay as t } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
+import g from "classnames";
+import { getErrorMessage as u } from "../../utils/getErrorMessage.js";
+import { Fragment as f } from "../../../external/preact/dist/preact.module.js";
+import { useConfigContext as h } from "../../../core/ConfigContext/context.js";
 function x({
   balanceAccountsError: r,
-  children: a,
-  className: n,
+  children: n,
+  className: a,
   errorMessage: o,
   isBalanceAccountIdWrong: i,
   onContactSupport: s
 }) {
-  const {
-    hasError: m
-  } = f();
-  return e("div", {
-    className: c(n, {
-      [u]: m
-    }),
-    children: m ? e(t, {
+  const { hasError: m } = h();
+  return /* @__PURE__ */ e("div", { className: g(a, { [c]: m }), children: m ? /* @__PURE__ */ e(
+    t,
+    {
       withImage: !0,
       centered: !0,
       title: "somethingWentWrong",
       message: [o, "tryRefreshingThePageOrComeBackLater"],
       refreshComponent: !0
-    }) : r ? e(t, {
+    }
+  ) : r ? /* @__PURE__ */ e(
+    t,
+    {
       withImage: !0,
       centered: !0,
-      ...g(r, "weCouldNotLoadYourBalanceAccounts", s)
-    }) : i ? e(t, {
+      ...u(r, "weCouldNotLoadYourBalanceAccounts", s)
+    }
+  ) : i ? /* @__PURE__ */ e(
+    t,
+    {
       withImage: !0,
       centered: !0,
       title: "somethingWentWrong",
       message: [o, "theSelectedBalanceAccountIsIncorrect"]
-    }) : e(h, {
-      children: a
-    })
-  });
+    }
+  ) : /* @__PURE__ */ e(f, { children: n }) });
 }
 export {
   x as default

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

@@ -1,88 +1,68 @@
-import "./DataOverviewDetails.scss.js";
-import { useMemo as o } from "../../../external/preact/hooks/dist/hooks.module.js";
-import b from "../../../core/Context/useCoreContext.js";
-import { useFetch as E } from "../../../hooks/useFetch/useFetch.js";
-import { PayoutData as P } from "../../external/PayoutDetails/components/PayoutData.js";
-import { TransactionData as C } from "../../external/TransactionDetails/components/TransactionData.js";
-import w from "../../hooks/useBalanceAccounts.js";
-import { getErrorMessage as x } from "../../utils/getErrorMessage.js";
-import { ErrorMessageDisplay as N } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
-import Y from "../Typography/Typography.js";
-import { TypographyVariant as B } from "../Typography/types.js";
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useAuthContext as _ } from "../../../core/Auth/context.js";
-import { EMPTY_OBJECT as s } from "../../../utils/value/constants.js";
-const q = {
+/* empty css                         */
+import { useMemo as r } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as I } from "../../../hooks/useFetch.js";
+import { PayoutData as b } from "../../external/PayoutDetails/components/PayoutData.js";
+import w from "../../../hooks/useBalanceAccounts.js";
+import { getErrorMessage as E } from "../../utils/getErrorMessage.js";
+import { ErrorMessageDisplay as P } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
+import x from "../Typography/Typography.js";
+import { TypographyVariant as C } from "../Typography/types.js";
+import { useDataOverviewDetailsTitle as N } from "./useDataOverviewDetailsTitle.js";
+import { TransactionData as O } from "../../external/TransactionDetails/components/TransactionData/TransactionData.js";
+import { useConfigContext as B } from "../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as d } from "../../../utils/value/constants.js";
+const F = {
   transaction: "getTransaction",
   payout: "getPayout"
-}, M = {
-  transaction: "transactionDetails",
-  payout: "payoutDetails"
-}, d = (t) => !("data" in t);
-function R(t) {
-  var f, D;
-  const a = o(() => d(t) ? null : t.data, [t]), c = o(() => d(t) ? t.id : null, [t]), {
-    i18n: h
-  } = b(), l = _().endpoints[q[t.type]], T = o(() => M[t.type], [t.type]), {
-    data: r,
-    error: i,
-    isFetching: y
-  } = E(o(() => ({
-    fetchOptions: {
-      enabled: !!c && !!l
-    },
-    queryFn: async () => {
-      const I = t.type === "transaction" ? {
-        path: {
-          transactionId: c
+}, m = (t) => !("data" in t);
+function K(t) {
+  var s;
+  const f = r(() => m(t) ? null : t.data, [t]), n = r(() => m(t) ? t.id : null, [t]), l = B().endpoints[F[t.type]], { hideTitle: D, title: h } = N(t), { data: c, error: i, isFetching: y } = I(
+    r(
+      () => ({
+        fetchOptions: { enabled: !!n && !!l },
+        queryFn: async () => {
+          const A = t.type === "transaction" ? {
+            path: { transactionId: n }
+          } : {
+            query: { balanceAccountId: n, createdAt: t.date }
+          };
+          return l(d, { ...A });
         }
-      } : {
-        query: {
-          balanceAccountId: c,
-          createdAt: t.date
-        }
-      };
-      return l(s, {
-        ...I
-      });
-    }
-  }), [c, l, t])), v = t.type === "payout" ? t.balanceAccountDescription : r == null ? void 0 : r.balanceAccountId, A = t.type === "payout" ? t == null ? void 0 : t.balanceAccountDescription : (f = a == null ? void 0 : a.balanceAccount) == null ? void 0 : f.description, {
-    balanceAccounts: n
-  } = w(v, !A), m = o(() => {
+      }),
+      [n, l, t]
+    )
+  ), v = t.type === "payout" ? t.id : c == null ? void 0 : c.balanceAccountId, T = t.type === "payout" ? t == null ? void 0 : t.balanceAccountDescription : t == null ? void 0 : t.balanceAccount, { balanceAccounts: a } = w(v, !T), u = r(() => {
     if (i)
-      return x(i, "weCouldNotLoadYourTransactions", t.onContactSupport);
-  }, [i, t.onContactSupport]), g = d(t) && t.type === "transaction" ? t.extraDetails : s, u = a ?? r;
-  return e("div", {
-    className: "adyen-pe-overview-details",
-    children: [!t.hideTitle && e("div", {
-      className: "adyen-pe-overview-details--title",
-      children: e(Y, {
-        variant: B.TITLE,
-        medium: !0,
-        children: h.get(T)
-      })
-    }), i && m && e("div", {
-      className: "adyen-pe-overview-details--error-container",
-      children: e(N, {
-        withImage: !0,
-        ...m
-      })
-    }), t.type === "transaction" && e(C, {
-      transaction: u ? {
-        ...u || s,
-        balanceAccount: (a == null ? void 0 : a.balanceAccount) || (n == null ? void 0 : n[0]),
-        ...g
-      } : void 0,
-      error: !!(i && m),
-      isFetching: y
-    }), t.type === "payout" && u && e(P, {
-      balanceAccountId: c,
-      payout: u,
-      balanceAccountDescription: (t == null ? void 0 : t.balanceAccountDescription) || ((D = n == null ? void 0 : n[0]) == null ? void 0 : D.description),
-      isFetching: y
-    })]
-  });
+      return E(i, "weCouldNotLoadYourTransactions", t.onContactSupport);
+  }, [i, t.onContactSupport]), g = m(t) && t.type === "transaction" ? t.extraDetails : d, o = f ?? c;
+  return /* @__PURE__ */ e("div", { className: "adyen-pe-overview-details", children: [
+    !D && /* @__PURE__ */ e("div", { className: "adyen-pe-overview-details--title", children: /* @__PURE__ */ e(x, { variant: C.TITLE, medium: !0, children: h }) }),
+    i && u && /* @__PURE__ */ e("div", { className: "adyen-pe-overview-details--error-container", children: /* @__PURE__ */ e(P, { withImage: !0, ...u }) }),
+    t.type === "transaction" && /* @__PURE__ */ e(
+      O,
+      {
+        transaction: o ? {
+          ...o || d,
+          balanceAccount: (t == null ? void 0 : t.balanceAccount) || (a == null ? void 0 : a[0])
+        } : void 0,
+        error: !!(i && u),
+        isFetching: y,
+        extraFields: g
+      }
+    ),
+    t.type === "payout" && o && /* @__PURE__ */ e(
+      b,
+      {
+        balanceAccountId: n,
+        payout: o,
+        balanceAccountDescription: (t == null ? void 0 : t.balanceAccountDescription) || ((s = a == null ? void 0 : a[0]) == null ? void 0 : s.description),
+        isFetching: y
+      }
+    )
+  ] });
 }
 export {
-  R as default
+  K as default
 };