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

package/dist/es/components/external/CapitalOverview/components/GrantItem/utils.js

@@ -1,5 +1,5 @@
-import { TagVariant as s } from "../../../../internal/Tag/types.js";
-const r = (e) => e === "Active", o = (e) => e === "Repaid", u = (e) => e === "Active" ? "capital.remaining" : "capital.requestedFunds", c = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, d = ({ status: e, missingActions: t }) => {
+import { TagVariant as n } from "../../../../internal/Tag/types.js";
+const u = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Active" ? "capital.remaining" : "capital.requestedFunds", o = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, d = ({ status: e, missingActions: t }) => {
   switch (e) {
     case "Active":
       return;
@@ -17,26 +17,26 @@ const r = (e) => e === "Active", o = (e) => e === "Repaid", u = (e) => e === "Ac
 }, l = ({ status: e, missingActions: t }) => {
   switch (e) {
     case "Failed":
-      return s.ERROR;
+      return n.ERROR;
     case "Pending":
-      return t != null && t.length ? s.WARNING : s.DEFAULT;
+      return t != null && t.length ? n.WARNING : n.DEFAULT;
     case "Repaid":
-      return s.LIGHT;
+      return n.LIGHT;
     case "Revoked":
     case "WrittenOff":
-      return s.WARNING;
+      return n.WARNING;
     default:
-      return s.DEFAULT;
+      return n.DEFAULT;
   }
 }, p = (e) => {
   const t = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
   return a.setDate(t.getDate() + e), a;
 }, T = (e) => {
-  var a, n;
+  var a, s;
   const t = ((a = e.missingActions) == null ? void 0 : a.some((i) => i.type === "signToS")) || !1;
   switch (e.status) {
     case "Pending":
-      return (n = e.missingActions) != null && n.length ? t ? "capital.signTheTermsToReceiveYourFunds" : void 0 : "capital.youShouldGetTheFundsWithinOneBusinessDay";
+      return (s = e.missingActions) != null && s.length ? t ? "capital.signTheTermsToReceiveYourFunds" : void 0 : "capital.youShouldGetTheFundsWithinOneBusinessDay";
     case "Failed":
       return "capital.weCouldNotProcessThisRequestTryAgain";
     case "WrittenOff":
@@ -46,15 +46,15 @@ const r = (e) => e === "Active", o = (e) => e === "Repaid", u = (e) => e === "Ac
     default:
       return;
   }
-}, g = (e) => {
+}, f = (e) => {
   const t = e.status === "Active", a = e.status === "Pending";
   return {
-    amount: c(e),
-    amountLabelKey: u(e.status),
+    amount: o(e),
+    amountLabelKey: c(e.status),
     hasAlerts: a,
-    hasDetails: r(e.status),
+    hasDetails: u(e.status),
     isAmountColorSecondary: !t,
-    isBackgroundFilled: o(e.status),
+    isBackgroundFilled: r(e.status),
     isGrantIdVisible: !t,
     isLabelColorSecondary: t,
     isProgressBarVisible: t,
@@ -65,6 +65,6 @@ const r = (e) => e === "Active", o = (e) => e === "Repaid", u = (e) => e === "Ac
   };
 };
 export {
-  g as getGrantConfig,
+  f as getGrantConfig,
   T as getStatusTooltipKey
 };

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

@@ -1,8 +1,8 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "./GrantList.scss.js";
+/* empty css               */
 import { useState as g, useCallback as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { CapitalOffer as S } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
-import { GrantsDisplay as k } from "./GrantsDisplay.js";
+import { CapitalOffer as k } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
+import { GrantsDisplay as S } from "./GrantsDisplay.js";
 import { Fragment as O } from "../../../../../external/preact/dist/preact.module.js";
 const L = ({
   externalDynamicOffersConfig: n,
@@ -20,13 +20,13 @@ const L = ({
     [s]
   );
   return /* @__PURE__ */ r(O, { children: f ? /* @__PURE__ */ r(
-    S,
+    k,
     {
       externalDynamicOffersConfig: n,
       onFundsRequest: m,
       onOfferDismiss: l
     }
-  ) : /* @__PURE__ */ r(k, { grantList: i, newOfferAvailable: c, onNewOfferRequest: p }) });
+  ) : /* @__PURE__ */ r(S, { grantList: i, newOfferAvailable: c, onNewOfferRequest: p }) });
 };
 export {
   L as GrantList

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

@@ -1,23 +1,30 @@
-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
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import u from "../PreQualifiedIntro.js";
+import { useState as d, useCallback as n, useMemo as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { CapitalOffer as C } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
+import { Fragment as g } from "../../../../../external/preact/dist/preact.module.js";
+const q = ({
+  hideTitle: f,
+  dynamicOffer: o,
+  skipPreQualifiedIntro: e,
+  onOfferOptionsRequest: a,
+  onFundsRequest: s,
+  onOfferDismiss: t
 }) => {
-  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 });
+  const [m, i] = d(e ? "capitalOffer" : "intro"), c = n(() => {
+    a ? a() : i("capitalOffer");
+  }, [a]), l = h(() => !e || !!t, [t, e]), p = n(() => {
+    t ? t() : i("intro");
+  }, [t]);
+  return /* @__PURE__ */ r(g, { children: m === "intro" ? /* @__PURE__ */ r(u, { hideTitle: f, dynamicOfferConfig: o, onOfferOptionsRequest: c }) : /* @__PURE__ */ r(
+    C,
+    {
+      onFundsRequest: s,
+      onOfferDismiss: l ? p : void 0,
+      externalDynamicOffersConfig: o
+    }
+  ) });
 };
 export {
-  j as PreQualified
+  q as PreQualified
 };

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { CAPITAL_OVERVIEW_CLASS_NAMES as t } from "../constants.js";
+import { CAPITAL_OVERVIEW_CLASS_NAMES as a } from "../constants.js";
 import n from "../../../internal/Button/Button.js";
 import m from "../../../../core/Context/useCoreContext.js";
 import p from "../../../internal/Typography/Typography.js";
@@ -7,27 +7,29 @@ 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 F = ({
+  dynamicOfferConfig: t,
+  hideTitle: i,
+  onOfferOptionsRequest: o
 }) => {
   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(c, { hideTitle: i, titleKey: "capital.needSomeExtraMoney" }),
+    /* @__PURE__ */ r("div", { className: a.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 })
+            amount: e.amount(t.maxAmount.value, t.maxAmount.currency, {
+              minimumFractionDigits: 0
+            })
           }
         }) })
       ] }) }),
