@adyen/adyen-platform-experience-web 1.1.0 → 1.2.0

package/dist/es/components/external/CapitalOverview/components/PreQualified/PreQualified.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import S from "../PreQualifiedIntro.js";
+import { useState as g, useCallback as t, useMemo as T } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { CapitalOffer as x } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
+import { Fragment as O } from "../../../../../external/preact/dist/preact.module.js";
+const j = ({
+  hideTitle: m,
+  dynamicOffer: n,
+  skipPreQualifiedIntro: o,
+  onOfferOptionsRequest: r,
+  onFundsRequest: p,
+  onOfferDismiss: a
+}) => {
+  const [l, c] = g(!!o), f = t(() => c(!0), []), u = t(() => {
+    r ? r() : f();
+  }, [f, r]), s = t(() => c(!1), []), C = t(() => {
+    a ? a() : s();
+  }, [s, a]), i = T(() => o || l ? "CapitalOffer" : "Intro", [l, o]);
+  return /* @__PURE__ */ e(O, { children: i === "Intro" ? /* @__PURE__ */ e(S, { hideTitle: m, dynamicOffer: n, onSeeOptions: u }) : i === "CapitalOffer" ? /* @__PURE__ */ e(x, { onFundsRequest: p, onOfferDismiss: C, externalDynamicOffersConfig: n }) : null });
+};
+export {
+  j as PreQualified
+};

package/dist/es/components/external/CapitalOverview/components/PreQualifiedIntro.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { CAPITAL_OVERVIEW_CLASS_NAMES as t } from "../constants.js";
+import n from "../../../internal/Button/Button.js";
+import m from "../../../../core/Context/useCoreContext.js";
+import p from "../../../internal/Typography/Typography.js";
+import { TypographyVariant as l } from "../../../internal/Typography/types.js";
+import u from "../../../internal/InfoBox/InfoBox.js";
+import { Fragment as s } from "../../../../external/preact/dist/preact.module.js";
+import { CapitalHeader as c } from "../../../internal/CapitalHeader/CapitalHeader.js";
+const d = ({
+  dynamicOffer: i,
+  onSeeOptions: o,
+  hideTitle: a
+}) => {
+  const { i18n: e } = m();
+  return /* @__PURE__ */ r(s, { children: [
+    /* @__PURE__ */ r(c, { hideTitle: a, titleKey: "capital.needSomeExtraMoney" }),
+    /* @__PURE__ */ r("div", { className: t.preQualifiedGrant, children: [
+      /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(p, { variant: l.BODY, children: [
+        e.get("capital.youHaveBeenPrequalifiedForBusinessFinancingUpToX.part1"),
+        /* @__PURE__ */ r("strong", { children: e.get("capital.youHaveBeenPrequalifiedForBusinessFinancingUpToX.part2", {
+          values: {
+            amount: e.amount(i.maxAmount.value, i.maxAmount.currency, { minimumFractionDigits: 0 })
+          }
+        }) })
+      ] }) }),
+      /* @__PURE__ */ r(n, { className: t.preQualifiedGrantButton, onClick: o, children: e.get("capital.seeOptions") })
+    ] })
+  ] });
+}, F = d;
+export {
+  F as default
+};

package/dist/es/components/external/CapitalOverview/components/Unqualified.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import r from "../../../../core/Context/useCoreContext.js";
+import t from "../../../../images/generic-use-first-touch.svg.js";
+import o from "../../../internal/Typography/Typography.js";
+import { TypographyElement as l, TypographyVariant as n } from "../../../internal/Typography/types.js";
+import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
+import { CapitalHeader as p } from "../../../internal/CapitalHeader/CapitalHeader.js";
+const d = ({ hideTitle: a }) => {
+  const { i18n: i } = r();
+  return /* @__PURE__ */ e(m, { children: [
+    /* @__PURE__ */ e(p, { hideTitle: a, titleKey: "capital.needSomeExtraMoney" }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-capital-overview__unqualified-state", children: [
+      /* @__PURE__ */ e("div", { className: "adyen-pe-capital-overview__unqualified-state-img", children: /* @__PURE__ */ e("img", { srcSet: t, alt: "" }) }),
+      /* @__PURE__ */ e(o, { el: l.PARAGRAPH, variant: n.BODY, large: !0, children: i.get("capital.youWillSoonQualifyForAFinancialOffer") })
+    ] })
+  ] });
+}, v = d;
+export {
+  v as default
+};

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

