@adyen/adyen-platform-experience-web 1.4.2 → 1.5.1

package/dist/es/components/external/CapitalOffer/components/utils/utils.js

@@ -1,19 +1,19 @@
-import { DAY_MS as u } from "../../../../internal/Calendar/calendar/constants.js";
-import { parseDate as c } from "../../../../../utils/datetime/main.js";
-const i = (e, a = 0) => new Date(new Date(e).setUTCHours(0, 0, 0, 0) + Math.floor(a) * u), d = (e) => c(i(/* @__PURE__ */ new Date(), e)), l = (e) => e ? Math.ceil(e / 30) : null, f = (e, a) => {
-  let t, n;
-  function o(...r) {
-    clearTimeout(t), n = r, t = setTimeout(() => {
-      e(n), n = void 0;
-    }, a);
+import { DAY_MS as c } from "../../../../internal/Calendar/calendar/constants.js";
+import { parseDate as i } from "../../../../../utils/datetime/main.js";
+const u = (e, n = 0) => new Date(new Date(e).setUTCHours(0, 0, 0, 0) + Math.floor(n) * c), l = (e) => i(u(/* @__PURE__ */ new Date(), e)), d = (e) => e ? Math.ceil(e / 30) : null, p = (e, n) => {
+  let t, o;
+  function r(...a) {
+    clearTimeout(t), o = a, t = setTimeout(() => {
+      e(o), o = void 0;
+    }, n);
   }
-  return o.cancel = () => {
-    t && (clearTimeout(t), t = void 0, n = void 0);
-  }, o;
-}, p = (e) => e / 100;
+  return r.cancel = () => {
+    t && (clearTimeout(t), t = void 0, o = void 0);
+  }, r;
+}, f = (e) => e / 100;
 export {
-  l as calculateMaximumRepaymentPeriodInMonths,
-  f as debounce,
-  d as getExpectedRepaymentDate,
-  p as getPaymentRatePercentage
+  d as calculateMaximumRepaymentPeriodInMonths,
+  p as debounce,
+  l as getExpectedRepaymentDate,
+  f as getPercentage
 };

package/dist/es/components/external/CapitalOverview/components/AccountDetails/AccountDetail.js

@@ -2,7 +2,7 @@ import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import c from "../../../../internal/CopyText/CopyText.js";
 import d from "../../../../../core/Context/useCoreContext.js";
 import t from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as a, TypographyVariant as i } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as a, TypographyElement as i } from "../../../../internal/Typography/types.js";
 const x = ({
   className: p,
   content: e,
@@ -13,8 +13,8 @@ const x = ({
 }) => {
   const { i18n: s } = d();
   return /* @__PURE__ */ r("div", { className: p, children: [
-    /* @__PURE__ */ r("dt", { className: m, children: /* @__PURE__ */ r(t, { el: a.SPAN, variant: i.CAPTION, children: s.get(n) }) }),
-    /* @__PURE__ */ r("dd", { className: l, children: o ? /* @__PURE__ */ r(c, { buttonLabel: e, textToCopy: o, showCopyTextTooltip: !1, type: "Text" }) : /* @__PURE__ */ r(t, { el: a.SPAN, variant: i.BODY, children: e }) })
+    /* @__PURE__ */ r("dt", { className: m, children: /* @__PURE__ */ r(t, { el: i.SPAN, variant: a.CAPTION, children: s.get(n) }) }),
+    /* @__PURE__ */ r("dd", { className: l, children: o ? /* @__PURE__ */ r(c, { buttonLabel: e, textToCopy: o, showCopyTextTooltip: !1, type: "Text" }) : /* @__PURE__ */ r(t, { el: i.SPAN, variant: a.BODY, children: e }) })
   ] });
 };
 export {

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

@@ -3,7 +3,7 @@ import A from "classnames";
 import { useMemo as C } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { AccountDetail as F } from "./AccountDetail.js";
 import { Fragment as _ } from "../../../../../external/preact/dist/preact.module.js";
-import { getAccountFieldTranslationKey as y, getAccountFieldFormattedValue as S, getAccountFieldTextToCopy as b } from "./utils.js";
+import { getAccountFieldTextToCopy as y, getAccountFieldFormattedValue as S, getAccountFieldTranslationKey as b } from "./utils.js";
 /* empty css                    */
 const o = "adyen-pe-capital-account-details", n = {
   detail: `${o}__detail`,
@@ -22,9 +22,9 @@ const o = "adyen-pe-capital-account-details", n = {
         className: n.detail,
         contentClassName: n.detailContent,
         labelClassName: n.detailLabel,
-        label: y(t),
+        label: b(t),
         content: S(t, e),
-        textToCopy: b(t, e)
+        textToCopy: y(t, e)
       }
     ) }, t) : null;
   }) });

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

@@ -16,7 +16,7 @@ const n = (e, t = !0) => {
     default:
       return !1;
   }
-}, u = (e, t) => r(e) ? t : void 0, o = (e, t) => {
+}, o = (e, t) => r(e) ? t : void 0, u = (e, t) => {
   switch (e) {
     case "iban":
       return t && n(t);
@@ -40,7 +40,7 @@ const n = (e, t = !0) => {
   }
 };
 export {
-  o as getAccountFieldFormattedValue,
-  u as getAccountFieldTextToCopy,
+  u as getAccountFieldFormattedValue,
+  o as getAccountFieldTextToCopy,
   s as getAccountFieldTranslationKey
 };

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

@@ -5,11 +5,11 @@ import F from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { GRANT_ACTION_CLASS_NAMES as l } from "./constants.js";
 /* empty css                 */
 import { Alert as p } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as f } from "../../../../internal/Alert/types.js";
+import { AlertTypeOption as d } from "../../../../internal/Alert/types.js";
 import { useFetch as S } from "../../../../../hooks/useFetch.js";
 import "../../../../../external/preact/compat/dist/compat.module.js";
 import { getTopWindowHref as _, setTopWindowHref as b } from "./utils.js";
-import d from "../../../../internal/Button/Button.js";
+import f from "../../../../internal/Button/Button.js";
 import { DATE_FORMAT_CAPITAL_OVERVIEW as I } from "../../../../../constants/dateFormats.js";
 import { useConfigContext as N } from "../../../../../core/ConfigContext/context.js";
 import { EMPTY_OBJECT as W } from "../../../../../utils/value/constants.js";
@@ -33,22 +33,22 @@ const D = ({ action: n, className: s, offerExpiresAt: m }) => {
     p,
     {
       className: s,
-      type: f.CRITICAL,
+      type: d.CRITICAL,
       title: e.get("somethingWentWrongTryRefreshingOrComeBackLater"),
-      description: /* @__PURE__ */ r(d, { className: l.button, onClick: u, children: e.get("refresh") })
+      description: /* @__PURE__ */ r(f, { className: l.button, onClick: u, children: e.get("refresh") })
     }
   ) : /* @__PURE__ */ r(
     p,
     {
       className: s,
-      type: f.WARNING,
+      type: d.WARNING,
       title: `${e.get("capital.signTermsAndConditionsToReceiveFunds")}${m ? ` ${e.get("capital.thisOfferExpiresOn", {
         values: {
           date: T(m, I)
         }
       })}` : ""}`,
       description: /* @__PURE__ */ r(
-        d,
+        f,
         {
           className: l.button,
           onClick: () => C(!0),

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

@@ -1,5 +1,4 @@
 const e = {
-  revocation: "revocation",
   unscheduledRepayment: "unscheduledRepayment"
 };
 export {

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

@@ -2,10 +2,10 @@ import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import { useCallback as s, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import y from "../../../../../core/Context/useCoreContext.js";
 import r from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as m, TypographyVariant as o } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as o, TypographyElement as m } from "../../../../internal/Typography/types.js";
 import { GRANT_DETAILS_CLASS_NAMES as l } from "./constants.js";
 /* empty css                  */
-import { getPaymentRatePercentage as d } from "../../../CapitalOffer/components/utils/utils.js";
+import { getPercentage as d } from "../../../CapitalOffer/components/utils/utils.js";
 import { Tooltip as A } from "../../../../internal/Tooltip/Tooltip.js";
 import { CAPITAL_REPAYMENT_FREQUENCY as v } from "../../../../constants.js";
 import h from "../../../../internal/StructuredList/StructuredList.js";

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

@@ -1,5 +1,5 @@
-import { TagVariant as n } from "../../../../internal/Tag/types.js";
-const u = (e) => e === "Active", c = (e) => e === "Repaid", r = (e) => e === "Active" ? "capital.remaining" : "capital.requestedFunds", d = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, o = ({ status: e, missingActions: t }) => {
+import { TagVariant as s } from "../../../../internal/Tag/types.js";
+const u = (e) => e === "Active", c = (e) => e === "Repaid", o = (e) => e === "Active" ? "capital.remaining" : "capital.requestedFunds", r = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, d = ({ status: e, missingActions: t }) => {
   switch (e) {
     case "Active":
       return;
@@ -17,26 +17,26 @@ const u = (e) => e === "Active", c = (e) => e === "Repaid", r = (e) => e === "Ac
 }, l = ({ status: e, missingActions: t }) => {
   switch (e) {
     case "Failed":
-      return n.ERROR;
+      return s.ERROR;
     case "Pending":
-      return t != null && t.length ? n.WARNING : n.DEFAULT;
+      return t != null && t.length ? s.WARNING : s.DEFAULT;
     case "Repaid":
-      return n.LIGHT;
+      return s.LIGHT;
     case "Revoked":
     case "WrittenOff":
-      return n.WARNING;
+      return s.WARNING;
     default:
-      return n.DEFAULT;
+      return s.DEFAULT;
   }
 }, p = (e) => {
   const t = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
   return a.setDate(t.getDate() + e), a;
 }, y = (e) => {
-  var a, s;
+  var a, n;
   const t = ((a = e.missingActions) == null ? void 0 : a.some((i) => i.type === "signToS")) || !1;
   switch (e.status) {
     case "Pending":
-      return (s = e.missingActions) != null && s.length ? t ? "capital.signTheTermsToReceiveYourFunds" : void 0 : "capital.youShouldGetTheFundsWithinOneBusinessDay";
+      return (n = e.missingActions) != null && n.length ? t ? "capital.signTheTermsToReceiveYourFunds" : void 0 : "capital.youShouldGetTheFundsWithinOneBusinessDay";
     case "Failed":
       return "capital.weCouldNotProcessThisRequestTryAgain";
     case "WrittenOff":
@@ -47,14 +47,14 @@ const u = (e) => e === "Active", c = (e) => e === "Repaid", r = (e) => e === "Ac
       return;
   }
 }, T = (e) => {
-  var s;
+  var n;
   const t = e.status === "Active", a = e.status === "Pending";
   return {
-    amount: d(e),
-    amountLabelKey: r(e.status),
+    amount: r(e),
+    amountLabelKey: o(e.status),
     hasAlerts: a,
     hasDetails: u(e.status),
-    hasUnscheduledRepaymentDetails: t && !!((s = e.unscheduledRepaymentAccounts) != null && s.length),
+    hasUnscheduledRepaymentDetails: t && !!((n = e.unscheduledRepaymentAccounts) != null && n.length),
     // The grant revocation account details is currently not ready to be rendered.
     // A future iteration of this component might include revocation account details.
     // Only then should the following line be uncommented.
@@ -66,7 +66,7 @@ const u = (e) => e === "Active", c = (e) => e === "Repaid", r = (e) => e === "Ac
     isLabelColorSecondary: t,
     isProgressBarVisible: t,
     repaymentPeriodEndDate: p(e.repaymentPeriodLeft),
-    statusKey: o(e),
+    statusKey: d(e),
     statusTagVariant: l(e),
     statusTooltipKey: y(e)
   };

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

@@ -3,7 +3,7 @@ import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import { useState as k, useCallback as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { CapitalOffer as C } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
 import { GrantsDisplay as b } from "./GrantsDisplay.js";
-import { Fragment as h } from "../../../../../external/preact/dist/preact.module.js";
+import { Fragment as x } from "../../../../../external/preact/dist/preact.module.js";
 const V = ({
   externalDynamicOffersConfig: l,
   grantList: p,
@@ -20,7 +20,7 @@ const V = ({
     },
     [e, i]
   );
-  return /* @__PURE__ */ a(h, { children: c ? /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(x, { children: c ? /* @__PURE__ */ a(
     C,
     {
       externalDynamicOffersConfig: l,

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

@@ -10,8 +10,8 @@ import { useState as G, useMemo as l, useCallback as D } from "../../../../../ex
 import E from "../../../../internal/Button/Button.js";
 import { ButtonVariant as U } from "../../../../internal/Button/types.js";
 import { CapitalHeader as k } from "../../../../internal/CapitalHeader/CapitalHeader.js";
-const u = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(C, { classNames: "adyen-pe-grant-list__items", children: t.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(_, { grant: n, showDetails: c.bind(null, n) }) }, n.id)) }), Y = ({ grantList: t, hideTitle: c, newOfferAvailable: n, onNewOfferRequest: g }) => {
-  const [v, h] = G(), [a, y] = G(), { i18n: N } = B(), [i, m] = l(() => {
+const u = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(C, { classNames: "adyen-pe-grant-list__items", children: t.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(_, { grant: n, showDetails: c.bind(null, n) }) }, n.id)) }), Y = ({ grantList: t, hideTitle: c, newOfferAvailable: n, onNewOfferRequest: v }) => {
+  const [g, h] = G(), [a, y] = G(), { i18n: N } = B(), [i, m] = l(() => {
     const s = [], r = [];
     return t == null || t.forEach((o) => {
       o.status === "Active" || o.status === "Pending" ? s.push(o) : r.push(o);
@@ -20,7 +20,7 @@ const u = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(C, { classNames:
     h(r), y(s);
   }, []);
   if (a)
-    switch (v) {
+    switch (g) {
       case R.unscheduledRepayment: {
         if (d != null && d.hasUnscheduledRepaymentDetails)
           return /* @__PURE__ */ e(T, { grant: a, onDetailsClose: w });
@@ -30,7 +30,7 @@ const u = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(C, { classNames:
   return /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list", children: [
     /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list__header-container", children: [
       /* @__PURE__ */ e(k, { hideTitle: c, titleKey: "capital.businessFinancing" }),
-      S ? /* @__PURE__ */ e(E, { onClick: g, className: "adyen-pe-grant-list__offer-button", variant: U.SECONDARY, children: N.get("capital.seeNewOffer") }) : null
+      S ? /* @__PURE__ */ e(E, { onClick: v, className: "adyen-pe-grant-list__offer-button", variant: U.SECONDARY, children: N.get("capital.seeNewOffer") }) : null
     ] }),
     f === "UnifiedGrants" && /* @__PURE__ */ e(u, { grants: t, showDetails: p }),
     f === "SegmentedGrants" && /* @__PURE__ */ e(

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

@@ -2,7 +2,7 @@ import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import { useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import d from "../../../../../core/Context/useCoreContext.js";
 import o from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as m, TypographyVariant as c } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as c, TypographyElement as m } from "../../../../internal/Typography/types.js";
 import { AccountDetails as A } from "../AccountDetails/AccountDetails.js";
 import { GrantAdjustmentDetails as f } from "../GrantAdjustmentDetails/GrantAdjustmentDetails.js";
 /* empty css                           */

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

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

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

@@ -2,7 +2,7 @@ import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntim
 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 { TypographyVariant as l, TypographyElement 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 h = ({ hideTitle: a }) => {
@@ -11,7 +11,7 @@ const h = ({ hideTitle: a }) => {
     /* @__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") })
+      /* @__PURE__ */ e(o, { el: n.PARAGRAPH, variant: l.BODY, large: !0, children: i.get("capital.youWillSoonQualifyForAFinancialOffer") })
     ] })
   ] });
 };

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

@@ -1,6 +1,5 @@
 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",

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

@@ -1,6 +1,6 @@
 import { jsx as i } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import l from "classnames";
-import { useMemo as C } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as S } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import F from "../../../../core/Context/useCoreContext.js";
 import x from "../../../internal/Accordion/Accordion.js";
 import g from "../../../internal/Card/Card.js";
@@ -9,7 +9,7 @@ import a from "../../../internal/Typography/Typography.js";
 import G from "../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
 import J from "../../../../hooks/useTimezoneAwareDateFormatting.js";
 /* empty css                */
-import { PD_BASE_CLASS as K, PD_TITLE_CLASS as W, PD_TITLE_CLASS_WITH_EXTRA_DETAILS as q, PD_TITLE_CONTAINER_CLASS as Q, PD_SECTION_CLASS as _, PD_TITLE_BA_CLASS as Z, PD_EXTRA_DETAILS_CLASS as j, PD_EXTRA_DETAILS_LABEL as w, PD_EXTRA_DETAILS_ICON as V, PD_CONTENT_CLASS as tt, PD_CARD_CLASS as D, PD_SECTION_AMOUNT_CLASS as L, PD_SECTION_GROSS_AMOUNT_CLASS as $, PD_CARD_TITLE_CLASS as X, PD_SECTION_NET_AMOUNT_CLASS as it, PD_UNPAID_AMOUNT as nt, PD_BUTTON_ACTIONS as rt } from "./constants.js";
+import { PD_BASE_CLASS as K, PD_TITLE_CONTAINER_CLASS as W, PD_SECTION_CLASS as _, PD_TITLE_BA_CLASS as q, PD_TITLE_CLASS as Q, PD_TITLE_CLASS_WITH_EXTRA_DETAILS as Z, PD_EXTRA_DETAILS_CLASS as j, PD_EXTRA_DETAILS_ICON as w, PD_EXTRA_DETAILS_LABEL as V, PD_CONTENT_CLASS as tt, PD_CARD_CLASS as D, PD_SECTION_AMOUNT_CLASS as L, PD_SECTION_GROSS_AMOUNT_CLASS as $, PD_CARD_TITLE_CLASS as X, PD_SECTION_NET_AMOUNT_CLASS as it, PD_UNPAID_AMOUNT as nt, PD_BUTTON_ACTIONS as rt } from "./constants.js";
 import { Tag as ot } from "../../../internal/Tag/Tag.js";
 import { TagVariant as et } from "../../../internal/Tag/types.js";
 import st from "../../../internal/Link/Link.js";
@@ -19,7 +19,7 @@ import { ButtonVariant as at } from "../../../internal/Button/types.js";
 import { ButtonActionsLayoutBasic as ct } from "../../../internal/Button/ButtonActions/types.js";
 import dt from "../../../internal/Button/ButtonActions/ButtonActions.js";
 import { DATE_FORMAT_PAYOUT_DETAILS as ht } from "../../../../constants/dateFormats.js";
-import S from "../../../internal/StructuredList/StructuredList.js";
+import y from "../../../internal/StructuredList/StructuredList.js";
 import { Fragment as At } from "../../../../external/preact/dist/preact.module.js";
 import { EMPTY_OBJECT as lt } from "../../../../utils/value/constants.js";
 const $t = ({
@@ -29,7 +29,7 @@ const $t = ({
   extraFields: O
 }) => {
   var u;
-  const { payout: o } = h ?? lt, { dateFormat: E } = J("UTC"), { i18n: s } = F(), r = C(() => {
+  const { payout: o } = h ?? lt, { dateFormat: E } = J("UTC"), { i18n: s } = F(), r = S(() => {
     var d, c;
     const e = (c = (d = h == null ? void 0 : h.amountBreakdowns) == null ? void 0 : d.adjustmentBreakdown) == null ? void 0 : c.reduce(
       (n, t) => {
@@ -40,7 +40,7 @@ const $t = ({
       { subtractions: [], additions: [] }
     );
     return e == null || e.subtractions.sort((n, t) => n.key.localeCompare(t.key)), e == null || e.additions.sort((n, t) => n.key.localeCompare(t.key)), e;
-  }, [s, h]), y = C(() => {
+  }, [s, h]), p = S(() => {
     var d, c;
     const e = (c = (d = h == null ? void 0 : h.amountBreakdowns) == null ? void 0 : d.fundsCapturedBreakdown) == null ? void 0 : c.reduce((n, t) => {
       var A, v, T, N;
@@ -50,15 +50,15 @@ const $t = ({
       }), n;
     }, []);
     return e == null || e.sort((n, t) => n.key === "capture" ? -1 : t.key === "capture" ? 1 : n.key.localeCompare(t.key)), e;
-  }, [h, s]), z = C(
+  }, [h, s]), z = S(
     () => o != null && o.createdAt ? E(new Date(o == null ? void 0 : o.createdAt), ht) : "",
     [o, E]
-  ), p = Object.entries(O || {}).filter(([, e]) => e.type !== "button" && e.visibility !== "hidden").map(([e, d]) => ({
+  ), C = Object.entries(O || {}).filter(([, e]) => e.type !== "button" && e.visibility !== "hidden").map(([e, d]) => ({
     key: e,
     value: B(d) ? d.value : d,
     type: B(d) ? d.type : "text",
     config: B(d) ? d.config : void 0
-  })) || [], I = C(() => [...O ? Object.values(O).filter((c) => c.type === "button").map((c) => {
+  })) || [], I = S(() => [...O ? Object.values(O).filter((c) => c.type === "button").map((c) => {
     var n, t, A;
     return {
       title: c.value,
@@ -71,11 +71,11 @@ const $t = ({
     /* @__PURE__ */ i(
       "div",
       {
-        className: l(W, {
-          [q]: p.length
+        className: l(Q, {
+          [Z]: C.length
         }),
         children: [
-          /* @__PURE__ */ i("div", { className: Q, children: [
+          /* @__PURE__ */ i("div", { className: W, children: [
             /* @__PURE__ */ i(a, { variant: m.SUBTITLE, stronger: !0, children: s.get("netPayout") }),
             o.isSumOfSameDayPayouts && /* @__PURE__ */ i(ot, { variant: et.BLUE, label: s.get("sumOfSameDayPayouts") })
           ] }),
@@ -85,25 +85,25 @@ const $t = ({
           /* @__PURE__ */ i(a, { variant: m.BODY, children: z }),
           /* @__PURE__ */ i("div", { className: _, children: [
             P && /* @__PURE__ */ i(a, { variant: m.CAPTION, stronger: !0, wide: !0, children: `${P}` }),
-            /* @__PURE__ */ i(a, { variant: m.CAPTION, className: Z, children: `${H}` })
+            /* @__PURE__ */ i(a, { variant: m.CAPTION, className: q, children: `${H}` })
           ] })
         ]
       }
     ),
-    p.length > 0 ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
-      S,
+    C && C.length > 0 ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
+      y,
       {
         classNames: j,
-        items: p,
+        items: C,
         align: "start",
         layout: "5-7",
-        renderLabel: (e) => /* @__PURE__ */ i("div", { className: w, children: e }),
+        renderLabel: (e) => /* @__PURE__ */ i("div", { className: V, children: e }),
         renderValue: (e, d, c, n) => {
           if (c === "link" && n)
             return /* @__PURE__ */ i(st, { classNames: [l(n == null ? void 0 : n.className)], href: n.href, target: n.target || "_blank", children: e });
           if (c === "icon" && n) {
             const t = { url: n.src, alt: n.alt || e };
-            return /* @__PURE__ */ i("div", { className: l(V, n == null ? void 0 : n.className), children: [
+            return /* @__PURE__ */ i("div", { className: l(w, n == null ? void 0 : n.className), children: [
               /* @__PURE__ */ i(mt, { ...t }),
               /* @__PURE__ */ i(a, { variant: m.BODY, children: e })
             ] });
@@ -113,12 +113,12 @@ const $t = ({
       }
     ) }) : null,
     /* @__PURE__ */ i("div", { className: tt, children: [
-      /* @__PURE__ */ i("div", { className: _, children: (o == null ? void 0 : o.fundsCapturedAmount) && (y && Object.keys(y).length > 0 ? /* @__PURE__ */ i(
+      /* @__PURE__ */ i("div", { className: _, children: (o == null ? void 0 : o.fundsCapturedAmount) && (p && Object.keys(p).length > 0 ? /* @__PURE__ */ i(
         x,
         {
           header: /* @__PURE__ */ i(a, { variant: m.BODY, children: s.get("fundsCaptured") }),
           headerInformation: /* @__PURE__ */ i(a, { variant: m.BODY, children: s.amount(o.fundsCapturedAmount.value, o.fundsCapturedAmount.currency) }),
-          children: /* @__PURE__ */ i("div", { className: _, children: /* @__PURE__ */ i("div", { className: D, children: /* @__PURE__ */ i(g, { noPadding: !0, children: /* @__PURE__ */ i(S, { items: y }) }) }) })
+          children: /* @__PURE__ */ i("div", { className: _, children: /* @__PURE__ */ i("div", { className: D, children: /* @__PURE__ */ i(g, { noPadding: !0, children: /* @__PURE__ */ i(y, { items: p }) }) }) })
         }
       ) : /* @__PURE__ */ i("div", { className: l(L, $), children: [
         /* @__PURE__ */ i(a, { variant: m.BODY, children: s.get("fundsCaptured") }),
@@ -135,7 +135,7 @@ const $t = ({
               {
                 noPadding: !0,
                 renderHeader: /* @__PURE__ */ i(a, { className: X, variant: m.CAPTION, stronger: !0, children: s.get("additions") }),
-                children: /* @__PURE__ */ i(S, { items: r == null ? void 0 : r.additions })
+                children: /* @__PURE__ */ i(y, { items: r == null ? void 0 : r.additions })
               }
             ) }),
             (r == null ? void 0 : r.subtractions) && Object.keys(r == null ? void 0 : r.subtractions).length > 0 && /* @__PURE__ */ i("div", { className: D, children: /* @__PURE__ */ i(
@@ -143,7 +143,7 @@ const $t = ({
               {
                 noPadding: !0,
                 renderHeader: /* @__PURE__ */ i(a, { className: X, variant: m.CAPTION, stronger: !0, children: s.get("subtractions") }),
-                children: /* @__PURE__ */ i(S, { items: r == null ? void 0 : r.subtractions })
+                children: /* @__PURE__ */ i(y, { items: r == null ? void 0 : r.subtractions })
               }
             ) })
           ]

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

@@ -7,18 +7,18 @@ import me from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js"
 import pe 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 { useCallback as n, useMemo as o, useEffect as de } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { DataDetailsModal as De } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
 /* empty css                     */
-import { useCustomColumnsData as De } from "../../../../../hooks/useCustomColumnsData.js";
+import { useCustomColumnsData as ne } from "../../../../../hooks/useCustomColumnsData.js";
 import { hasCustomField as Ee } from "../../../../utils/customData/hasCustomField.js";
 import { mergeRecords as ce } from "../../../../utils/customData/mergeRecords.js";
 import { useFilterBarState as Te, FilterBarMobileSwitch as Se, FilterBar as Fe } from "../../../../internal/FilterBar/FilterBar.js";
 import ye from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
 import { DataOverviewHeader as Pe } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
 import _e from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useConfigContext as ue } from "../../../../../core/ConfigContext/context.js";
-import { isFunction as Ie } from "../../../../../utils/value/is.js";
+import { useConfigContext as Ie } from "../../../../../core/ConfigContext/context.js";
+import { isFunction as Le } from "../../../../../utils/value/is.js";
 const We = ({
   onFiltersChanged: m,
   balanceAccounts: E,
@@ -31,9 +31,9 @@ const We = ({
   hideTitle: b,
   dataCustomization: r
 }) => {
-  var I, L, O, A;
-  const { getPayouts: f } = ue().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: g, onBalanceAccountSelection: U } = ie(E), { defaultParams: l, nowTimestamp: w, refreshNowTimestamp: d } = fe("payouts", e), M = D(
-    async (s, n) => f({ signal: n, errorLevel: "error" }, {
+  var L, u, O, A;
+  const { getPayouts: f } = Ie().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: g, onBalanceAccountSelection: U } = ie(E), { defaultParams: l, nowTimestamp: w, refreshNowTimestamp: d } = fe("payouts", e), M = n(
+    async (s, D) => f({ signal: D, errorLevel: "error" }, {
       query: {
         ...s,
         createdSince: s[i.CREATED_SINCE] ?? l.current.defaultFilterParams[i.CREATED_SINCE],
@@ -42,7 +42,7 @@ const We = ({
       }
     }),
     [e == null ? void 0 : e.id, l, f]
-  ), F = Te(), k = o(() => Ie(m) ? m : void 0, [m]), x = o(() => c ? le : void 0, [c]), { canResetFilters: q, error: K, fetching: Y, filters: y, limit: j, limitOptions: G, records: P, resetFilters: Le, updateFilters: H, updateLimit: J, ...Q } = ye({
+  ), F = Te(), k = o(() => Le(m) ? m : void 0, [m]), x = o(() => c ? le : void 0, [c]), { canResetFilters: q, error: K, fetching: Y, filters: y, limit: j, limitOptions: G, records: P, resetFilters: ue, updateFilters: H, updateLimit: J, ...Q } = ye({
     fetchRecords: M,
     dataField: "data",
     filterParams: l.current.defaultFilterParams,
@@ -61,20 +61,20 @@ const We = ({
       callback: T
     }),
     [p, T]
-  ), V = D(
-    ({ records: s, retrievedData: n }) => ce(s, n, (R, a) => R.createdAt === a.createdAt),
+  ), V = n(
+    ({ records: s, retrievedData: D }) => ce(s, D, (R, a) => R.createdAt === a.createdAt),
     []
   ), W = o(() => {
     var s;
     return Ee((s = r == null ? void 0 : r.list) == null ? void 0 : s.fields, te);
-  }, [(I = r == null ? void 0 : r.list) == null ? void 0 : I.fields]), { customRecords: X, loadingCustomRecords: Z } = De({
+  }, [(L = r == null ? void 0 : r.list) == null ? void 0 : L.fields]), { customRecords: X, loadingCustomRecords: Z } = ne({
     records: P,
     hasCustomColumn: W,
-    onDataRetrieve: (L = r == null ? void 0 : r.list) == null ? void 0 : L.onDataRetrieve,
+    onDataRetrieve: (u = r == null ? void 0 : r.list) == null ? void 0 : u.onDataRetrieve,
     mergeCustomData: V
-  }), $ = o(() => ({ payout: _ }), [_]), { updateDetails: u, resetDetails: v, selectedDetail: B } = pe($), C = D(
+  }), $ = o(() => ({ payout: _ }), [_]), { updateDetails: I, resetDetails: v, selectedDetail: B } = pe($), C = n(
     (s) => {
-      u({
+      I({
         selection: {
           type: "payout",
           data: { id: e == null ? void 0 : e.id, balanceAccountDescription: (e == null ? void 0 : e.description) || "", date: s.createdAt }
@@ -82,7 +82,7 @@ const We = ({
         modalSize: "small"
       }).callback({ balanceAccountId: (e == null ? void 0 : e.id) || "", date: s.createdAt });
     },
-    [u, e == null ? void 0 : e.id, e == null ? void 0 : e.description]
+    [I, e == null ? void 0 : e.id, e == null ? void 0 : e.description]
   );
   return /* @__PURE__ */ t("div", { className: z, children: [
     /* @__PURE__ */ t(Pe, { hideTitle: b, titleKey: "payoutsTitle", descriptionKey: "payoutsNotice", children: /* @__PURE__ */ t(Se, { ...F }) }),
@@ -110,7 +110,7 @@ const We = ({
       )
     ] }),
     /* @__PURE__ */ t(
-      ne,
+      De,
       {
         className: re,
         onContactSupport: S,

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

@@ -13,8 +13,8 @@ import { BASE_CLASS as R, NET_PAYOUT_CLASS as v } from "./constants.js";
 /* empty css                  */
 import { useTableColumns as I } from "../../../../../hooks/useTableColumns.js";
 import g from "../../../../internal/DataGrid/DataGrid.js";
-import { DATE_FORMAT_PAYOUTS_MOBILE as $, DATE_FORMAT_PAYOUTS as G } from "../../../../../constants/dateFormats.js";
-import W from "../../../../internal/Pagination/Pagination.js";
+import $ from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_PAYOUTS_MOBILE as G, DATE_FORMAT_PAYOUTS as W } from "../../../../../constants/dateFormats.js";
 import { useConfigContext as q } from "../../../../../core/ConfigContext/context.js";
 const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], z = ["createdAt", ...h], K = (n) => h.includes(n), pr = ({
   error: n,
@@ -68,12 +68,12 @@ const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], z = ["cre
       onRowClick: { callback: D },
       emptyTableMessage: Y,
       customCells: {
-        createdAt: ({ value: r }) => r ? e ? r && /* @__PURE__ */ o(u, { variant: s.BODY, children: p(r, G) }) : p(r, $) : null,
+        createdAt: ({ value: r }) => r ? e ? r && /* @__PURE__ */ o(u, { variant: s.BODY, children: p(r, W) }) : p(r, G) : null,
         fundsCapturedAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, children: i.amount(r.value, r.currency, { hideCurrency: !0 }) }),
         adjustmentAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, children: i.amount(r.value, r.currency, { hideCurrency: !0 }) }),
         payoutAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, className: L({ [`${v}--strong`]: !e }), children: i.amount(r.value, r.currency, { hideCurrency: e }) })
       },
-      children: O && /* @__PURE__ */ o(g.Footer, { children: /* @__PURE__ */ o(W, { ...E }) })
+      children: O && /* @__PURE__ */ o(g.Footer, { children: /* @__PURE__ */ o($, { ...E }) })
     }
   ) });
 };