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

package/dist/es/components/external/PayoutDetails/components/PayoutData.js

@@ -1,205 +1,119 @@
-import O from "classnames";
+import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import T from "classnames";
 import { useMemo as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import u from "../../../../core/Context/useCoreContext.js";
-import R from "../../../internal/Accordion/Accordion.js";
-import _ from "../../../internal/Card/Card.js";
-import { DATE_FORMAT_PAYOUT_DETAILS as z } from "../../../internal/DataOverviewDisplay/constants.js";
+import H from "../../../../core/Context/useCoreContext.js";
+import M from "../../../internal/Accordion/Accordion.js";
+import S from "../../../internal/Card/Card.js";
 import { TypographyVariant as e } from "../../../internal/Typography/types.js";
 import m from "../../../internal/Typography/Typography.js";
-import G from "../../TransactionDetails/components/TransactionDataSkeleton.js";
-import J from "../../../hooks/useTimezoneAwareDateFormatting.js";
-import "./PayoutData.scss.js";
-import { PD_BASE_CLASS as K, PD_TITLE_CLASS as k, PD_SECTION_CLASS as l, PD_TITLE_BA_CLASS as Q, PD_CONTENT_CLASS as W, PD_CARD_CLASS as S, PD_SECTION_AMOUNT_CLASS as f, PD_SECTION_GROSS_AMOUNT_CLASS as $, PD_CARD_TITLE_CLASS as x, PD_SECTION_NET_AMOUNT_CLASS as X, PD_UNPAID_AMOUNT as Z } from "./constants.js";
-import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import k from "../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
+import z from "../../../../hooks/useTimezoneAwareDateFormatting.js";
+/* empty css                */
+import { PD_BASE_CLASS as G, PD_TITLE_CLASS as J, PD_TITLE_CONTAINER_CLASS as K, PD_SECTION_CLASS as l, PD_TITLE_BA_CLASS as q, PD_CONTENT_CLASS as Q, PD_CARD_CLASS as _, PD_SECTION_AMOUNT_CLASS as f, PD_SECTION_GROSS_AMOUNT_CLASS as R, PD_CARD_TITLE_CLASS as F, PD_SECTION_NET_AMOUNT_CLASS as W, PD_UNPAID_AMOUNT as X } from "./constants.js";
+import { Tag as Z } from "../../../internal/Tag/Tag.js";
+import { TagVariant as b } from "../../../internal/Tag/types.js";
+import { DATE_FORMAT_PAYOUT_DETAILS as j } from "../../../../constants/dateFormats.js";
 import y from "../../../internal/StructuredList/StructuredList.js";
-import { Fragment as j } from "../../../../external/preact/dist/preact.module.js";
-import { EMPTY_OBJECT as b } from "../../../../utils/value/constants.js";
-const gi = ({
-  balanceAccountId: F,
+import { Fragment as w } from "../../../../external/preact/dist/preact.module.js";
+import { EMPTY_OBJECT as V } from "../../../../utils/value/constants.js";
+const Si = ({
+  balanceAccountId: $,
   balanceAccountDescription: p,
   payout: s,
-  isFetching: H
+  isFetching: ii
 }) => {
-  var P;
-  const {
-    payout: t
-  } = s ?? b, {
-    i18n: r
-  } = u(), {
-    dateFormat: B
-  } = J("UTC"), o = N(() => {
+  var B;
+  const { payout: t } = s ?? V, { dateFormat: P } = z("UTC"), { i18n: r } = H(), o = N(() => {
     var a, h;
-    const c = (h = (a = s == null ? void 0 : s.amountBreakdowns) == null ? void 0 : a.adjustmentBreakdown) == null ? void 0 : h.reduce((d, i) => {
-      var L, I, E, Y, D, U, M;
-      const v = (L = i == null ? void 0 : i.amount) != null && L.value && ((I = i == null ? void 0 : i.amount) != null && I.currency) ? r.amount((E = i == null ? void 0 : i.amount) == null ? void 0 : E.value, (Y = i == null ? void 0 : i.amount) == null ? void 0 : Y.currency, {
-        hideCurrency: !0
-      }) : (((D = i == null ? void 0 : i.amount) == null ? void 0 : D.value) ?? "").toString(), A = `${i == null ? void 0 : i.category}`, C = r.get(A), g = i != null && i.category && C !== A ? C : i == null ? void 0 : i.category;
-      return i != null && i.category && v && g && d[(U = i == null ? void 0 : i.amount) != null && U.value && ((M = i == null ? void 0 : i.amount) == null ? void 0 : M.value) < 0 ? "subtractions" : "additions"].push({
-        key: g,
-        value: v
-      }), d;
-    }, {
-      subtractions: [],
-      additions: []
-    });
+    const c = (h = (a = s == null ? void 0 : s.amountBreakdowns) == null ? void 0 : a.adjustmentBreakdown) == null ? void 0 : h.reduce(
+      (d, i) => {
+        var L, E, I, D, Y, U, u;
+        const v = (L = i == null ? void 0 : i.amount) != null && L.value && ((E = i == null ? void 0 : i.amount) != null && E.currency) ? r.amount((I = i == null ? void 0 : i.amount) == null ? void 0 : I.value, (D = i == null ? void 0 : i.amount) == null ? void 0 : D.currency, { hideCurrency: !0 }) : (((Y = i == null ? void 0 : i.amount) == null ? void 0 : Y.value) ?? "").toString(), A = `${i == null ? void 0 : i.category}`, g = r.get(A), C = i != null && i.category && g !== A ? g : i == null ? void 0 : i.category;
+        return i != null && i.category && v && C && d[(U = i == null ? void 0 : i.amount) != null && U.value && ((u = i == null ? void 0 : i.amount) == null ? void 0 : u.value) < 0 ? "subtractions" : "additions"].push({ key: C, value: v }), d;
+      },
+      { subtractions: [], additions: [] }
+    );
     return c == null || c.subtractions.sort((d, i) => d.key.localeCompare(i.key)), c == null || c.additions.sort((d, i) => d.key.localeCompare(i.key)), c;
-  }, [r, s]), T = N(() => {
+  }, [r, s]), O = N(() => {
     var a, h;
     const c = (h = (a = s == null ? void 0 : s.amountBreakdowns) == null ? void 0 : a.fundsCapturedBreakdown) == null ? void 0 : h.reduce((d, i) => {
-      var v, A, C, g;
+      var v, A, g, C;
       return ((v = i == null ? void 0 : i.amount) == null ? void 0 : v.value) === 0 || (A = i == null ? void 0 : i.amount) != null && A.value && i.category && d.push({
         key: i.category,
-        value: r.amount((C = i == null ? void 0 : i.amount) == null ? void 0 : C.value, (g = i == null ? void 0 : i.amount) == null ? void 0 : g.currency, {
-          hideCurrency: !0
-        })
+        value: r.amount((g = i == null ? void 0 : i.amount) == null ? void 0 : g.value, (C = i == null ? void 0 : i.amount) == null ? void 0 : C.currency, { hideCurrency: !0 })
       }), d;
     }, []);
     return c == null || c.sort((d, i) => d.key === "capture" ? -1 : i.key === "capture" ? 1 : d.key.localeCompare(i.key)), c;
-  }, [s, r]), q = N(() => t != null && t.createdAt ? B(new Date(t == null ? void 0 : t.createdAt), z) : "", [t, B]);
-  return n(j, {
-    children: t ? n("div", {
-      className: K,
-      children: [n("div", {
-        className: k,
-        children: [n(m, {
-          variant: e.SUBTITLE,
-          stronger: !0,
-          children: r.get("netPayout")
-        }), n(m, {
-          variant: e.TITLE,
-          large: !0,
-          children: `${r.amount(t.payoutAmount.value, t.payoutAmount.currency, {
-            hideCurrency: !0
-          })} ${t.payoutAmount.currency}`
-        }), n(m, {
-          variant: e.BODY,
-          children: q
-        }), n("div", {
-          className: l,
-          children: [p && n(m, {
-            variant: e.CAPTION,
-            stronger: !0,
-            wide: !0,
-            children: `${p}`
-          }), n(m, {
-            variant: e.CAPTION,
-            className: Q,
-            children: `${F}`
-          })]
-        })]
-      }), n("div", {
-        className: W,
-        children: [n("div", {
-          className: l,
-          children: (t == null ? void 0 : t.fundsCapturedAmount) && (T && Object.keys(T).length > 0 ? n(R, {
-            header: n(m, {
-              variant: e.BODY,
-              children: r.get("fundsCaptured")
-            }),
-            headerInformation: n(m, {
-              variant: e.BODY,
-              children: r.amount(t.fundsCapturedAmount.value, t.fundsCapturedAmount.currency)
-            }),
-            children: n("div", {
-              className: l,
-              children: n("div", {
-                className: S,
-                children: n(_, {
-                  children: n(y, {
-                    items: T
-                  })
-                })
-              })
-            })
-          }) : n("div", {
-            className: O(f, $),
-            children: [n(m, {
-              variant: e.BODY,
-              children: r.get("fundsCaptured")
-            }), n(m, {
-              variant: e.BODY,
-              children: r.amount(t.fundsCapturedAmount.value, t.fundsCapturedAmount.currency)
-            })]
-          }))
-        }), n("div", {
-          className: l,
-          children: o != null && o.subtractions && Object.keys(o == null ? void 0 : o.subtractions).length > 0 || o != null && o.additions && Object.keys(o == null ? void 0 : o.additions).length > 0 ? n(R, {
-            header: n(m, {
-              variant: e.BODY,
-              children: r.get("adjustments")
-            }),
-            headerInformation: n(m, {
-              variant: e.BODY,
-              children: r.amount(t.adjustmentAmount.value, t.adjustmentAmount.currency)
-            }),
-            children: [(o == null ? void 0 : o.additions) && Object.keys(o == null ? void 0 : o.additions).length > 0 && n("div", {
-              className: S,
-              children: n(_, {
-                renderHeader: n(m, {
-                  className: x,
-                  variant: e.CAPTION,
-                  stronger: !0,
-                  children: r.get("additions")
-                }),
-                children: n(y, {
-                  items: o == null ? void 0 : o.additions
-                })
-              })
-            }), (o == null ? void 0 : o.subtractions) && Object.keys(o == null ? void 0 : o.subtractions).length > 0 && n("div", {
-              className: S,
-              children: n(_, {
-                renderHeader: n(m, {
-                  className: x,
-                  variant: e.CAPTION,
-                  stronger: !0,
-                  children: r.get("subtractions")
-                }),
-                children: n(y, {
-                  items: o == null ? void 0 : o.subtractions
-                })
-              })
-            })]
-          }) : n("div", {
-            className: O(f, $),
-            children: [n(m, {
-              variant: e.BODY,
-              children: r.get("adjustments")
-            }), n(m, {
-              variant: e.BODY,
-              children: r.amount(t.adjustmentAmount.value, t.adjustmentAmount.currency)
-            })]
-          })
-        }), n("div", {
-          className: O(l),
-          children: n("div", {
-            className: O(f, X),
-            children: [n(m, {
-              variant: e.BODY,
-              stronger: !0,
-              children: r.get("netPayout")
-            }), n(m, {
-              variant: e.BODY,
-              stronger: !0,
-              children: r.amount(t.payoutAmount.value, t.payoutAmount.currency)
-            })]
-          })
-        })]
-      }), ((P = s == null ? void 0 : s.payout) == null ? void 0 : P.unpaidAmount) && n("div", {
-        className: Z,
-        children: [n(m, {
-          variant: e.BODY,
-          children: r.get("remainingAmount")
-        }), n(m, {
-          variant: e.BODY,
-          children: r.amount(s.payout.unpaidAmount.value, s.payout.unpaidAmount.currency)
-        })]
-      })]
-    }) : n(G, {
-      isLoading: H,
-      skeletonRowNumber: 6
-    })
-  });
+  }, [s, r]), x = N(
+    () => t != null && t.createdAt ? P(new Date(t == null ? void 0 : t.createdAt), j) : "",
+    [t, P]
+  );
+  return /* @__PURE__ */ n(w, { children: t ? /* @__PURE__ */ n("div", { className: G, children: [
+    /* @__PURE__ */ n("div", { className: J, children: [
+      /* @__PURE__ */ n("div", { className: K, children: [
+        /* @__PURE__ */ n(m, { variant: e.SUBTITLE, stronger: !0, children: r.get("netPayout") }),
+        t.isSumOfSameDayPayouts && /* @__PURE__ */ n(Z, { variant: b.BLUE, label: r.get("sumOfSameDayPayouts") })
+      ] }),
+      /* @__PURE__ */ n(m, { variant: e.TITLE, large: !0, children: `${r.amount(t.payoutAmount.value, t.payoutAmount.currency, {
+        hideCurrency: !0
+      })} ${t.payoutAmount.currency}` }),
+      /* @__PURE__ */ n(m, { variant: e.BODY, children: x }),
+      /* @__PURE__ */ n("div", { className: l, children: [
+        p && /* @__PURE__ */ n(m, { variant: e.CAPTION, stronger: !0, wide: !0, children: `${p}` }),
+        /* @__PURE__ */ n(m, { variant: e.CAPTION, className: q, children: `${$}` })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: Q, children: [
+      /* @__PURE__ */ n("div", { className: l, children: (t == null ? void 0 : t.fundsCapturedAmount) && (O && Object.keys(O).length > 0 ? /* @__PURE__ */ n(
+        M,
+        {
+          header: /* @__PURE__ */ n(m, { variant: e.BODY, children: r.get("fundsCaptured") }),
+          headerInformation: /* @__PURE__ */ n(m, { variant: e.BODY, children: r.amount(t.fundsCapturedAmount.value, t.fundsCapturedAmount.currency) }),
+          children: /* @__PURE__ */ n("div", { className: l, children: /* @__PURE__ */ n("div", { className: _, children: /* @__PURE__ */ n(S, { noPadding: !0, children: /* @__PURE__ */ n(y, { items: O }) }) }) })
+        }
+      ) : /* @__PURE__ */ n("div", { className: T(f, R), children: [
+        /* @__PURE__ */ n(m, { variant: e.BODY, children: r.get("fundsCaptured") }),
+        /* @__PURE__ */ n(m, { variant: e.BODY, children: r.amount(t.fundsCapturedAmount.value, t.fundsCapturedAmount.currency) })
+      ] })) }),
+      /* @__PURE__ */ n("div", { className: l, children: o != null && o.subtractions && Object.keys(o == null ? void 0 : o.subtractions).length > 0 || o != null && o.additions && Object.keys(o == null ? void 0 : o.additions).length > 0 ? /* @__PURE__ */ n(
+        M,
+        {
+          header: /* @__PURE__ */ n(m, { variant: e.BODY, children: r.get("adjustments") }),
+          headerInformation: /* @__PURE__ */ n(m, { variant: e.BODY, children: r.amount(t.adjustmentAmount.value, t.adjustmentAmount.currency) }),
+          children: [
+            (o == null ? void 0 : o.additions) && Object.keys(o == null ? void 0 : o.additions).length > 0 && /* @__PURE__ */ n("div", { className: _, children: /* @__PURE__ */ n(
+              S,
+              {
+                noPadding: !0,
+                renderHeader: /* @__PURE__ */ n(m, { className: F, variant: e.CAPTION, stronger: !0, children: r.get("additions") }),
+                children: /* @__PURE__ */ n(y, { items: o == null ? void 0 : o.additions })
+              }
+            ) }),
+            (o == null ? void 0 : o.subtractions) && Object.keys(o == null ? void 0 : o.subtractions).length > 0 && /* @__PURE__ */ n("div", { className: _, children: /* @__PURE__ */ n(
+              S,
+              {
+                noPadding: !0,
+                renderHeader: /* @__PURE__ */ n(m, { className: F, variant: e.CAPTION, stronger: !0, children: r.get("subtractions") }),
+                children: /* @__PURE__ */ n(y, { items: o == null ? void 0 : o.subtractions })
+              }
+            ) })
+          ]
+        }
+      ) : /* @__PURE__ */ n("div", { className: T(f, R), children: [
+        /* @__PURE__ */ n(m, { variant: e.BODY, children: r.get("adjustments") }),
+        /* @__PURE__ */ n(m, { variant: e.BODY, children: r.amount(t.adjustmentAmount.value, t.adjustmentAmount.currency) })
+      ] }) }),
+      /* @__PURE__ */ n("div", { className: T(l), children: /* @__PURE__ */ n("div", { className: T(f, W), children: [
+        /* @__PURE__ */ n(m, { variant: e.BODY, stronger: !0, children: r.get("netPayout") }),
+        /* @__PURE__ */ n(m, { variant: e.BODY, stronger: !0, children: r.amount(t.payoutAmount.value, t.payoutAmount.currency) })
+      ] }) })
+    ] }),
+    ((B = s == null ? void 0 : s.payout) == null ? void 0 : B.unpaidAmount) && /* @__PURE__ */ n("div", { className: X, children: [
+      /* @__PURE__ */ n(m, { variant: e.BODY, children: r.get("remainingAmount") }),
+      /* @__PURE__ */ n(m, { variant: e.BODY, children: r.amount(s.payout.unpaidAmount.value, s.payout.unpaidAmount.currency) })
+    ] })
+  ] }) : /* @__PURE__ */ n(k, { skeletonRowNumber: 6 }) });
 };
 export {
-  gi as PayoutData
+  Si as PayoutData
 };

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

@@ -1,14 +1,15 @@
-const _ = "adyen-pe-payout-data", o = `${_}__title`, C = `${_}__title--ba-id`, S = `${_}__content`, n = `${S}--section`, A = `${S}--card`, T = `${A}-title`, t = `${n}-amount`, c = `${t}-gross`, s = `${t}-net`, D = `${_}--unpaid-amount`;
+const _ = "adyen-pe-payout-data", o = `${_}__title-container`, T = `${_}__title`, C = `${_}__title--ba-id`, t = `${_}__content`, n = `${t}--section`, A = `${t}--card`, c = `${A}-title`, S = `${n}-amount`, s = `${S}-gross`, D = `${S}-net`, L = `${_}--unpaid-amount`;
 export {
   _ as PD_BASE_CLASS,
   A as PD_CARD_CLASS,
-  T as PD_CARD_TITLE_CLASS,
-  S as PD_CONTENT_CLASS,
-  t as PD_SECTION_AMOUNT_CLASS,
+  c as PD_CARD_TITLE_CLASS,
+  t as PD_CONTENT_CLASS,
+  S as PD_SECTION_AMOUNT_CLASS,
   n as PD_SECTION_CLASS,
-  c as PD_SECTION_GROSS_AMOUNT_CLASS,
-  s as PD_SECTION_NET_AMOUNT_CLASS,
+  s as PD_SECTION_GROSS_AMOUNT_CLASS,
+  D as PD_SECTION_NET_AMOUNT_CLASS,
   C as PD_TITLE_BA_CLASS,
-  o as PD_TITLE_CLASS,
-  D as PD_UNPAID_AMOUNT
+  T as PD_TITLE_CLASS,
+  o as PD_TITLE_CONTAINER_CLASS,
+  L as PD_UNPAID_AMOUNT
 };

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

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

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

@@ -1,147 +1,125 @@
-import { BASE_CLASS as H, EARLIEST_PAYOUT_SINCE_DATE as K, BASE_CLASS_DETAILS as Y } from "./constants.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { BASE_CLASS as G, EARLIEST_PAYOUT_SINCE_DATE as H, BASE_CLASS_DETAILS as Y } from "./constants.js";
 import { PayoutsTable as J } from "../PayoutsTable/PayoutsTable.js";
 import { LIMIT_OPTIONS as Q, DEFAULT_PAGE_LIMIT as V } from "../../../../internal/Pagination/constants.js";
-import W from "../../../../hooks/useBalanceAccountSelection.js";
+import W from "../../../../../hooks/useBalanceAccountSelection.js";
 import X from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
 import Z from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import $ from "../../../../hooks/useDefaultOverviewFilterParams.js";
+import $ from "../../../../../hooks/useDefaultOverviewFilterParams.js";
+import { DataOverviewHeader as B } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
 import { FilterParam as o } from "../../../../types.js";
-import { useCallback as T, useMemo as s, useEffect as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { DataDetailsModal as B } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
-import "./PayoutsOverview.scss.js";
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import tt from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import et, { useFilterBarState as rt, FilterBarMobileSwitch as it } from "../../../../internal/FilterBar/FilterBar.js";
-import ot from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useAuthContext as st } from "../../../../../core/Auth/context.js";
-import { isFunction as at } from "../../../../../utils/value/is.js";
-import { DataOverviewHeader as lt } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
-const bt = ({
+import { useCallback as D, useMemo as s, useEffect as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { DataDetailsModal as tt } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+/* empty css                     */
+import { useFilterBarState as et, FilterBarMobileSwitch as rt, FilterBar as it } from "../../../../internal/FilterBar/FilterBar.js";
+import ot from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import st from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import { useConfigContext as at } from "../../../../../core/ConfigContext/context.js";
+import { isFunction as lt } from "../../../../../utils/value/is.js";
+const Nt = ({
   onFiltersChanged: a,
-  balanceAccounts: n,
+  balanceAccounts: d,
   allowLimitSelection: p,
-  preferredLimit: F = V,
+  preferredLimit: y = V,
   onRecordSelection: u,
   showDetails: l,
-  isLoadingBalanceAccount: P,
+  isLoadingBalanceAccount: F,
   onContactSupport: f,
-  hideTitle: _
+  hideTitle: C
 }) => {
-  const {
-    getPayouts: m
-  } = st().endpoints, {
-    activeBalanceAccount: t,
-    balanceAccountSelectionOptions: y,
-    onBalanceAccountSelection: C
-  } = W(n), {
-    defaultParams: i,
-    nowTimestamp: I,
-    refreshNowTimestamp: d
-  } = $("payouts", t), A = T(async (r, G) => m({
-    signal: G,
-    errorLevel: "error"
-  }, {
-    query: {
-      ...r,
-      createdSince: r[o.CREATED_SINCE] ?? i.current.defaultFilterParams[o.CREATED_SINCE],
-      createdUntil: r[o.CREATED_UNTIL] ?? i.current.defaultFilterParams[o.CREATED_UNTIL],
-      balanceAccountId: (t == null ? void 0 : t.id) ?? ""
-    }
-  }), [t == null ? void 0 : t.id, i, m]), c = rt(), L = s(() => at(a) ? a : void 0, [a]), O = s(() => p ? Q : void 0, [p]), {
-    canResetFilters: b,
-    error: h,
-    fetching: N,
-    filters: E,
-    limit: w,
-    limitOptions: M,
-    records: R,
-    resetFilters: mt,
-    updateFilters: U,
-    updateLimit: g,
-    ...k
-  } = tt({
+  const { getPayouts: m } = at().endpoints, { activeBalanceAccount: t, balanceAccountSelectionOptions: P, onBalanceAccountSelection: I } = W(d), { defaultParams: i, nowTimestamp: _, refreshNowTimestamp: n } = $("payouts", t), A = D(
+    async (r, j) => m({ signal: j, errorLevel: "error" }, {
+      query: {
+        ...r,
+        createdSince: r[o.CREATED_SINCE] ?? i.current.defaultFilterParams[o.CREATED_SINCE],
+        createdUntil: r[o.CREATED_UNTIL] ?? i.current.defaultFilterParams[o.CREATED_UNTIL],
+        balanceAccountId: (t == null ? void 0 : t.id) ?? ""
+      }
+    }),
+    [t == null ? void 0 : t.id, i, m]
+  ), c = et(), L = s(() => lt(a) ? a : void 0, [a]), O = s(() => p ? Q : void 0, [p]), { canResetFilters: N, error: b, fetching: h, filters: E, limit: g, limitOptions: w, records: M, resetFilters: mt, updateFilters: R, updateLimit: U, ...k } = ot({
     fetchRecords: A,
     dataField: "data",
     filterParams: i.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
     onFiltersChanged: L,
-    preferredLimit: F,
+    preferredLimit: y,
     preferredLimitOptions: O,
     enabled: !!(t != null && t.id) && !!m
   });
   v(() => {
-    d();
-  }, [E, d]);
-  const S = s(() => ({
-    showDetails: l ?? !0,
-    callback: u
-  }), [l, u]), x = s(() => ({
-    payout: S
-  }), [S]), {
-    updateDetails: D,
-    resetDetails: q,
-    selectedDetail: z
-  } = Z(x), j = T((r) => {
-    D({
-      selection: {
-        type: "payout",
-        data: {
-          id: t == null ? void 0 : t.id,
-          balanceAccountDescription: (t == null ? void 0 : t.description) || "",
-          date: r.createdAt
+    n();
+  }, [E, n]);
+  const S = s(
+    () => ({
+      showDetails: l ?? !0,
+      callback: u
+    }),
+    [l, u]
+  ), x = s(() => ({ payout: S }), [S]), { updateDetails: T, resetDetails: q, selectedDetail: z } = Z(x), K = D(
+    (r) => {
+      T({
+        selection: {
+          type: "payout",
+          data: { id: t == null ? void 0 : t.id, balanceAccountDescription: (t == null ? void 0 : t.description) || "", date: r.createdAt }
+        },
+        modalSize: "small"
+      }).callback({ balanceAccountId: (t == null ? void 0 : t.id) || "", date: r.createdAt });
+    },
+    [T, t]
+  );
+  return /* @__PURE__ */ e("div", { className: G, children: [
+    /* @__PURE__ */ e(B, { hideTitle: C, titleKey: "payoutsTitle", descriptionKey: "payoutsNotice", children: /* @__PURE__ */ e(rt, { ...c }) }),
+    /* @__PURE__ */ e(it, { ...c, children: [
+      /* @__PURE__ */ e(
+        st,
+        {
+          activeBalanceAccount: t,
+          balanceAccountSelectionOptions: P,
+          onBalanceAccountSelection: I
         }
-      },
-      modalSize: "small"
-    }).callback({
-      balanceAccountId: (t == null ? void 0 : t.id) || "",
-      date: r.createdAt
-    });
-  }, [D, t]);
-  return e("div", {
-    className: H,
-    children: [e(lt, {
-      hideTitle: _,
-      titleKey: "payoutsTitle",
-      children: e(it, {
-        ...c
-      })
-    }), e(et, {
-      ...c,
-      children: [e(ot, {
-        activeBalanceAccount: t,
-        balanceAccountSelectionOptions: y,
-        onBalanceAccountSelection: C
-      }), e(X, {
-        canResetFilters: b,
-        defaultParams: i,
-        filters: E,
-        nowTimestamp: I,
-        refreshNowTimestamp: d,
-        sinceDate: K,
-        timezone: "UTC",
-        updateFilters: U
-      })]
-    }), e(B, {
-      className: Y,
-      onContactSupport: f,
-      selectedDetail: z,
-      resetDetails: q,
-      children: e(J, {
-        loading: N || P || !n,
-        data: R,
-        showPagination: !0,
-        onRowClick: j,
-        showDetails: l,
-        limit: w,
-        limitOptions: M,
+      ),
+      /* @__PURE__ */ e(
+        X,
+        {
+          canResetFilters: N,
+          defaultParams: i,
+          filters: E,
+          nowTimestamp: _,
+          refreshNowTimestamp: n,
+          sinceDate: H,
+          timezone: "UTC",
+          updateFilters: R
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      tt,
+      {
+        className: Y,
         onContactSupport: f,
-        onLimitSelection: g,
-        error: h,
-        ...k
-      })
-    })]
-  });
+        selectedDetail: z,
+        resetDetails: q,
+        children: /* @__PURE__ */ e(
+          J,
+          {
+            loading: h || F || !d,
+            data: M,
+            showPagination: !0,
+            onRowClick: K,
+            showDetails: l,
+            limit: g,
+            limitOptions: w,
+            onContactSupport: f,
+            onLimitSelection: U,
+            error: b,
+            ...k
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  bt as PayoutsOverview
+  Nt as PayoutsOverview
 };