@@ -0,0 +1,13 @@
+const e = {
+  base: "adyen-pe-capital-overview",
+  title: "adyen-pe-capital-overview__title",
+  skeleton: "adyen-pe-capital-overview__skeleton",
+  headerSkeleton: "adyen-pe-capital-overview__header-skeleton",
+  skeletonContainer: "adyen-pe-capital-overview__header-skeleton-container",
+  preQualifiedGrant: "adyen-pe-capital-overview__pre-qualified-grant",
+  preQualifiedGrantButton: "adyen-pe-capital-overview__pre-qualified-grant-review-button",
+  errorContainer: "adyen-pe-capital-overview__error-container"
+};
+export {
+  e as CAPITAL_OVERVIEW_CLASS_NAMES
+};

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

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

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

@@ -1,205 +1,114 @@
+import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import O 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 H from "../../../../core/Context/useCoreContext.js";
+import F from "../../../internal/Accordion/Accordion.js";
 import _ from "../../../internal/Card/Card.js";
-import { DATE_FORMAT_PAYOUT_DETAILS as z } from "../../../internal/DataOverviewDisplay/constants.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 z from "../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
+import G 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 { PD_BASE_CLASS as J, PD_TITLE_CLASS as K, PD_SECTION_CLASS as l, PD_TITLE_BA_CLASS as k, PD_CONTENT_CLASS as q, PD_CARD_CLASS as S, PD_SECTION_AMOUNT_CLASS as f, PD_SECTION_GROSS_AMOUNT_CLASS as R, PD_CARD_TITLE_CLASS as $, PD_SECTION_NET_AMOUNT_CLASS as Q, PD_UNPAID_AMOUNT as W } from "./constants.js";
+import { DATE_FORMAT_PAYOUT_DETAILS as X } from "../../../../constants/dateFormats.js";
 import y from "../../../internal/StructuredList/StructuredList.js";
-import { Fragment as j } from "../../../../external/preact/dist/preact.module.js";
+import { Fragment as Z } from "../../../../external/preact/dist/preact.module.js";
 import { EMPTY_OBJECT as b } from "../../../../utils/value/constants.js";
-const gi = ({
-  balanceAccountId: F,
+const Ci = ({
+  balanceAccountId: u,
   balanceAccountDescription: p,
   payout: s,
-  isFetching: H
+  isFetching: j
 }) => {
-  var P;
-  const {
-    payout: t
-  } = s ?? b, {
-    i18n: r
-  } = u(), {
-    dateFormat: B
-  } = J("UTC"), o = N(() => {
+  var B;
+  const { payout: t } = s ?? b, { dateFormat: P } = G("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, I, E, D, Y, 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, (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 && ((M = i == null ? void 0 : i.amount) == null ? void 0 : M.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(() => {
     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), X) : "",
+    [t, P]
+  );
+  return /* @__PURE__ */ n(Z, { children: t ? /* @__PURE__ */ n("div", { className: J, children: [
+    /* @__PURE__ */ n("div", { className: K, children: [
+      /* @__PURE__ */ n(m, { variant: e.SUBTITLE, stronger: !0, children: r.get("netPayout") }),
+      /* @__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: k, children: `${u}` })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: q, children: [
+      /* @__PURE__ */ n("div", { className: l, children: (t == null ? void 0 : t.fundsCapturedAmount) && (T && Object.keys(T).length > 0 ? /* @__PURE__ */ n(
+        F,
+        {
+          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: S, children: /* @__PURE__ */ n(_, { noPadding: !0, children: /* @__PURE__ */ n(y, { items: T }) }) }) })
+        }
+      ) : /* @__PURE__ */ n("div", { className: O(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(
+        F,
+        {
+          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: S, children: /* @__PURE__ */ n(
+              _,
+              {
+                noPadding: !0,
+                renderHeader: /* @__PURE__ */ n(m, { className: $, 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: S, children: /* @__PURE__ */ n(
+              _,
+              {
+                noPadding: !0,
+                renderHeader: /* @__PURE__ */ n(m, { className: $, variant: e.CAPTION, stronger: !0, children: r.get("subtractions") }),
+                children: /* @__PURE__ */ n(y, { items: o == null ? void 0 : o.subtractions })
+              }
+            ) })
+          ]
+        }
+      ) : /* @__PURE__ */ n("div", { className: O(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: O(l), children: /* @__PURE__ */ n("div", { className: O(f, Q), 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: W, 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(z, { skeletonRowNumber: 6 }) });
 };
 export {
-  gi as PayoutData
+  Ci as PayoutData
 };

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

@@ -1,17 +1,20 @@
 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 {
+import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import i from "./components/PayoutsOverviewContainer/PayoutsOverviewContainer.js";
+import a from "../UIElement/UIElement.js";
+class s extends a {
   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(
+      i,
+      {
+        ...this.props,
+        balanceAccountId: this.props.balanceAccountId,
+        ref: (t) => void (this.componentRef = t)
+      }
+    ));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }