@adyen/adyen-platform-experience-web 1.4.1 → 1.5.0

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 }) })
     }
   ) });
 };

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as A, useMemo as n, useEffect as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as A, useMemo as c, useEffect as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import V from "../../../../../hooks/useBalanceAccountSelection.js";
 import W from "../../../../../hooks/useDefaultOverviewFilterParams.js";
 import X from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
@@ -15,11 +15,11 @@ import oe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.
 import { useFilterBarState as le, FilterBarMobileSwitch as ie, FilterBar as pe } from "../../../../internal/FilterBar/FilterBar.js";
 import me from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
 import { useConfigContext as fe } from "../../../../../core/ConfigContext/context.js";
-import { isFunction as ne } from "../../../../../utils/value/is.js";
-import { Header as ce } from "../../../../internal/Header/Header.js";
+import { isFunction as ce } from "../../../../../utils/value/is.js";
+import { Header as ne } from "../../../../internal/Header/Header.js";
 const we = ({
   onFiltersChanged: i,
-  balanceAccounts: c,
+  balanceAccounts: n,
   allowLimitSelection: d,
   preferredLimit: _ = $,
   isLoadingBalanceAccount: L,
@@ -27,8 +27,8 @@ const we = ({
   hideTitle: h,
   dataCustomization: e
 }) => {
-  var S, u, D, R;
-  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: O, onBalanceAccountSelection: g } = V(c), { defaultParams: o, nowTimestamp: N, refreshNowTimestamp: m } = W("reports", r), b = A(
+  var S, D, R, u;
+  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: O, onBalanceAccountSelection: g } = V(n), { defaultParams: o, nowTimestamp: N, refreshNowTimestamp: m } = W("reports", r), b = A(
     async (t, f) => p({ signal: f, errorLevel: "error" }, {
       query: {
         ...t,
@@ -39,7 +39,7 @@ const we = ({
       }
     }),
     [r == null ? void 0 : r.id, o, p]
-  ), E = le(), y = n(() => ne(i) ? i : void 0, [i]), U = n(() => d ? Z : void 0, [d]), { canResetFilters: w, error: M, fetching: x, filters: T, limit: q, limitOptions: v, records: F, resetFilters: de, updateFilters: K, updateLimit: j, ...k } = oe({
+  ), E = le(), y = c(() => ce(i) ? i : void 0, [i]), U = c(() => d ? Z : void 0, [d]), { canResetFilters: w, error: v, fetching: M, filters: T, limit: x, limitOptions: q, records: F, resetFilters: de, updateFilters: K, updateLimit: j, ...k } = oe({
     fetchRecords: b,
     dataField: "data",
     filterParams: o.current.defaultFilterParams,
@@ -51,19 +51,19 @@ const we = ({
   }), B = A(
     ({ records: t, retrievedData: f }) => se(t, f, (I, J) => I.createdAt === J.createdAt),
     []
-  ), G = n(() => {
+  ), G = c(() => {
     var t;
     return te((t = e == null ? void 0 : e.list) == null ? void 0 : t.fields, a);
   }, [(S = e == null ? void 0 : e.list) == null ? void 0 : S.fields]), { customRecords: H, loadingCustomRecords: Y } = re({
     records: F,
     hasCustomColumn: G,
-    onDataRetrieve: (u = e == null ? void 0 : e.list) == null ? void 0 : u.onDataRetrieve,
+    onDataRetrieve: (D = e == null ? void 0 : e.list) == null ? void 0 : D.onDataRetrieve,
     mergeCustomData: B
   });
   return Q(() => {
     m();
   }, [T, m]), /* @__PURE__ */ s("div", { className: z, children: [
-    /* @__PURE__ */ s(ce, { hideTitle: h, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ s(ie, { ...E }) }),
+    /* @__PURE__ */ s(ne, { hideTitle: h, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ s(ie, { ...E }) }),
     /* @__PURE__ */ s(pe, { ...E, children: [
       /* @__PURE__ */ s(
         me,
@@ -91,15 +91,15 @@ const we = ({
       C,
       {
         balanceAccountId: r == null ? void 0 : r.id,
-        loading: x || L || !c || !r || Y,
-        data: (D = e == null ? void 0 : e.list) != null && D.onDataRetrieve ? H : F,
+        loading: M || L || !n || !r || Y,
+        data: (R = e == null ? void 0 : e.list) != null && R.onDataRetrieve ? H : F,
         showPagination: !0,
-        limit: q,
-        limitOptions: v,
+        limit: x,
+        limitOptions: q,
         onContactSupport: P,
         onLimitSelection: j,
-        error: M,
-        customColumns: (R = e == null ? void 0 : e.list) == null ? void 0 : R.fields,
+        error: v,
+        customColumns: (u = e == null ? void 0 : e.list) == null ? void 0 : u.fields,
         ...k
       }
     )

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

@@ -15,8 +15,8 @@ import { BASE_CLASS as G, DATE_TYPE_CLASS as $, DATE_TYPE_DATE_SECTION_CLASS as
 /* empty css                  */
 import { useTableColumns as V } from "../../../../../hooks/useTableColumns.js";
 import g from "../../../../internal/DataGrid/DataGrid.js";
-import { DATE_FORMAT_REPORTS as D } from "../../../../../constants/dateFormats.js";
 import X from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_REPORTS as D } from "../../../../../constants/dateFormats.js";
 import { useConfigContext as H } from "../../../../../core/ConfigContext/context.js";
 const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = ({
   error: i,

package/dist/es/components/external/TransactionDetails/components/TransactionData/TransactionDataContent.js

@@ -4,26 +4,26 @@ import { useState as N, useMemo as V, useCallback as i, useLayoutEffect as X } f
 import ue from "../../../../../core/Context/useCoreContext.js";
 import { useFetch as de } from "../../../../../hooks/useFetch.js";
 import { Alert as v } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as Y, AlertVariantOption as h } from "../../../../internal/Alert/types.js";
+import { AlertVariantOption as b, AlertTypeOption as Y } from "../../../../internal/Alert/types.js";
 import fe from "../../../../internal/Button/ButtonActions/ButtonActions.js";
 import { ButtonActionsLayoutBasic as pe } from "../../../../internal/Button/ButtonActions/types.js";
-import { ButtonVariant as b } from "../../../../internal/Button/types.js";
+import { ButtonVariant as h } from "../../../../internal/Button/types.js";
 import Ae from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import { TypographyModifier as Te, TypographyVariant as H } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as H, TypographyModifier as Te } from "../../../../internal/Typography/types.js";
 import x from "../../../../internal/Typography/Typography.js";
 import { ActiveView as a, RefundMode as y } from "../../context/types.js";
-import { TX_DATA_ACTION_BAR as Re, TX_REFUND_STATUSES_CONTAINER as Ne, TX_REFUND_RESPONSE_ICON as G, TX_REFUND_RESPONSE_ERROR_ICON as Ee, TX_REFUND_RESPONSE_SUCCESS_ICON as Se, TX_STATUS_BOX as _e, TX_DATA_CLASS as De, TX_REFUND_RESPONSE as Ie } from "../constants.js";
+import { TX_DATA_ACTION_BAR as Re, TX_REFUND_STATUSES_CONTAINER as Ne, TX_REFUND_RESPONSE_ICON as G, TX_REFUND_RESPONSE_ERROR_ICON as Ee, TX_REFUND_RESPONSE_SUCCESS_ICON as Se, TX_STATUS_BOX as _e, TX_REFUND_RESPONSE as De, TX_DATA_CLASS as Ie } from "../constants.js";
 import ve from "../details/TransactionDataProperties.js";
 import $ from "../details/TransactionDetailsDataContainer.js";
-import he from "../details/TransactionStatusBox.js";
-import { TransactionRefundFullAmountInput as be, TransactionRefundPartialAmountInput as ye } from "../refund/TransactionRefundAmount.js";
+import be from "../details/TransactionStatusBox.js";
+import { TransactionRefundFullAmountInput as he, TransactionRefundPartialAmountInput as ye } from "../refund/TransactionRefundAmount.js";
 import Ce from "../refund/TransactionRefundNotice.js";
 import Oe from "../refund/TransactionRefundReason.js";
 /* empty css                     */
 import { useTransaction as ge } from "../../hooks/useTransaction/useTransaction.js";
 import { useTransactionRefundMetadata as Pe } from "../../hooks/useTransactionRefundMetadata/useTransactionRefundMetadata.js";
-import { Icon as j } from "../../../../internal/Icon/Icon.js";
-import q from "../../../../internal/Button/Button.js";
+import j from "../../../../internal/Button/Button.js";
+import { Icon as q } from "../../../../internal/Icon/Icon.js";
 import { TransactionRefundProvider as Le } from "../../context/refund/context.js";
 import { TransactionDetailsProvider as Be } from "../../context/details/context.js";
 import { EMPTY_ARRAY as Ue, EMPTY_OBJECT as Me } from "../../../../../utils/value/constants.js";
@@ -32,7 +32,7 @@ const W = ({
   children: s,
   renderViewActionButtons: o,
   renderViewMessageBox: c
-}) => /* @__PURE__ */ e("div", { className: De, children: [
+}) => /* @__PURE__ */ e("div", { className: Ie, children: [
   s,
   c && c(),
   o()
@@ -41,7 +41,7 @@ const W = ({
   title: o,
   renderIcon: c,
   subtitle: p
-}) => /* @__PURE__ */ e("div", { className: Ie, children: [
+}) => /* @__PURE__ */ e("div", { className: De, children: [
   c && c(),
   /* @__PURE__ */ e(x, { className: Te.MEDIUM, variant: H.TITLE, children: o }),
   /* @__PURE__ */ e(x, { variant: H.BODY, children: p }),
@@ -81,7 +81,7 @@ const W = ({
       var k, w;
       return {
         title: l.value,
-        variant: b.SECONDARY,
+        variant: h.SECONDARY,
         event: (k = l.config) == null ? void 0 : k.action,
         classNames: (w = l.config) != null && w.className ? [l.config.className] : []
       };
@@ -94,14 +94,14 @@ const W = ({
       v,
       {
         type: Y.HIGHLIGHT,
-        variant: h.TIP,
+        variant: b.TIP,
         description: `${r.get("refund.theRefundIsBeingProcessed")} ${r.get("pleaseComeBackLater")}`
       }
     ),
     u.map((t, R) => /* @__PURE__ */ e(
       v,
       {
-        variant: h.TIP,
+        variant: b.TIP,
         type: (t == null ? void 0 : t.type) ?? Y.HIGHLIGHT,
         description: t == null ? void 0 : t.label
       },
@@ -134,7 +134,7 @@ const W = ({
           extraFields: o,
           dataCustomization: c,
           children: [
-            /* @__PURE__ */ e($, { className: _e, children: /* @__PURE__ */ e(he, { transaction: n, refundedState: oe }) }),
+            /* @__PURE__ */ e($, { className: _e, children: /* @__PURE__ */ e(be, { transaction: n, refundedState: oe }) }),
             /* @__PURE__ */ e(ve, {})
           ]
         }
@@ -152,12 +152,12 @@ const W = ({
           children: [
             /* @__PURE__ */ e(Ce, {}),
             ee && /* @__PURE__ */ e(Oe, {}),
-            T === y.FULL_AMOUNT && /* @__PURE__ */ e(be, {}),
+            T === y.FULL_AMOUNT && /* @__PURE__ */ e(he, {}),
             (T === y.PARTIAL_AMOUNT || T === y.PARTIAL_LINE_ITEMS) && /* @__PURE__ */ e(ye, { locale: r.locale }),
             S && /* @__PURE__ */ e(
               v,
               {
-                variant: h.TIP,
+                variant: b.TIP,
                 type: S.type,
                 description: S.description
               }
@@ -169,20 +169,20 @@ const W = ({
       return /* @__PURE__ */ e(
         z,
         {
-          renderIcon: () => /* @__PURE__ */ e(j, { name: "checkmark-circle-fill", className: F(G, Se) }),
+          renderIcon: () => /* @__PURE__ */ e(q, { name: "checkmark-circle-fill", className: F(G, Se) }),
           title: r.get("refundActionSuccessTitle"),
           subtitle: r.get("refundActionSuccessSubtitle"),
-          action: () => /* @__PURE__ */ e(q, { variant: b.SECONDARY, onClick: le, children: r.get("goBack") })
+          action: () => /* @__PURE__ */ e(j, { variant: h.SECONDARY, onClick: le, children: r.get("goBack") })
         }
       );
     case a.REFUND_ERROR:
       return /* @__PURE__ */ e(
         z,
         {
-          renderIcon: () => /* @__PURE__ */ e(j, { name: "cross-circle-fill", className: F(G, Ee) }),
+          renderIcon: () => /* @__PURE__ */ e(q, { name: "cross-circle-fill", className: F(G, Ee) }),
           title: r.get("refundActionErrorTitle"),
           subtitle: r.get("refundActionErrorSubtitle"),
-          action: () => /* @__PURE__ */ e(q, { variant: b.SECONDARY, onClick: A, children: r.get("goBack") })
+          action: () => /* @__PURE__ */ e(j, { variant: h.SECONDARY, onClick: A, children: r.get("goBack") })
         }
       );
     default:

package/dist/es/components/external/TransactionDetails/components/details/TransactionDataProperties.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as L } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import S from "../../../../internal/CopyText/CopyText.js";
 import { TX_DETAILS_RESERVED_FIELDS_SET as b, TX_DATA_LIST as F, TX_DATA_LABEL as B } from "../constants.js";
 import { isCustomDataObject as p } from "../../../../internal/DataGrid/components/TableCells.js";
@@ -15,7 +15,7 @@ import { isNullish as X } from "../../../../../utils/value/is.js";
 const re = () => {
   var y;
   const { i18n: u } = C(), { transaction: m, extraFields: f, dataCustomization: i } = j();
-  return v(() => {
+  return L(() => {
     const { balanceAccount: l, category: _, id: x, paymentPspReference: R, refundMetadata: n } = m, d = _ === "Refund", a = null, T = (t) => {
       if (X(t)) return null;
       const { value: r, currency: o } = t;
@@ -61,9 +61,9 @@ const re = () => {
           if (o === "link" && e)
             return /* @__PURE__ */ s(K, { classNames: [c(e == null ? void 0 : e.className)], href: e.href, target: e.target || "_blank", children: t });
           if (o === "icon" && e) {
-            const L = { url: e == null ? void 0 : e.src, alt: e.alt || t };
+            const v = { url: e == null ? void 0 : e.src, alt: e.alt || t };
             return /* @__PURE__ */ s("div", { className: c("adyen-pe-transaction-data__list-icon-value", e == null ? void 0 : e.className), children: [
-              /* @__PURE__ */ s(O, { ...L }),
+              /* @__PURE__ */ s(O, { ...v }),
               /* @__PURE__ */ s(D, { variant: k.BODY, children: [
                 " ",
                 t,