-      /* @__PURE__ */ r(n, { className: t.preQualifiedGrantButton, onClick: o, children: e.get("capital.seeOptions") })
+      /* @__PURE__ */ r(n, { className: a.preQualifiedGrantButton, onClick: o, children: e.get("capital.seeOptions") })
     ] })
   ] });
-}, F = d;
+};
 export {
   F as default
 };

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

@@ -5,7 +5,7 @@ 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 h = ({ hideTitle: a }) => {
   const { i18n: i } = r();
   return /* @__PURE__ */ e(m, { children: [
     /* @__PURE__ */ e(p, { hideTitle: a, titleKey: "capital.needSomeExtraMoney" }),
@@ -14,7 +14,7 @@ const d = ({ hideTitle: a }) => {
       /* @__PURE__ */ e(o, { el: l.PARAGRAPH, variant: n.BODY, large: !0, children: i.get("capital.youWillSoonQualifyForAFinancialOffer") })
     ] })
   ] });
-}, v = d;
+};
 export {
-  v as default
+  h as default
 };

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

@@ -1,19 +1,18 @@
 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 { 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", () => /* @__PURE__ */ i(m, { ...this.props, type: "payout", ref: (t) => void (this.componentRef = t) }));
+var n = (o, t, e) => t in o ? s(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var r = (o, t, e) => n(o, typeof t != "symbol" ? t + "" : t, e);
+import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UIElement as i } from "../UIElement/UIElement.js";
+import a from "../../internal/DataOverviewDetails/DataOverviewDetails.js";
+class m extends i {
+  constructor(e) {
+    super(e);
+    r(this, "componentToRender", () => /* @__PURE__ */ p(a, { ...this.props, type: "payout", ref: (e) => void (this.componentRef = e) }));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }
-n(r, "type", "payoutDetails");
-const l = r;
+r(m, "type", "payoutDetails");
 export {
-  r as PayoutElement,
-  l as default
+  m as PayoutElement,
+  m as default
 };

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

@@ -1,38 +1,40 @@
 import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import O from "classnames";
+import T from "classnames";
 import { useMemo as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import H from "../../../../core/Context/useCoreContext.js";
-import F from "../../../internal/Accordion/Accordion.js";
-import _ from "../../../internal/Card/Card.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 z from "../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import G from "../../../../hooks/useTimezoneAwareDateFormatting.js";
-import "./PayoutData.scss.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 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 Z } from "../../../../external/preact/dist/preact.module.js";
-import { EMPTY_OBJECT as b } from "../../../../utils/value/constants.js";
-const Ci = ({
-  balanceAccountId: u,
+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: j
+  isFetching: ii
 }) => {
   var B;
-  const { payout: t } = s ?? b, { dateFormat: P } = G("UTC"), { i18n: r } = H(), o = N(() => {
+  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, 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;
+        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, g, C;
@@ -43,72 +45,75 @@ const Ci = ({
     }, []);
     return c == null || c.sort((d, i) => d.key === "capture" ? -1 : i.key === "capture" ? 1 : d.key.localeCompare(i.key)), c;
   }, [s, r]), x = N(
-    () => t != null && t.createdAt ? P(new Date(t == null ? void 0 : t.createdAt), X) : "",
+    () => t != null && t.createdAt ? P(new Date(t == null ? void 0 : t.createdAt), j) : "",
     [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") }),
+  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: k, children: `${u}` })
+        /* @__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) && (T && Object.keys(T).length > 0 ? /* @__PURE__ */ n(
-        F,
+    /* @__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: S, children: /* @__PURE__ */ n(_, { noPadding: !0, children: /* @__PURE__ */ n(y, { items: T }) }) }) })
+          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: O(f, R), children: [
+      ) : /* @__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(
-        F,
+        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: S, children: /* @__PURE__ */ n(
-              _,
+            (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: $, variant: e.CAPTION, stronger: !0, children: r.get("additions") }),
+                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: S, children: /* @__PURE__ */ n(
-              _,
+            (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: $, variant: e.CAPTION, stronger: !0, children: r.get("subtractions") }),
+                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: O(f, R), children: [
+      ) : /* @__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: O(l), children: /* @__PURE__ */ n("div", { className: O(f, Q), children: [
+      /* @__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: W, children: [
+    ((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(z, { skeletonRowNumber: 6 }) });
+  ] }) : /* @__PURE__ */ n(k, { skeletonRowNumber: 6 }) });
 };
 export {
-  Ci 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,14 +1,14 @@
 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);
+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 i from "./components/PayoutsOverviewContainer/PayoutsOverviewContainer.js";
-import a from "../UIElement/UIElement.js";
-class s extends a {
+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", () => /* @__PURE__ */ p(
-      i,
+      c,
       {
         ...this.props,
         balanceAccountId: this.props.balanceAccountId,
@@ -18,9 +18,8 @@ class s extends a {
     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

@@ -6,28 +6,28 @@ 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 { DataOverviewHeader as v } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
+import { DataOverviewHeader as B } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
 import { FilterParam as o } from "../../../../types.js";
-import { useCallback as D, useMemo as s, useEffect as B } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+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";
-import "./PayoutsOverview.scss.js";
-import et, { useFilterBarState as rt, FilterBarMobileSwitch as it } from "../../../../internal/FilterBar/FilterBar.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 { useAuthContext as at } from "../../../../../core/Auth/context.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: y = V,
   onRecordSelection: u,
   showDetails: l,
   isLoadingBalanceAccount: F,
   onContactSupport: f,
-  hideTitle: P
+  hideTitle: C
 }) => {
-  const { getPayouts: m } = at().endpoints, { activeBalanceAccount: t, balanceAccountSelectionOptions: C, onBalanceAccountSelection: I } = W(n), { defaultParams: i, nowTimestamp: _, refreshNowTimestamp: d } = $("payouts", t), A = D(
+  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,
@@ -37,7 +37,7 @@ const Nt = ({
       }
     }),
     [t == null ? void 0 : t.id, i, m]
-  ), c = rt(), L = s(() => lt(a) ? a : void 0, [a]), O = s(() => p ? Q : void 0, [p]), { canResetFilters: N, error: b, fetching: h, filters: E, limit: w, limitOptions: M, records: R, resetFilters: mt, updateFilters: U, updateLimit: g, ...k } = ot({
+  ), 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,
@@ -47,9 +47,9 @@ const Nt = ({
     preferredLimitOptions: O,
     enabled: !!(t != null && t.id) && !!m
   });
-  B(() => {
-    d();
-  }, [E, d]);
+  v(() => {
+    n();
+  }, [E, n]);
   const S = s(
     () => ({
       showDetails: l ?? !0,
@@ -69,13 +69,13 @@ const Nt = ({
     [T, t]
   );
   return /* @__PURE__ */ e("div", { className: G, children: [
-    /* @__PURE__ */ e(v, { hideTitle: P, titleKey: "payoutsTitle", descriptionKey: "payoutsNotice", children: /* @__PURE__ */ e(it, { ...c }) }),
-    /* @__PURE__ */ e(et, { ...c, 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: C,
+          balanceAccountSelectionOptions: P,
           onBalanceAccountSelection: I
         }
       ),
@@ -86,10 +86,10 @@ const Nt = ({
           defaultParams: i,
           filters: E,
           nowTimestamp: _,
-          refreshNowTimestamp: d,
+          refreshNowTimestamp: n,
           sinceDate: H,
           timezone: "UTC",
-          updateFilters: U
+          updateFilters: R
         }
       )
     ] }),
@@ -103,15 +103,15 @@ const Nt = ({
         children: /* @__PURE__ */ e(
           J,
           {
-            loading: h || F || !n,
-            data: R,
+            loading: h || F || !d,
+            data: M,
             showPagination: !0,
             onRowClick: K,
             showDetails: l,
-            limit: w,
-            limitOptions: M,
+            limit: g,
+            limitOptions: w,
             onContactSupport: f,
-            onLimitSelection: g,
+            onLimitSelection: U,
             error: b,
             ...k
           }

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

@@ -11,13 +11,13 @@ import u from "../../../../internal/Typography/Typography.js";
 import { getLabel as R } from "../../../../utils/getLabel.js";
 import { useResponsiveViewport as U, mediaQueries as j } from "../../../../../hooks/useResponsiveViewport.js";
 import { BASE_CLASS as N, NET_PAYOUT_CLASS as v } from "./constants.js";
-import "./PayoutsTable.scss.js";
+/* empty css                  */
 import { useTableColumns as I } from "../../../../../hooks/useTableColumns.js";
 import g from "../../../../internal/DataGrid/DataGrid.js";
 import { DATE_FORMAT_PAYOUTS_MOBILE as G, DATE_FORMAT_PAYOUTS as V } from "../../../../../constants/dateFormats.js";
 import $ from "../../../../internal/Pagination/Pagination.js";
-import { useAuthContext as W } from "../../../../../core/Auth/context.js";
-const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["createdAt", ...h], z = (n) => h.includes(n), Ar = ({
+import { useConfigContext as W } from "../../../../../core/ConfigContext/context.js";
+const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["createdAt", ...h], z = (n) => h.includes(n), fr = ({
   error: n,
   loading: a,
   onContactSupport: l,
@@ -27,13 +27,13 @@ const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["cre
   data: t,
   ...E
 }) => {
-  const { i18n: i } = L(), { dateFormat: p } = w("UTC"), { refreshing: A } = W(), S = c(() => a || A, [a, A]), e = U(j.up.sm), m = P(
+  const { i18n: i } = L(), { dateFormat: p } = w("UTC"), { refreshing: f } = W(), S = c(() => a || f, [a, f]), e = U(j.up.sm), m = P(
     (r) => {
-      var d, y, C, T;
-      const f = i.get(R(r));
+      var d, C, y, T;
+      const A = i.get(R(r));
       if (z(r))
         return {
-          label: (y = (d = t == null ? void 0 : t[0]) == null ? void 0 : d[r]) != null && y.currency ? `${f} (${M((T = (C = t == null ? void 0 : t[0]) == null ? void 0 : C[r]) == null ? void 0 : T.currency)})` : f,
+          label: (C = (d = t == null ? void 0 : t[0]) == null ? void 0 : d[r]) != null && C.currency ? `${A} (${M((T = (y = t == null ? void 0 : t[0]) == null ? void 0 : y[r]) == null ? void 0 : T.currency)})` : A,
           position: B.RIGHT
         };
     },
@@ -77,5 +77,5 @@ const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["cre
   ) });
 };
 export {
-  Ar as PayoutsTable
+  fr as PayoutsTable
 };