@adyen/adyen-platform-experience-web 1.10.2 → 1.11.0

package/dist/es/components/external/PaymentLinksOverview/components/PaymentLinksOverviewModal.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import h from "../../../../core/Context/useCoreContext.js";
-import { useState as p, useCallback as f, useEffect as k } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { popoverUtil as g } from "../../../internal/Popover/utils/popoverUtil.js";
-import w from "../../PaymentLinkCreation/components/PaymentLinkCreationContainer/PaymentLinkCreationContainer.js";
-import O from "../../PaymentLinkSettings/components/PaymentLinkSettingsContainer/PaymentLinkSettingsContainer.js";
+import { useState as h, useCallback as f, useEffect as p } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { popoverUtil as k } from "../../../internal/Popover/utils/popoverUtil.js";
+import g from "../../PaymentLinkCreation/components/PaymentLinkCreationContainer/PaymentLinkCreationContainer.js";
+import w from "../../PaymentLinkSettings/components/PaymentLinkSettingsContainer/PaymentLinkSettingsContainer.js";
+import O from "../../../../core/Context/preact/useCoreContext.js";
 import P from "../../../internal/Modal/Modal.js";
 const j = ({
   isModalVisible: e,
@@ -15,11 +15,11 @@ const j = ({
   onContactSupport: s,
   refreshPaymentLinkList: a
 }) => {
-  const { i18n: c } = h(), [l, m] = p(!1), v = f(() => {
+  const { i18n: c } = O(), [l, m] = h(!1), v = f(() => {
     o(), l && (a?.(), m(!1));
   }, [o, l, a]);
-  k(() => {
-    e && g.closeAll();
+  p(() => {
+    e && k.closeAll();
   }, [e]);
   const d = f(
     (C) => {
@@ -38,7 +38,7 @@ const j = ({
       size: "large",
       children: [
         t === "Creation" ? /* @__PURE__ */ r(
-          w,
+          g,
           {
             ...n,
             onPaymentLinkCreated: d,
@@ -48,7 +48,7 @@ const j = ({
           }
         ) : null,
         t === "Settings" ? /* @__PURE__ */ r(
-          O,
+          w,
           {
             ...u,
             storeIds: i,

package/dist/es/components/external/PaymentLinksOverview/components/PaymentLinksTable.js

@@ -1,21 +1,21 @@
 import { jsx as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useCallback as G, useMemo as T } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import V from "../../../../core/Context/useCoreContext.js";
-import W from "../../../../hooks/useTimezoneAwareDateFormatting.js";
+import V from "../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { useResponsiveContainer as g, containerQueries as k } from "../../../../hooks/useResponsiveContainer.js";
-import { useTableColumns as q } from "../../../../hooks/useTableColumns.js";
-import { BASE_TABLE_GRID_CLASS as X, MOBILE_TABLE_CELL_CLASS as N, MOBILE_EXPIRE_DATE_CELL_CLASS as $, PAYMENT_LINK_STATUSES as S, MOBILE_AMOUNT_CELL_CLASS as j } from "./constants.js";
+import { useTableColumns as W } from "../../../../hooks/useTableColumns.js";
+import { BASE_TABLE_GRID_CLASS as q, PAYMENT_LINK_STATUSES as N, MOBILE_TABLE_CELL_CLASS as S, MOBILE_EXPIRE_DATE_CELL_CLASS as X, MOBILE_AMOUNT_CELL_CLASS as $ } from "./constants.js";
 import { Tag as v } from "../../../internal/Tag/Tag.js";
 import { TagVariant as m } from "../../../internal/Tag/types.js";
 import o from "../../../internal/Typography/Typography.js";
 import { TypographyVariant as a, TypographyElement as s } from "../../../internal/Typography/types.js";
-import { DAY_MS as z } from "../../../internal/Calendar/calendar/constants.js";
-import { Tooltip as Q } from "../../../internal/Tooltip/Tooltip.js";
-import { isActionNeededUrgently as H } from "../../../utils/payByLink/actionLevel.js";
-import J from "classnames";
-import { PaymentLinksErrors as Z } from "./PaymentLinksErrors.js";
-import { FRONTEND_REDACTED_DATA_MARKER as ee, BACKEND_REDACTED_DATA_MARKER as re } from "../../../constants.js";
-import { ACCOUNT_MISCONFIGURATION as ie, WRONG_STORE_IDS as te } from "../utils/getPaymentLinksErrorMessage.js";
+import { DAY_MS as j } from "../../../internal/Calendar/calendar/constants.js";
+import { Tooltip as z } from "../../../internal/Tooltip/Tooltip.js";
+import { isActionNeededUrgently as Q } from "../../../utils/payByLink/actionLevel.js";
+import H from "classnames";
+import { PaymentLinksErrors as J } from "./PaymentLinksErrors.js";
+import { FRONTEND_REDACTED_DATA_MARKER as Z, BACKEND_REDACTED_DATA_MARKER as ee } from "../../../constants.js";
+import { ACCOUNT_MISCONFIGURATION as re, WRONG_STORE_IDS as ie } from "../utils/getPaymentLinksErrorMessage.js";
+import te from "../../../../core/Context/preact/useCoreContext.js";
 import B from "../../../internal/DataGrid/DataGrid.js";
 import ne from "../../../internal/Pagination/Pagination.js";
 import { Fragment as C } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
@@ -68,14 +68,14 @@ const I = (c) => {
   storeError: f,
   ...P
 }) => {
-  const { i18n: t, getImageAsset: D } = V(), { dateFormat: l } = W(), x = g(k.up.sm), F = G(
+  const { i18n: t, getImageAsset: D } = te(), { dateFormat: l } = V(), x = g(k.up.sm), F = G(
     (e) => {
       if (!e) return "";
-      const y = new Date(e).getTime() - Date.now(), _ = Math.ceil(y / z), h = l(e, { ...oe, weekday: void 0 });
+      const y = new Date(e).getTime() - Date.now(), _ = Math.ceil(y / j), h = l(e, { ...oe, weekday: void 0 });
       return _ <= 1 ? t.get("payByLink.overview.common.actionNeeded.expiresToday", { values: { date: h } }) : t.get("payByLink.overview.common.actionNeeded.expiresDays", { values: { days: _, date: h } });
     },
     [l, t]
-  ), i = g(k.down.xs), U = q({
+  ), i = g(k.down.xs), U = W({
     fields: se,
     fieldsKeys: R,
     columnConfig: {
@@ -117,20 +117,20 @@ const I = (c) => {
       return {
         message: "No stores configured",
         name: "Account misconfiguration",
-        errorCode: ie,
+        errorCode: re,
         type: "error",
         requestId: ""
       };
   }, [p, f]), E = T(() => {
     if (!(p && p?.length > 0 && d?.length !== 0))
       return {
-        errorCode: te,
+        errorCode: ie,
         type: "error",
         requestId: ""
       };
   }, [p, d]), K = T(
     () => () => /* @__PURE__ */ r(
-      Z,
+      J,
       {
         getImageAsset: D,
         error: u || c || E,
@@ -140,7 +140,7 @@ const I = (c) => {
     ),
     [c, D, L, u, E]
   );
-  return /* @__PURE__ */ r("div", { className: X, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { className: q, children: /* @__PURE__ */ r(
     B,
     {
       narrowColumns: i,
@@ -159,14 +159,14 @@ const I = (c) => {
         },
         amount: ({ value: e, item: n }) => {
           const y = t.amount(e.value, e.currency, { hideCurrency: !0 });
-          return i ? /* @__PURE__ */ r("div", { className: J(N, j), children: [
+          return i ? /* @__PURE__ */ r("div", { className: H(S, $), children: [
             /* @__PURE__ */ r(o, { el: s.SPAN, variant: a.BODY, strongest: !0, children: y }),
-            /* @__PURE__ */ r("span", { children: n.status && /* @__PURE__ */ r(v, { label: t.get(S[n.status]), variant: I(n.status) }) })
+            /* @__PURE__ */ r("span", { children: n.status && /* @__PURE__ */ r(v, { label: t.get(N[n.status]), variant: I(n.status) }) })
           ] }) : /* @__PURE__ */ r(o, { el: s.SPAN, variant: a.BODY, children: y });
         },
         status: ({ value: e }) => {
           if (e)
-            return /* @__PURE__ */ r(v, { label: t.get(`${S[e]}`), variant: I(e) });
+            return /* @__PURE__ */ r(v, { label: t.get(`${N[e]}`), variant: I(e) });
         },
         linkType: ({ item: e }) => {
           if (!e?.linkType) return null;
@@ -174,13 +174,13 @@ const I = (c) => {
           return /* @__PURE__ */ r(o, { el: s.SPAN, variant: a.BODY, children: t.get(n) });
         },
         creationDate: ({ value: e }) => /* @__PURE__ */ r("time", { dateTime: e, children: /* @__PURE__ */ r(o, { el: s.SPAN, variant: a.BODY, children: l(e, ae) }) }),
-        expirationDate: ({ value: e }) => H(e) ? /* @__PURE__ */ r(Q, { content: F(e), children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r("time", { dateTime: e, children: l(e, A) }) }) }) : /* @__PURE__ */ r("time", { dateTime: e, children: /* @__PURE__ */ r(o, { el: s.SPAN, variant: a.BODY, children: l(e, A) }) }),
-        paymentLinkId: ({ item: e }) => i ? /* @__PURE__ */ r("div", { className: N, children: [
+        expirationDate: ({ value: e }) => Q(e) ? /* @__PURE__ */ r(z, { content: F(e), children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r("time", { dateTime: e, children: l(e, A) }) }) }) : /* @__PURE__ */ r("time", { dateTime: e, children: /* @__PURE__ */ r(o, { el: s.SPAN, variant: a.BODY, children: l(e, A) }) }),
+        paymentLinkId: ({ item: e }) => i ? /* @__PURE__ */ r("div", { className: S, children: [
           /* @__PURE__ */ r(o, { strongest: !0, el: s.SPAN, variant: a.BODY, children: e.paymentLinkId }),
           /* @__PURE__ */ r("time", { dateTime: e.expirationDate, children: /* @__PURE__ */ r(
             o,
             {
-              className: $,
+              className: X,
               el: s.SPAN,
               variant: a.CAPTION,
               children: t.get("payByLink.overview.common.actionNeeded.expiresAt", {
@@ -189,7 +189,7 @@ const I = (c) => {
             }
           ) })
         ] }) : /* @__PURE__ */ r(C, { children: e.paymentLinkId }),
-        shopperEmail: ({ item: e }) => /* @__PURE__ */ r(C, { children: e.shopperEmail === re ? ee : e.shopperEmail })
+        shopperEmail: ({ item: e }) => /* @__PURE__ */ r(C, { children: e.shopperEmail === ee ? Z : e.shopperEmail })
       },
       children: M && /* @__PURE__ */ r(B.Footer, { children: /* @__PURE__ */ r(
         ne,

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

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

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

@@ -11,12 +11,12 @@ import { useCallback as u, useMemo as a, useEffect as se } from "../../../../../
 import { DataDetailsModal as le } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
 /* empty css                     */
 import { useCustomColumnsData as ce } from "../../../../../hooks/useCustomColumnsData.js";
-import { hasCustomField as ne } from "../../../../utils/customData/hasCustomField.js";
-import { mergeRecords as me } from "../../../../utils/customData/mergeRecords.js";
+import ne from "../../../../utils/customData/hasCustomField.js";
+import me from "../../../../utils/customData/mergeRecords.js";
 import { useFilterBarState as de, FilterBarMobileSwitch as ue, FilterBar as pe } from "../../../../internal/FilterBar/FilterBar.js";
 import fe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
 import Ae from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useConfigContext as De } from "../../../../../core/ConfigContext/context.js";
+import { useConfigContext as De } from "../../../../../core/ConfigContext/preact/context.js";
 import { isFunction as Ee } from "../../../../../utils/value/is.js";
 import { Header as ye } from "../../../../internal/Header/Header.js";
 const qe = ({

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

@@ -1,20 +1,20 @@
 import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import O from "classnames";
-import w from "../../../../../core/Context/useCoreContext.js";
-import { getCurrencyCode as F } from "../../../../../core/Localization/amount/amount-util.js";
-import { useMemo as l, useCallback as L } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import P from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import Y from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import { getCurrencyCode as w } from "../../../../../core/Localization/amount/amount-util.js";
+import { useMemo as l, useCallback as F } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import L from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import P from "../../../../internal/DataOverviewError/DataOverviewError.js";
 import { TypographyVariant as a, TypographyElement as m } from "../../../../internal/Typography/types.js";
 import u from "../../../../internal/Typography/Typography.js";
-import { useResponsiveContainer as M, containerQueries as B } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as N, NET_PAYOUT_CLASS as U } from "./constants.js";
+import { useResponsiveContainer as Y, containerQueries as M } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as B, NET_PAYOUT_CLASS as N } from "./constants.js";
 /* empty css                  */
-import { useTableColumns as j } from "../../../../../hooks/useTableColumns.js";
+import { useTableColumns as U } from "../../../../../hooks/useTableColumns.js";
+import j from "../../../../../core/Context/preact/useCoreContext.js";
 import y from "../../../../internal/DataGrid/DataGrid.js";
 import x from "../../../../internal/Pagination/Pagination.js";
 import { DATE_FORMAT_PAYOUTS_MOBILE as K, DATE_FORMAT_PAYOUTS as I } from "../../../../../constants/dateFormats.js";
-import { useConfigContext as R } from "../../../../../core/ConfigContext/context.js";
+import { useConfigContext as R } from "../../../../../core/ConfigContext/preact/context.js";
 const T = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], $ = ["createdAt", ...T], C = {
   adjustmentAmount: "payouts.overview.list.fields.adjustmentAmount",
   createdAt: "payouts.overview.list.fields.createdAt",
@@ -31,17 +31,17 @@ const T = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], $ = ["cre
   customColumns: S,
   ...h
 }) => {
-  const { i18n: n } = w(), { dateFormat: d } = P("UTC"), { refreshing: A } = R(), E = l(() => c || A, [c, A]), r = M(B.up.sm), s = L(
+  const { i18n: n } = j(), { dateFormat: d } = L("UTC"), { refreshing: A } = R(), E = l(() => c || A, [c, A]), r = Y(M.up.sm), s = F(
     (t) => {
       const f = n.get(C[t]);
       if (G(t))
         return {
-          label: i?.[0]?.[t]?.currency ? `${f} (${F(i?.[0]?.[t]?.currency)})` : f,
+          label: i?.[0]?.[t]?.currency ? `${f} (${w(i?.[0]?.[t]?.currency)})` : f,
           position: "right"
         };
     },
     [i, n]
-  ), _ = j({
+  ), _ = U({
     customColumns: S,
     fields: $,
     fieldsKeys: C,
@@ -57,10 +57,10 @@ const T = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], $ = ["cre
     title: "payouts.overview.errors.listEmpty",
     message: ["common.errors.updateFilters"]
   }, D = l(
-    () => () => /* @__PURE__ */ e(Y, { error: o, errorMessage: "payouts.overview.errors.listUnavailable", onContactSupport: p }),
+    () => () => /* @__PURE__ */ e(P, { error: o, errorMessage: "payouts.overview.errors.listUnavailable", onContactSupport: p }),
     [o, p]
   );
-  return /* @__PURE__ */ e("div", { className: N, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: B, children: /* @__PURE__ */ e(
     y,
     {
       errorDisplay: D,
@@ -80,7 +80,7 @@ const T = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], $ = ["cre
           {
             el: m.SPAN,
             variant: a.BODY,
-            className: O({ [`${U}--strong`]: !r }),
+            className: O({ [`${N}--strong`]: !r }),
             children: n.amount(t.value, t.currency, { hideCurrency: r })
           }
         )

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

@@ -9,12 +9,12 @@ import { ReportsTable as Q, FIELDS as V } from "../ReportsTable/ReportsTable.js"
 import { BASE_CLASS as W, EARLIEST_PAYOUT_SINCE_DATE as X } from "./constants.js";
 /* empty css                     */
 import { useCustomColumnsData as Z } from "../../../../../hooks/useCustomColumnsData.js";
-import { hasCustomField as $ } from "../../../../utils/customData/hasCustomField.js";
-import { mergeRecords as z } from "../../../../utils/customData/mergeRecords.js";
+import $ from "../../../../utils/customData/hasCustomField.js";
+import z from "../../../../utils/customData/mergeRecords.js";
 import ee from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
 import { useFilterBarState as te, FilterBarMobileSwitch as re, FilterBar as oe } from "../../../../internal/FilterBar/FilterBar.js";
 import ie from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useConfigContext as se } from "../../../../../core/ConfigContext/context.js";
+import { useConfigContext as se } from "../../../../../core/ConfigContext/preact/context.js";
 import { isFunction as ae } from "../../../../../utils/value/is.js";
 import { Header as ne } from "../../../../internal/Header/Header.js";
 const ge = ({