@adyen/adyen-platform-experience-web 1.10.0 → 1.10.1

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

@@ -1,185 +1,175 @@
 import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import A from "classnames";
-import { useMemo as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../../core/Context/useCoreContext.js";
-import I from "../../../internal/Accordion/Accordion.js";
-import S from "../../../internal/Card/Card.js";
-import { TypographyVariant as o, TypographyElement as b } from "../../../internal/Typography/types.js";
-import c from "../../../internal/Typography/Typography.js";
-import F from "../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import X from "../../../../hooks/useTimezoneAwareDateFormatting.js";
+import m from "classnames";
+import { useMemo as h } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import I from "../../../../core/Context/useCoreContext.js";
+import D from "../../../internal/Accordion/Accordion.js";
+import N from "../../../internal/Card/Card.js";
+import { TypographyVariant as i, TypographyElement as L } from "../../../internal/Typography/types.js";
+import o from "../../../internal/Typography/Typography.js";
+import j from "../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
+import Y from "../../../../hooks/useTimezoneAwareDateFormatting.js";
 /* empty css                */
-import { PD_BASE_CLASS as $, PD_TITLE_CONTAINER_CLASS as H, PD_SECTION_CLASS as p, PD_TITLE_BA_CLASS as j, PD_TITLE_CLASS as z, PD_TITLE_CLASS_WITH_EXTRA_DETAILS as G, PD_EXTRA_DETAILS_CLASS as J, PD_EXTRA_DETAILS_ICON as V, PD_EXTRA_DETAILS_LABEL as W, PD_CONTENT_CLASS as q, PD_CARD_CLASS as L, PD_SECTION_AMOUNT_CLASS as P, PD_SECTION_GROSS_AMOUNT_CLASS as Y, PD_CARD_TITLE_CLASS as R, PD_SECTION_NET_AMOUNT_CLASS as K, PD_UNPAID_AMOUNT as Q, PD_BUTTON_ACTIONS as Z } from "./constants.js";
-import { Tag as w } from "../../../internal/Tag/Tag.js";
-import { TagVariant as ee } from "../../../internal/Tag/types.js";
-import re from "../../../internal/Link/Link.js";
-import te from "../../../internal/DataGrid/components/Icon.js";
-import { isCustomDataObject as g } from "../../../internal/DataGrid/components/TableCells.js";
-import { ButtonVariant as ne } from "../../../internal/Button/types.js";
-import { ButtonActionsLayoutBasic as ae } from "../../../internal/Button/ButtonActions/types.js";
-import ie from "../../../internal/Button/ButtonActions/ButtonActions.js";
-import { getPayoutFundsCapturedType as se, getPayoutAdjustmentType as oe } from "../../../utils/translation/getters.js";
-import { DATE_FORMAT_PAYOUT_DETAILS as ce } from "../../../../constants/dateFormats.js";
-import _ from "../../../internal/StructuredList/StructuredList.js";
-import { Fragment as ue } from "../../../../external/preact/dist/preact.module.js";
-import { EMPTY_OBJECT as le } from "../../../../utils/value/constants.js";
-const Ue = ({
-  balanceAccountId: k,
-  balanceAccountDescription: B,
-  payout: d,
-  extraFields: T
+import { PD_BASE_CLASS as R, PD_TITLE_CONTAINER_CLASS as w, PD_SECTION_CLASS as p, PD_TITLE_BA_CLASS as U, PD_TITLE_CLASS as M, PD_TITLE_CLASS_WITH_EXTRA_DETAILS as x, PD_EXTRA_DETAILS_CLASS as F, PD_EXTRA_DETAILS_ICON as X, PD_EXTRA_DETAILS_LABEL as $, PD_CONTENT_CLASS as H, PD_CARD_CLASS as _, PD_SECTION_AMOUNT_CLASS as C, PD_SECTION_GROSS_AMOUNT_CLASS as b, PD_CARD_TITLE_CLASS as P, PD_SECTION_NET_AMOUNT_CLASS as z, PD_UNPAID_AMOUNT as G, PD_BUTTON_ACTIONS as J } from "./constants.js";
+import { Tag as V } from "../../../internal/Tag/Tag.js";
+import { TagVariant as W } from "../../../internal/Tag/types.js";
+import q from "../../../internal/Link/Link.js";
+import K from "../../../internal/DataGrid/components/Icon.js";
+import { isCustomDataObject as O } from "../../../internal/DataGrid/components/TableCells.js";
+import { ButtonVariant as Q } from "../../../internal/Button/types.js";
+import { ButtonActionsLayoutBasic as Z } from "../../../internal/Button/ButtonActions/types.js";
+import ee from "../../../internal/Button/ButtonActions/ButtonActions.js";
+import { getPayoutFundsCapturedType as te, getPayoutAdjustmentType as re } from "../../../utils/translation/getters.js";
+import { DATE_FORMAT_PAYOUT_DETAILS as ae } from "../../../../constants/dateFormats.js";
+import T from "../../../internal/StructuredList/StructuredList.js";
+import { Fragment as ne } from "../../../../external/preact/dist/preact.module.js";
+import { EMPTY_OBJECT as ie } from "../../../../utils/value/constants.js";
+const ke = ({
+  balanceAccountId: B,
+  balanceAccountDescription: f,
+  payout: c,
+  extraFields: y
 }) => {
-  var f;
-  const { payout: i } = d ?? le, { dateFormat: U } = X("UTC"), { i18n: s } = x(), n = N(() => {
-    var l, u;
-    const a = (u = (l = d == null ? void 0 : d.amountBreakdowns) == null ? void 0 : l.adjustmentBreakdown) == null ? void 0 : u.reduce(
+  const { payout: s } = c ?? ie, { dateFormat: E } = Y("UTC"), { i18n: a } = I(), u = h(() => {
+    const n = c?.amountBreakdowns?.adjustmentBreakdown?.reduce(
       (r, t) => {
-        var m;
-        if (t.category && ((m = t.amount) != null && m.value)) {
-          const { currency: v, value: h } = t.amount;
-          r[h && h < 0 ? "subtractions" : "additions"].push({
+        if (t.category && t.amount?.value) {
+          const { currency: d, value: l } = t.amount;
+          r[l && l < 0 ? "subtractions" : "additions"].push({
             key: t.category,
-            value: s.amount(h, v, { hideCurrency: !0 })
+            value: a.amount(l, d, { hideCurrency: !0 })
           });
         }
         return r;
       },
       { subtractions: [], additions: [] }
     );
-    return a == null || a.subtractions.sort((r, t) => r.key.localeCompare(t.key)), a == null || a.additions.sort((r, t) => r.key.localeCompare(t.key)), a;
-  }, [s, d]), C = N(() => {
-    var l, u;
-    const a = (u = (l = d == null ? void 0 : d.amountBreakdowns) == null ? void 0 : l.fundsCapturedBreakdown) == null ? void 0 : u.reduce(
-      (r, t) => {
-        var m, v, h, O;
-        return ((m = t == null ? void 0 : t.amount) == null ? void 0 : m.value) === 0 || (v = t == null ? void 0 : t.amount) != null && v.value && t.category && r.push({
-          key: t.category,
-          value: s.amount((h = t == null ? void 0 : t.amount) == null ? void 0 : h.value, (O = t == null ? void 0 : t.amount) == null ? void 0 : O.currency, { hideCurrency: !0 })
-        }), r;
-      },
+    return n?.subtractions.sort((r, t) => r.key.localeCompare(t.key)), n?.additions.sort((r, t) => r.key.localeCompare(t.key)), n;
+  }, [a, c]), v = h(() => {
+    const n = c?.amountBreakdowns?.fundsCapturedBreakdown?.reduce(
+      (r, t) => (t?.amount?.value === 0 || t?.amount?.value && t.category && r.push({
+        key: t.category,
+        value: a.amount(t?.amount?.value, t?.amount?.currency, { hideCurrency: !0 })
+      }), r),
       []
     );
-    return a == null || a.sort((r, t) => {
-      const m = "capture";
-      return r.key === m ? -1 : t.key === m ? 1 : r.key.localeCompare(t.key);
-    }), a;
-  }, [d, s]), { payoutAdjustmentTypeLabelRenderer: D, payoutFundsCapturedTypeLabelRenderer: M } = N(() => {
-    const a = (l) => (u, r) => /* @__PURE__ */ e(c, { el: b.SPAN, variant: o.BODY, children: l(s, r) });
-    return {
-      payoutAdjustmentTypeLabelRenderer: a(oe),
-      payoutFundsCapturedTypeLabelRenderer: a(se)
-    };
-  }, [s]), y = Object.entries(T || {}).filter(([, a]) => a.type !== "button" && a.visibility !== "hidden").map(([a, l]) => ({
-    key: a,
-    value: g(l) ? l.value : l,
-    type: g(l) ? l.type : "text",
-    config: g(l) ? l.config : void 0
-  })) || [], E = N(() => [...T ? Object.values(T).filter((u) => u.type === "button").map((u) => {
-    var r, t, m;
+    return n?.sort((r, t) => {
+      const d = "capture";
+      return r.key === d ? -1 : t.key === d ? 1 : r.key.localeCompare(t.key);
+    }), n;
+  }, [c, a]), { payoutAdjustmentTypeLabelRenderer: S, payoutFundsCapturedTypeLabelRenderer: k } = h(() => {
+    const n = (r) => (t, d) => /* @__PURE__ */ e(o, { el: L.SPAN, variant: i.BODY, children: r(a, d) });
     return {
-      title: u.value,
-      variant: ne.SECONDARY,
-      event: (r = u.config) == null ? void 0 : r.action,
-      classNames: (t = u == null ? void 0 : u.config) != null && t.className ? [(m = u == null ? void 0 : u.config) == null ? void 0 : m.className] : []
+      payoutAdjustmentTypeLabelRenderer: n(re),
+      payoutFundsCapturedTypeLabelRenderer: n(te)
     };
-  }) : []].filter(Boolean), [T]);
-  return /* @__PURE__ */ e(ue, { children: i ? /* @__PURE__ */ e("div", { className: $, children: [
+  }, [a]), A = Object.entries(y || {}).filter(([, n]) => n.type !== "button" && n.visibility !== "hidden").map(([n, r]) => ({
+    key: n,
+    value: O(r) ? r.value : r,
+    type: O(r) ? r.type : "text",
+    config: O(r) ? r.config : void 0
+  })) || [], g = h(() => [...y ? Object.values(y).filter((t) => t.type === "button").map((t) => ({
+    title: t.value,
+    variant: Q.SECONDARY,
+    event: t.config?.action,
+    classNames: t?.config?.className ? [t?.config?.className] : []
+  })) : []].filter(Boolean), [y]);
+  return /* @__PURE__ */ e(ne, { children: s ? /* @__PURE__ */ e("div", { className: R, children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: A(z, {
-          [G]: y.length
+        className: m(M, {
+          [x]: A.length
         }),
         children: [
-          /* @__PURE__ */ e("div", { className: H, children: [
-            /* @__PURE__ */ e(c, { variant: o.SUBTITLE, stronger: !0, children: s.get("payouts.details.tags.netPayout") }),
-            i.isSumOfSameDayPayouts && /* @__PURE__ */ e(w, { variant: ee.BLUE, label: s.get("payouts.details.tags.sameDaySum") })
+          /* @__PURE__ */ e("div", { className: w, children: [
+            /* @__PURE__ */ e(o, { variant: i.SUBTITLE, stronger: !0, children: a.get("payouts.details.tags.netPayout") }),
+            s.isSumOfSameDayPayouts && /* @__PURE__ */ e(V, { variant: W.BLUE, label: a.get("payouts.details.tags.sameDaySum") })
           ] }),
-          /* @__PURE__ */ e(c, { variant: o.TITLE, large: !0, children: `${s.amount(i.payoutAmount.value, i.payoutAmount.currency, {
+          /* @__PURE__ */ e(o, { variant: i.TITLE, large: !0, children: `${a.amount(s.payoutAmount.value, s.payoutAmount.currency, {
             hideCurrency: !0
-          })} ${i.payoutAmount.currency}` }),
-          (i == null ? void 0 : i.createdAt) && /* @__PURE__ */ e("time", { dateTime: i.createdAt, children: /* @__PURE__ */ e(c, { el: b.SPAN, variant: o.BODY, children: U(i.createdAt, ce) }) }),
+          })} ${s.payoutAmount.currency}` }),
+          s?.createdAt && /* @__PURE__ */ e("time", { dateTime: s.createdAt, children: /* @__PURE__ */ e(o, { el: L.SPAN, variant: i.BODY, children: E(s.createdAt, ae) }) }),
           /* @__PURE__ */ e("div", { className: p, children: [
-            B && /* @__PURE__ */ e(c, { variant: o.CAPTION, stronger: !0, wide: !0, children: `${B}` }),
-            /* @__PURE__ */ e(c, { variant: o.CAPTION, className: j, children: `${k}` })
+            f && /* @__PURE__ */ e(o, { variant: i.CAPTION, stronger: !0, wide: !0, children: `${f}` }),
+            /* @__PURE__ */ e(o, { variant: i.CAPTION, className: U, children: `${B}` })
           ] })
         ]
       }
     ),
-    y && y.length > 0 ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-      _,
+    A && A.length > 0 ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      T,
       {
-        classNames: J,
-        items: y,
+        classNames: F,
+        items: A,
         align: "start",
         layout: "4-8",
-        renderLabel: (a) => /* @__PURE__ */ e("div", { className: W, children: a }),
-        renderValue: (a, l, u, r) => {
-          if (u === "link" && r)
-            return /* @__PURE__ */ e(re, { classNames: [A(r == null ? void 0 : r.className)], href: r.href, target: r.target || "_blank", children: a });
-          if (u === "icon" && r) {
-            const t = { url: r.src, alt: r.alt || a };
-            return /* @__PURE__ */ e("div", { className: A(V, r == null ? void 0 : r.className), children: [
-              /* @__PURE__ */ e(te, { ...t }),
-              /* @__PURE__ */ e(c, { variant: o.BODY, children: a })
+        renderLabel: (n) => /* @__PURE__ */ e("div", { className: $, children: n }),
+        renderValue: (n, r, t, d) => {
+          if (t === "link" && d)
+            return /* @__PURE__ */ e(q, { classNames: [m(d?.className)], href: d.href, target: d.target || "_blank", children: n });
+          if (t === "icon" && d) {
+            const l = { url: d.src, alt: d.alt || n };
+            return /* @__PURE__ */ e("div", { className: m(X, d?.className), children: [
+              /* @__PURE__ */ e(K, { ...l }),
+              /* @__PURE__ */ e(o, { variant: i.BODY, children: n })
             ] });
           }
-          return /* @__PURE__ */ e(c, { className: A(r == null ? void 0 : r.className), variant: o.BODY, children: a });
+          return /* @__PURE__ */ e(o, { className: m(d?.className), variant: i.BODY, children: n });
         }
       }
     ) }) : null,
-    /* @__PURE__ */ e("div", { className: q, children: [
-      /* @__PURE__ */ e("div", { className: p, children: (i == null ? void 0 : i.fundsCapturedAmount) && (C && Object.keys(C).length > 0 ? /* @__PURE__ */ e(
-        I,
+    /* @__PURE__ */ e("div", { className: H, children: [
+      /* @__PURE__ */ e("div", { className: p, children: s?.fundsCapturedAmount && (v && Object.keys(v).length > 0 ? /* @__PURE__ */ e(
+        D,
         {
-          header: /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.fundsCaptured") }),
-          headerInformation: /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(i.fundsCapturedAmount.value, i.fundsCapturedAmount.currency) }),
-          children: /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: L, children: /* @__PURE__ */ e(S, { noPadding: !0, children: /* @__PURE__ */ e(_, { items: C, renderLabel: M }) }) }) })
+          header: /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.fundsCaptured") }),
+          headerInformation: /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(s.fundsCapturedAmount.value, s.fundsCapturedAmount.currency) }),
+          children: /* @__PURE__ */ e("div", { className: p, children: /* @__PURE__ */ e("div", { className: _, children: /* @__PURE__ */ e(N, { noPadding: !0, children: /* @__PURE__ */ e(T, { items: v, renderLabel: k }) }) }) })
         }
-      ) : /* @__PURE__ */ e("div", { className: A(P, Y), children: [
-        /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.fundsCaptured") }),
-        /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(i.fundsCapturedAmount.value, i.fundsCapturedAmount.currency) })
+      ) : /* @__PURE__ */ e("div", { className: m(C, b), children: [
+        /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.fundsCaptured") }),
+        /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(s.fundsCapturedAmount.value, s.fundsCapturedAmount.currency) })
       ] })) }),
-      /* @__PURE__ */ e("div", { className: p, children: n != null && n.subtractions && Object.keys(n == null ? void 0 : n.subtractions).length > 0 || n != null && n.additions && Object.keys(n == null ? void 0 : n.additions).length > 0 ? /* @__PURE__ */ e(
-        I,
+      /* @__PURE__ */ e("div", { className: p, children: u?.subtractions && Object.keys(u?.subtractions).length > 0 || u?.additions && Object.keys(u?.additions).length > 0 ? /* @__PURE__ */ e(
+        D,
         {
-          header: /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.adjustments") }),
-          headerInformation: /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(i.adjustmentAmount.value, i.adjustmentAmount.currency) }),
+          header: /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.adjustments") }),
+          headerInformation: /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(s.adjustmentAmount.value, s.adjustmentAmount.currency) }),
           children: [
-            (n == null ? void 0 : n.additions) && Object.keys(n == null ? void 0 : n.additions).length > 0 && /* @__PURE__ */ e("div", { className: L, children: /* @__PURE__ */ e(
-              S,
+            u?.additions && Object.keys(u?.additions).length > 0 && /* @__PURE__ */ e("div", { className: _, children: /* @__PURE__ */ e(
+              N,
               {
                 noPadding: !0,
-                renderHeader: /* @__PURE__ */ e(c, { className: R, variant: o.CAPTION, stronger: !0, children: s.get("payouts.details.breakdown.fields.additions") }),
-                children: /* @__PURE__ */ e(_, { items: n == null ? void 0 : n.additions, renderLabel: D })
+                renderHeader: /* @__PURE__ */ e(o, { className: P, variant: i.CAPTION, stronger: !0, children: a.get("payouts.details.breakdown.fields.additions") }),
+                children: /* @__PURE__ */ e(T, { items: u?.additions, renderLabel: S })
               }
             ) }),
-            (n == null ? void 0 : n.subtractions) && Object.keys(n == null ? void 0 : n.subtractions).length > 0 && /* @__PURE__ */ e("div", { className: L, children: /* @__PURE__ */ e(
-              S,
+            u?.subtractions && Object.keys(u?.subtractions).length > 0 && /* @__PURE__ */ e("div", { className: _, children: /* @__PURE__ */ e(
+              N,
               {
                 noPadding: !0,
-                renderHeader: /* @__PURE__ */ e(c, { className: R, variant: o.CAPTION, stronger: !0, children: s.get("payouts.details.breakdown.fields.subtractions") }),
-                children: /* @__PURE__ */ e(_, { items: n == null ? void 0 : n.subtractions, renderLabel: D })
+                renderHeader: /* @__PURE__ */ e(o, { className: P, variant: i.CAPTION, stronger: !0, children: a.get("payouts.details.breakdown.fields.subtractions") }),
+                children: /* @__PURE__ */ e(T, { items: u?.subtractions, renderLabel: S })
               }
             ) })
           ]
         }
-      ) : /* @__PURE__ */ e("div", { className: A(P, Y), children: [
-        /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.adjustments") }),
-        /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(i.adjustmentAmount.value, i.adjustmentAmount.currency) })
+      ) : /* @__PURE__ */ e("div", { className: m(C, b), children: [
+        /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.adjustments") }),
+        /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(s.adjustmentAmount.value, s.adjustmentAmount.currency) })
       ] }) }),
-      /* @__PURE__ */ e("div", { className: A(p), children: /* @__PURE__ */ e("div", { className: A(P, K), children: [
-        /* @__PURE__ */ e(c, { variant: o.BODY, stronger: !0, children: s.get("payouts.details.breakdown.fields.netPayout") }),
-        /* @__PURE__ */ e(c, { variant: o.BODY, stronger: !0, children: s.amount(i.payoutAmount.value, i.payoutAmount.currency) })
+      /* @__PURE__ */ e("div", { className: m(p), children: /* @__PURE__ */ e("div", { className: m(C, z), children: [
+        /* @__PURE__ */ e(o, { variant: i.BODY, stronger: !0, children: a.get("payouts.details.breakdown.fields.netPayout") }),
+        /* @__PURE__ */ e(o, { variant: i.BODY, stronger: !0, children: a.amount(s.payoutAmount.value, s.payoutAmount.currency) })
       ] }) })
     ] }),
-    ((f = d == null ? void 0 : d.payout) == null ? void 0 : f.unpaidAmount) && /* @__PURE__ */ e("div", { className: Q, children: [
-      /* @__PURE__ */ e(c, { variant: o.BODY, children: s.get("payouts.details.breakdown.fields.remainingAmount") }),
-      /* @__PURE__ */ e(c, { variant: o.BODY, children: s.amount(d.payout.unpaidAmount.value, d.payout.unpaidAmount.currency) })
+    c?.payout?.unpaidAmount && /* @__PURE__ */ e("div", { className: G, children: [
+      /* @__PURE__ */ e(o, { variant: i.BODY, children: a.get("payouts.details.breakdown.fields.remainingAmount") }),
+      /* @__PURE__ */ e(o, { variant: i.BODY, children: a.amount(c.payout.unpaidAmount.value, c.payout.unpaidAmount.currency) })
     ] }),
-    E.length ? /* @__PURE__ */ e("div", { className: Z, children: /* @__PURE__ */ e(ie, { actions: E, layout: ae.BUTTONS_END }) }) : null
-  ] }) : /* @__PURE__ */ e(F, { skeletonRowNumber: 6 }) });
+    g.length ? /* @__PURE__ */ e("div", { className: J, children: /* @__PURE__ */ e(ee, { actions: g, layout: Z.BUTTONS_END }) }) : null
+  ] }) : /* @__PURE__ */ e(j, { skeletonRowNumber: 6 }) });
 };
 export {
-  Ue as PayoutData
+  ke as PayoutData
 };

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

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

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

@@ -1,138 +1,134 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { BASE_CLASS as z, EARLIEST_PAYOUT_SINCE_DATE as ee, BASE_CLASS_DETAILS as re } from "./constants.js";
-import { PayoutsTable as se, PAYOUT_TABLE_FIELDS as te } from "../PayoutsTable/PayoutsTable.js";
-import { LIMIT_OPTIONS as le, DEFAULT_PAGE_LIMIT as oe } from "../../../../internal/Pagination/constants.js";
-import ie from "../../../../../hooks/useBalanceAccountSelection.js";
-import pe from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import me from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import fe from "../../../../../hooks/useDefaultOverviewFilterParams.js";
-import { FilterParam as i } from "../../../../types.js";
-import { useCallback as D, useMemo as o, useEffect as de } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { DataDetailsModal as ne } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { BASE_CLASS as W, EARLIEST_PAYOUT_SINCE_DATE as X, BASE_CLASS_DETAILS as Z } from "./constants.js";
+import { PayoutsTable as $, PAYOUT_TABLE_FIELDS as z } from "../PayoutsTable/PayoutsTable.js";
+import { LIMIT_OPTIONS as ee, DEFAULT_PAGE_LIMIT as te } from "../../../../internal/Pagination/constants.js";
+import re from "../../../../../hooks/useBalanceAccountSelection.js";
+import oe from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import ie from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import ae from "../../../../../hooks/useDefaultOverviewFilterParams.js";
+import { FilterParam as s } from "../../../../types.js";
+import { useCallback as u, useMemo as a, useEffect as se } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { DataDetailsModal as le } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
 /* empty css                     */
-import { useCustomColumnsData as De } from "../../../../../hooks/useCustomColumnsData.js";
-import { hasCustomField as Ee } from "../../../../utils/customData/hasCustomField.js";
-import { mergeRecords as ye } from "../../../../utils/customData/mergeRecords.js";
-import { useFilterBarState as Se, FilterBarMobileSwitch as Te, FilterBar as ce } from "../../../../internal/FilterBar/FilterBar.js";
-import Fe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import ue 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 { Header as Pe } from "../../../../internal/Header/Header.js";
-const Qe = ({
-  onFiltersChanged: p,
-  balanceAccounts: E,
-  allowLimitSelection: y = !0,
-  preferredLimit: R = oe,
-  onRecordSelection: S,
-  showDetails: m,
-  isLoadingBalanceAccount: g,
-  onContactSupport: T,
-  hideTitle: h,
-  dataCustomization: r
+import { useCustomColumnsData as ce } from "../../../../../hooks/useCustomColumnsData.js";
+import { hasCustomField as ne } from "../../../../utils/customData/hasCustomField.js";
+import { mergeRecords as me } from "../../../../utils/customData/mergeRecords.js";
+import { useFilterBarState as de, FilterBarMobileSwitch as ue, FilterBar as pe } from "../../../../internal/FilterBar/FilterBar.js";
+import fe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import Ae from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import { useConfigContext as De } from "../../../../../core/ConfigContext/context.js";
+import { isFunction as Ee } from "../../../../../utils/value/is.js";
+import { Header as ye } from "../../../../internal/Header/Header.js";
+const qe = ({
+  onFiltersChanged: l,
+  balanceAccounts: p,
+  allowLimitSelection: f = !0,
+  preferredLimit: v = te,
+  onRecordSelection: A,
+  showDetails: c,
+  isLoadingBalanceAccount: I,
+  onContactSupport: D,
+  hideTitle: L,
+  dataCustomization: o
 }) => {
-  var P, _, b, A;
-  const { getPayouts: f } = Ie().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: N, onBalanceAccountSelection: w } = ie({ balanceAccounts: E }), { defaultParams: l, nowTimestamp: U, refreshNowTimestamp: d } = fe("payouts", e), M = D(
-    async (s, n) => f({ signal: n, errorLevel: "error" }, {
+  const { getPayouts: n } = De().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: P, onBalanceAccountSelection: _ } = re({ balanceAccounts: p }), { defaultParams: i, nowTimestamp: b, refreshNowTimestamp: m } = ae("payouts", e), O = u(
+    async (t, d) => n({ signal: d, errorLevel: "error" }, {
       query: {
-        ...s,
-        createdSince: s[i.CREATED_SINCE] ?? l.current.defaultFilterParams[i.CREATED_SINCE],
-        createdUntil: s[i.CREATED_UNTIL] ?? l.current.defaultFilterParams[i.CREATED_UNTIL],
-        balanceAccountId: (e == null ? void 0 : e.id) ?? ""
+        ...t,
+        createdSince: t[s.CREATED_SINCE] ?? i.current.defaultFilterParams[s.CREATED_SINCE],
+        createdUntil: t[s.CREATED_UNTIL] ?? i.current.defaultFilterParams[s.CREATED_UNTIL],
+        balanceAccountId: e?.id ?? ""
       }
     }),
-    [e == null ? void 0 : e.id, l, f]
-  ), c = Se(), k = o(() => Le(p) ? p : void 0, [p]), K = o(() => y ? le : void 0, [y]), { canResetFilters: x, error: q, fetching: Y, filters: F, limit: j, limitOptions: v, records: u, resetFilters: _e, updateFilters: G, updateLimit: H, ...a } = Fe({
-    fetchRecords: M,
+    [e?.id, i, n]
+  ), E = de(), R = a(() => Ee(l) ? l : void 0, [l]), B = a(() => f ? ee : void 0, [f]), { canResetFilters: g, error: h, fetching: N, filters: y, limit: w, limitOptions: U, records: S, resetFilters: Se, updateFilters: M, updateLimit: k, ...K } = fe({
+    fetchRecords: O,
     dataField: "data",
-    filterParams: l.current.defaultFilterParams,
+    filterParams: i.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
-    onFiltersChanged: k,
-    preferredLimit: R,
-    preferredLimitOptions: K,
-    enabled: !!(e != null && e.id) && !!f
+    onFiltersChanged: R,
+    preferredLimit: v,
+    preferredLimitOptions: B,
+    enabled: !!e?.id && !!n
   });
-  de(() => {
-    d();
-  }, [F, d]);
-  const I = o(
+  se(() => {
+    m();
+  }, [y, m]);
+  const T = a(
     () => ({
-      showDetails: m ?? !0,
-      callback: S
+      showDetails: c ?? !0,
+      callback: A
     }),
-    [m, S]
-  ), J = D(
-    ({ records: s, retrievedData: n }) => ye(s, n, (O, C) => O.createdAt === C.createdAt),
+    [c, A]
+  ), x = u(
+    ({ records: t, retrievedData: d }) => me(t, d, (F, V) => F.createdAt === V.createdAt),
     []
-  ), Q = o(() => {
-    var s;
-    return Ee((s = r == null ? void 0 : r.list) == null ? void 0 : s.fields, te);
-  }, [(P = r == null ? void 0 : r.list) == null ? void 0 : P.fields]), { customRecords: V, loadingCustomRecords: W } = De({
-    records: u,
-    hasCustomColumn: Q,
-    onDataRetrieve: (_ = r == null ? void 0 : r.list) == null ? void 0 : _.onDataRetrieve,
-    mergeCustomData: J
-  }), X = o(() => ({ payout: I }), [I]), { updateDetails: L, resetDetails: Z, selectedDetail: $ } = me(X), B = D(
-    (s) => {
-      L({
+  ), q = a(() => ne(o?.list?.fields, z), [o?.list?.fields]), { customRecords: Y, loadingCustomRecords: j } = ce({
+    records: S,
+    hasCustomColumn: q,
+    onDataRetrieve: o?.list?.onDataRetrieve,
+    mergeCustomData: x
+  }), G = a(() => ({ payout: T }), [T]), { updateDetails: C, resetDetails: H, selectedDetail: J } = ie(G), Q = u(
+    (t) => {
+      C({
         selection: {
           type: "payout",
-          data: { id: e == null ? void 0 : e.id, balanceAccountDescription: (e == null ? void 0 : e.description) || "", date: s.createdAt }
+          data: { id: e?.id, balanceAccountDescription: e?.description || "", date: t.createdAt }
         },
         modalSize: "small"
-      }).callback({ balanceAccountId: (e == null ? void 0 : e.id) || "", date: s.createdAt });
+      }).callback({ balanceAccountId: e?.id || "", date: t.createdAt });
     },
-    [L, e == null ? void 0 : e.id, e == null ? void 0 : e.description]
+    [C, e?.id, e?.description]
   );
-  return /* @__PURE__ */ t("div", { className: z, children: [
-    /* @__PURE__ */ t(Pe, { hideTitle: h, titleKey: "payouts.overview.title", subtitleKey: "payouts.overview.generateInfo", children: /* @__PURE__ */ t(Te, { ...c }) }),
-    /* @__PURE__ */ t(ce, { ...c, ariaLabelKey: "payouts.overview.filters.label", children: [
-      /* @__PURE__ */ t(
-        ue,
+  return /* @__PURE__ */ r("div", { className: W, children: [
+    /* @__PURE__ */ r(ye, { hideTitle: L, titleKey: "payouts.overview.title", subtitleKey: "payouts.overview.generateInfo", children: /* @__PURE__ */ r(ue, { ...E }) }),
+    /* @__PURE__ */ r(pe, { ...E, ariaLabelKey: "payouts.overview.filters.label", children: [
+      /* @__PURE__ */ r(
+        Ae,
         {
           activeBalanceAccount: e,
-          balanceAccountSelectionOptions: N,
-          onBalanceAccountSelection: w
+          balanceAccountSelectionOptions: P,
+          onBalanceAccountSelection: _
         }
       ),
-      /* @__PURE__ */ t(
-        pe,
+      /* @__PURE__ */ r(
+        oe,
         {
-          canResetFilters: x,
-          defaultParams: l,
-          filters: F,
-          nowTimestamp: U,
-          refreshNowTimestamp: d,
-          sinceDate: ee,
+          canResetFilters: g,
+          defaultParams: i,
+          filters: y,
+          nowTimestamp: b,
+          refreshNowTimestamp: m,
+          sinceDate: X,
           timezone: "UTC",
-          updateFilters: G
+          updateFilters: M
         }
       )
     ] }),
-    /* @__PURE__ */ t(
-      ne,
+    /* @__PURE__ */ r(
+      le,
       {
         ariaLabelKey: "payouts.details.title",
-        className: re,
-        onContactSupport: T,
-        selectedDetail: $,
-        resetDetails: Z,
-        dataCustomization: r == null ? void 0 : r.details,
-        children: /* @__PURE__ */ t(
-          se,
+        className: Z,
+        onContactSupport: D,
+        selectedDetail: J,
+        resetDetails: H,
+        dataCustomization: o?.details,
+        children: /* @__PURE__ */ r(
+          $,
           {
-            loading: Y || g || !E || W,
-            data: (b = r == null ? void 0 : r.list) != null && b.onDataRetrieve ? V : u,
+            loading: N || I || !p || j,
+            data: o?.list?.onDataRetrieve ? Y : S,
             showPagination: !0,
-            onRowClick: B,
-            showDetails: m,
-            limit: j,
-            limitOptions: v,
-            onContactSupport: T,
-            onLimitSelection: H,
-            error: q,
-            customColumns: (A = r == null ? void 0 : r.list) == null ? void 0 : A.fields,
-            ...a
+            onRowClick: Q,
+            showDetails: c,
+            limit: w,
+            limitOptions: U,
+            onContactSupport: D,
+            onLimitSelection: k,
+            error: h,
+            customColumns: o?.list?.fields,
+            ...K
           }
         )
       }
@@ -140,5 +136,5 @@ const Qe = ({
   ] });
 };
 export {
-  Qe as PayoutsOverview
+  qe as PayoutsOverview
 };