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

package/dist/es/components/external/TransactionsOverview/components/TransactionFilters/TransactionPspReferenceFilter.js

@@ -1,16 +1,16 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import M from "classnames";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import D from "classnames";
 import { ARIA_ERROR_SUFFIX as k } from "../../../../../core/Errors/constants.js";
-import { useState as w, useMemo as a, useRef as L, useCallback as _, useEffect as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { TypographyVariant as C, TypographyElement as P } from "../../../../internal/Typography/types.js";
+import { useState as w, useMemo as c, useRef as L, useCallback as _, useEffect as E } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { TypographyVariant as P, TypographyElement as C } from "../../../../internal/Typography/types.js";
 import q from "../../../../../hooks/useAnalytics/useFilterAnalyticsEvent.js";
-import N from "../../../../../core/Context/useCoreContext.js";
-import S from "../../../../internal/Typography/Typography.js";
-import O from "../../../../internal/FormFields/InputBase.js";
+import T from "../../../../internal/Typography/Typography.js";
+import M from "../../../../internal/FormFields/InputBase.js";
 /* empty css                                   */
-import Y from "../../../../internal/FilterBar/filters/TextFilter/TextFilter.js";
-import { Icon as H } from "../../../../internal/Icon/Icon.js";
-import { uniqueId as T } from "../../../../../utils/random/uniqueId.js";
+import N from "../../../../../core/Context/preact/useCoreContext.js";
+import O from "../../../../internal/FilterBar/filters/TextFilter/TextFilter.js";
+import { Icon as Y } from "../../../../internal/Icon/Icon.js";
+import S from "../../../../../utils/random/uniqueId.js";
 import { CommitAction as F } from "../../../../../hooks/useCommitAction/types.js";
 const f = "adyen-pe-psp-reference-filter", b = 16, m = {
   root: f,
@@ -18,78 +18,77 @@ const f = "adyen-pe-psp-reference-filter", b = 16, m = {
   inputError: f + "__input-error",
   inputWithError: f + "__input--with-error",
   title: f + "__title"
-}, x = ({ eventCategory: d, eventSubCategory: c, onChange: l, value: n }) => {
-  const { i18n: h } = N(), { logEvent: o } = q({ category: d, subCategory: c, label: "PSP reference filter" }), [r, e] = w(!1), E = a(() => h.get("transactions.overview.filters.types.paymentPspReference.label"), [h]), s = L(n), p = _(
+}, ne = ({ eventCategory: d, eventSubCategory: a, onChange: l, value: n }) => {
+  const { i18n: h } = N(), { logEvent: o } = q({ category: d, subCategory: a, label: "PSP reference filter" }), [r, e] = w(!1), R = c(() => h.get("transactions.overview.filters.types.paymentPspReference.label"), [h]), s = L(n), p = _(
     (i) => {
       s.current !== i && (s.current = i, o?.("update", null), l?.(i));
     },
     [o, l]
-  ), R = _(() => e(!0), []);
-  return y(() => {
+  ), y = _(() => e(!0), []);
+  return E(() => {
     r && (e(!1), s.current !== n && o?.("reset"));
   }, [r, n, o]), /* @__PURE__ */ t(
-    Y,
+    O,
     {
-      "aria-label": E,
-      label: n ?? E,
+      "aria-label": R,
+      label: n ?? R,
       onChange: p,
-      onResetAction: R,
+      onResetAction: y,
       value: n,
-      render: (i) => /* @__PURE__ */ t(x.EditModal, { ...i }),
+      render: (i) => /* @__PURE__ */ t(H, { ...i }),
       name: "pspReference"
     }
   );
-};
-x.EditModal = ({
+}, H = ({
   editAction: d,
-  onChange: c,
+  onChange: a,
   onValueUpdated: l,
   name: n,
   type: h,
   value: o
 }) => {
-  const { i18n: r } = N(), [e, E] = w(o), s = L(null), p = a(T, []), R = a(T, []), i = a(() => {
+  const { i18n: r } = N(), [e, R] = w(o), s = L(null), p = c(S, []), y = c(S, []), i = c(() => {
     const v = { length: b };
     return r.get("transactions.overview.filters.types.paymentPspReference.errors.invalidLength", { values: v });
-  }, [r]), u = e && e.length < b ? i : void 0, V = a(() => r.get("transactions.overview.filters.types.paymentPspReference.label"), [r]), B = a(() => r.get("transactions.overview.filters.types.paymentPspReference.placeholder"), [r]), D = (v) => {
+  }, [r]), u = e && e.length < b ? i : void 0, x = c(() => r.get("transactions.overview.filters.types.paymentPspReference.label"), [r]), V = c(() => r.get("transactions.overview.filters.types.paymentPspReference.placeholder"), [r]), B = (v) => {
     const g = v.currentTarget, I = g.selectionEnd, A = g.value.replace(/[^a-z\d]/gi, "").slice(0, b).toUpperCase();
-    g.value = A, g.setSelectionRange(I, I), A !== e && E(A || void 0);
+    g.value = A, g.setSelectionRange(I, I), A !== e && R(A || void 0);
   };
-  return y(() => {
+  return E(() => {
     l(u ? o || void 0 : e);
-  }, [e, u, l, o]), y(() => {
+  }, [e, u, l, o]), E(() => {
     switch (d) {
       case F.APPLY:
-        c(e);
+        a(e);
         break;
       case F.CLEAR:
-        c();
+        a();
         break;
     }
-  }, [d, c, e]), y(() => {
+  }, [d, a, e]), E(() => {
     s.current && s.current.focus();
   }, []), /* @__PURE__ */ t("div", { className: m.root, children: [
-    /* @__PURE__ */ t("div", { className: m.title, children: /* @__PURE__ */ t("label", { id: R, htmlFor: p, children: /* @__PURE__ */ t(S, { el: P.DIV, variant: C.BODY, strongest: !0, children: V }) }) }),
-    /* @__PURE__ */ t("div", { className: M(m.input, { [m.inputWithError]: u }), children: /* @__PURE__ */ t(
-      O,
+    /* @__PURE__ */ t("div", { className: m.title, children: /* @__PURE__ */ t("label", { id: y, htmlFor: p, children: /* @__PURE__ */ t(T, { el: C.DIV, variant: P.BODY, strongest: !0, children: x }) }) }),
+    /* @__PURE__ */ t("div", { className: D(m.input, { [m.inputWithError]: u }), children: /* @__PURE__ */ t(
+      M,
       {
         autoComplete: "off",
         uniqueId: p,
         ref: s,
-        placeholder: B,
+        placeholder: V,
         "data-testid": n,
         name: n,
         type: h,
         value: e,
-        onInput: D
+        onInput: B
       }
     ) }),
     u && /* @__PURE__ */ t("div", { className: m.inputError, id: `${p}${k}`, children: [
-      /* @__PURE__ */ t(H, { name: "cross-circle-fill" }),
-      /* @__PURE__ */ t(S, { el: P.SPAN, variant: C.BODY, children: u })
+      /* @__PURE__ */ t(Y, { name: "cross-circle-fill" }),
+      /* @__PURE__ */ t(T, { el: C.SPAN, variant: P.BODY, children: u })
     ] })
   ] });
 };
 export {
-  x as default
+  ne as default
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionTotalItem/TransactionTotalItem.js

@@ -1,7 +1,7 @@
-import { jsx as x } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import V from "../../../../../core/Context/useCoreContext.js";
-import { useRef as n, useMemo as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { SummaryItem as C } from "../SummaryItem/SummaryItem.js";
+import { jsx as x } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useRef as n, useMemo as V } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as h } from "../SummaryItem/SummaryItem.js";
+import C from "../../../../../core/Context/preact/useCoreContext.js";
 const R = ({
   total: e,
   hiddenField: s,
@@ -14,7 +14,7 @@ const R = ({
   expensesElemId: o,
   incomingsElemId: i
 }) => {
-  const { i18n: t } = V(), m = n(null), f = n(null), p = n(null), y = h(() => {
+  const { i18n: t } = C(), m = n(null), f = n(null), p = n(null), y = V(() => {
     const b = {
       elemId: i,
       labelKey: "transactions.overview.totals.tags.incoming",
@@ -48,7 +48,7 @@ const R = ({
     ];
   }, [i, o, s, e, t]);
   return /* @__PURE__ */ x(
-    C,
+    h,
     {
       showLabelUnderline: a,
       isEmpty: !e,

package/dist/es/components/external/TransactionsOverview/components/TransactionTotals/TotalsCard.js

@@ -1,14 +1,14 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as h } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useState as w, useMemo as i } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import y from "../../../../../core/Context/useCoreContext.js";
-import T from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as h } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useState as w, useMemo as i } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import y from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { TransactionTotalItem as f } from "../TransactionTotalItem/TransactionTotalItem.js";
-import { useMaxWidthsState as $ } from "../../hooks/useMaxWidths.js";
-import { Fragment as C } from "../../../../../external/preact/dist/preact.module.js";
-import { uniqueId as v } from "../../../../../utils/random/uniqueId.js";
+import { useMaxWidthsState as T } from "../../hooks/useMaxWidths.js";
+import $ from "../../../../../core/Context/preact/useCoreContext.js";
+import { Fragment as C } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import v from "../../../../../utils/random/uniqueId.js";
 const z = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: I, ...x }) => {
-  const { i18n: n } = y(), [a, l] = $(), [m, c] = w(!1), d = i(() => n.get("transactions.overview.totals.currency.label"), [n]), [s, ...u] = i(() => p.map((e) => ({
+  const { i18n: n } = $(), [a, l] = T(), [m, c] = w(!1), d = i(() => n.get("transactions.overview.totals.currency.label"), [n]), [s, ...u] = i(() => p.map((e) => ({
     ...e,
     key: e.currency,
     expensesElemId: v("elem"),
@@ -69,7 +69,7 @@ const z = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: I, ...x }) =>
     e.key
   )) }) : void 0, [o, u, m, t, a, l, d]);
   return /* @__PURE__ */ r(
-    T,
+    y,
     {
       renderContent: ({ collapsibleContent: e }) => /* @__PURE__ */ r("div", { role: "list", "aria-label": E, children: [
         g,

package/dist/es/components/external/TransactionsOverview/components/TransactionTotals/TransactionTotals.js

@@ -1,11 +1,11 @@
-import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as d } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { jsx as i } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as d } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import { TotalsCard as a } from "./TotalsCard.js";
 import { BASE_CLASS as c, ITEM_CLASS as n } from "./constants.js";
 import { useResponsiveContainer as t, containerQueries as l } from "../../../../../hooks/useResponsiveContainer.js";
-import f from "../../../../../core/Context/useCoreContext.js";
 /* empty css                       */
-import { Fragment as p } from "../../../../../external/preact/dist/preact.module.js";
+import f from "../../../../../core/Context/preact/useCoreContext.js";
+import { Fragment as p } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 const L = d(({ loadingTotals: e, totals: o }) => {
   const { i18n: r } = f(), m = t(l.only.xs), s = t(l.down.sm);
   return /* @__PURE__ */ i("div", { className: c, children: m ? /* @__PURE__ */ i(p, { children: [

package/dist/es/components/external/TransactionsOverview/components/TransactionsExport/TransactionsExport.js

@@ -1,35 +1,37 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import _ from "classnames";
-import { Alert as X } from "../../../../internal/Alert/Alert.js";
-import Te from "../../../../internal/Popover/Popover.js";
+import { Alert as Q } from "../../../../internal/Alert/Alert.js";
+import Ce from "../../../../internal/Popover/Popover.js";
 import te from "../../../../internal/Typography/Typography.js";
-import Ce from "../../../../../core/Context/useCoreContext.js";
+import we from "../../../../../hooks/useUniqueId.js";
 import Ae from "../../../../internal/Button/DownloadButton/useDownload.js";
-import we from "../../../../../core/Context/analytics/useAnalyticsContext.js";
 import ye from "../../../../internal/ToggleSwitch/ToggleSwitch.js";
 import Ee from "../../../../internal/Button/ButtonActions/ButtonActions.js";
 import Se from "../../../../internal/FilterBar/components/FilterButton/FilterButton.js";
-import { EXPORT_COLUMNS as h, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as be, TRANSACTION_ANALYTICS_CATEGORY as Ne, DEFAULT_EXPORT_COLUMNS as $ } from "../../constants.js";
+import { EXPORT_COLUMNS as h, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as be, TRANSACTION_ANALYTICS_CATEGORY as Ne, DEFAULT_EXPORT_COLUMNS as X } from "../../constants.js";
 import { ButtonActionsLayoutBasic as Oe } from "../../../../internal/Button/ButtonActions/types.js";
 import { useResponsiveContainer as Pe, containerQueries as Re } from "../../../../../hooks/useResponsiveContainer.js";
-import { PopoverContainerVariant as Fe, PopoverContainerPosition as z } from "../../../../internal/Popover/types.js";
+import { PopoverContainerVariant as Ie, PopoverContainerPosition as z } from "../../../../internal/Popover/types.js";
 import { TypographyVariant as oe, TypographyElement as re } from "../../../../internal/Typography/types.js";
-import { useState as y, useMemo as n, useRef as J, useCallback as x, useEffect as E } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useTransactionsOverviewContext as Fe } from "../../context/TransactionsOverviewContext.js";
+import { useState as y, useMemo as n, useRef as J, useCallback as x, useEffect as E } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { AlertTypeOption as K } from "../../../../internal/Alert/types.js";
 import { ButtonVariant as W } from "../../../../internal/Button/types.js";
-import { getTransactionsFilterQueryParams as Ie } from "../utils.js";
-import { Tag as Be } from "../../../../internal/Tag/Tag.js";
+import { getTransactionsFilterQueryParams as Be } from "../utils.js";
+import { Tag as _e } from "../../../../internal/Tag/Tag.js";
 import { classes as r } from "./constants.js";
 /* empty css                        */
-import { Fragment as _e } from "../../../../../external/preact/dist/preact.module.js";
-import Le from "../../../../internal/Spinner/Spinner.js";
-import { Icon as De } from "../../../../internal/Icon/Icon.js";
-import { fixedForwardRef as ke } from "../../../../../utils/preact/fixedForwardRef.js";
-import { downloadBlob as Ye } from "../../../../../utils/file/download.js";
+import Le from "../../../../../core/Context/preact/useCoreContext.js";
+import De from "../../../../../core/Context/analytics/preact/useAnalyticsContext.js";
+import { downloadBlob as ke } from "../../../../../utils/file/download.js";
+import { Fragment as Ye } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import Me from "../../../../internal/Spinner/Spinner.js";
+import { Icon as Ue } from "../../../../internal/Icon/Icon.js";
+import { fixedForwardRef as qe } from "../../../../../utils/preact/fixedForwardRef.js";
 import { EMPTY_ARRAY as g } from "../../../../../utils/value/constants.js";
-import { useConfigContext as Me } from "../../../../../core/ConfigContext/context.js";
-import { uniqueId as I } from "../../../../../utils/random/uniqueId.js";
-import { isFunction as Ge } from "../../../../../utils/value/is.js";
+import { useConfigContext as Ge } from "../../../../../core/ConfigContext/preact/context.js";
+import F from "../../../../../utils/random/uniqueId.js";
+import { isFunction as Ve } from "../../../../../utils/value/is.js";
 const B = {
   category: Ne,
   subCategory: be
@@ -38,10 +40,10 @@ const B = {
   el: c = re.DIV,
   variant: u = oe.BODY,
   ...o
-}) => /* @__PURE__ */ e(te, { ...o, el: c, variant: u, children: m }), Z = ke(
+}) => /* @__PURE__ */ e(te, { ...o, el: c, variant: u, children: m }), Z = qe(
   ({ children: m, className: c, ...u }, o) => /* @__PURE__ */ e(ye, { ref: o, className: _([r.popoverColumn, c]), ...u, name: "columns", children: /* @__PURE__ */ e(L, { el: re.SPAN, children: m }) })
-), ee = ({ children: m, ...c }) => /* @__PURE__ */ e(L, { ...c, className: r.popoverSectionTitle, stronger: !0, children: m }), Tt = ({ disabled: m, filters: c, now: u }) => {
-  const { i18n: o } = Ce(), T = we(), S = Pe(Re.down.xs), [l, D] = y(!1), [ne, k] = y(), [b, Y] = y(!1), [p, M] = y([]), [se, ie] = n(() => {
+), ee = ({ children: m, ...c }) => /* @__PURE__ */ e(L, { ...c, className: r.popoverSectionTitle, stronger: !0, children: m }), Et = ({ disabled: m }) => {
+  const { filters: c, lastFiltersChangeTimestamp: u } = Fe(), { i18n: o } = Le(), T = De(), S = Pe(Re.down.xs), [l, D] = y(!1), [ne, k] = y(), [b, Y] = y(!1), [p, M] = y([]), [se, ie] = n(() => {
     const {
       balanceAccount: t,
       paymentPspReference: i,
@@ -57,33 +59,35 @@ const B = {
       ...f.length ? ["transactions.overview.export.filters.types.currency"] : g,
       ...i ? ["transactions.overview.export.filters.types.paymentPspReference"] : g
     ], v = {
-      ...Ie(c, u),
+      ...Be(c, u),
       sortDirection: "desc"
     };
     return [a, v];
-  }, [c, u]), { downloadTransactions: ae } = Me().endpoints, G = Ge(ae), ce = G && l && b && !!p.length, { error: U, isFetching: N } = Ae(
+  }, [c, u]), { downloadTransactions: ae } = Ge().endpoints, U = Ve(ae), ce = U && l && b && !!p.length, { error: q, isFetching: N } = Ae(
     "downloadTransactions",
     { query: { ...ie, columns: p } },
     ce,
-    Ye
-  ), V = J(null), O = n(() => o.get("transactions.overview.export.button.label"), [o]), le = n(() => o.get("transactions.overview.export.button.inProgress"), [o]), q = n(() => o.get("transactions.overview.export.actions.cancel"), [o]), H = n(() => o.get("transactions.overview.export.actions.download"), [o]), pe = n(() => o.get("transactions.overview.export.filters.title"), [o]), me = n(() => o.get("transactions.overview.export.columns.title"), [o]), j = n(I, []), P = n(
+    ke
+  ), le = `elem-${we()}`, G = J(null), O = n(() => o.get("transactions.overview.export.button.label"), [o]), pe = n(() => o.get("transactions.overview.export.button.inProgress"), [o]), V = n(() => o.get("transactions.overview.export.actions.cancel"), [o]), H = n(() => o.get("transactions.overview.export.actions.download"), [o]), me = n(() => o.get("transactions.overview.export.filters.title"), [o]), de = n(() => o.get("transactions.overview.export.columns.title"), [o]), $ = n(F, []), P = n(
     () => h.map((t) => ({
       label: o.get(`transactions.overview.export.columns.types.${t}`),
-      id: I(),
+      id: F(),
       value: t
     })),
     [o]
-  ), de = n(() => o.get("transactions.overview.export.columns.types.all", {
+  ), ue = n(() => o.get("transactions.overview.export.columns.types.all", {
     values: { count: h.length }
-  }), [o]), R = n(I, []), F = J(null), ue = n(() => P.map(({ id: t }) => t).join(" "), [P]), fe = p.length === h.length, Q = x(
+  }), [o]), R = n(F, []), I = J(null), fe = n(() => P.map(({ id: t }) => t).join(" "), [P]), ve = p.length === h.length, j = x(
     (t) => {
       const i = t.currentTarget, s = i.value, d = i.checked, f = i.id === R;
       M((a) => {
-        if (f) return d ? h : g;
+        if (f)
+          return d ? h : g;
         if (h.includes(s)) {
           const v = a.indexOf(s);
           if (d) {
-            if (v < 0) return [...a, s];
+            if (v < 0)
+              return [...a, s];
           } else if (v >= 0)
             return [...a.slice(0, v), ...a.slice(v + 1)];
         }
@@ -91,26 +95,26 @@ const B = {
       });
     },
     [R]
-  ), A = x(
+  ), w = x(
     (t) => {
       t ? T.addEvent?.("Cancelled export", B) : T.addEvent?.("Clicked button", { ...B, label: "Export" });
     },
     [T]
   ), C = x(
     (t = !0) => {
-      D(!1), t && A(!0);
+      D(!1), t && w(!0);
     },
-    [A]
-  ), ve = x(() => {
-    D((t) => !t), A(l);
-  }, [l, A]), w = x(() => k(void 0), []), he = n(
+    [w]
+  ), he = x(() => {
+    D((t) => !t), w(l);
+  }, [l, w]), A = x(() => k(void 0), []), xe = n(
     () => ({
       event: () => C(),
       variant: W.SECONDARY,
-      title: q
+      title: V
     }),
-    [q, C]
-  ), xe = n(
+    [V, C]
+  ), ge = n(
     () => ({
       disabled: !p.length,
       event: () => Y(!0),
@@ -120,15 +124,15 @@ const B = {
     [H, p.length]
   );
   E(() => {
-    k(U);
-  }, [U]), E(() => {
-    l ? w() : M($);
-  }, [l, w]), E(() => {
+    k(q);
+  }, [q]), E(() => {
+    l ? A() : M(X);
+  }, [l, A]), E(() => {
     if (b) {
       Y(!1), C(!1);
       let t = "Custom", i = !0, s = !0;
       h.forEach((d) => {
-        const f = p.includes(d), a = $.includes(d);
+        const f = p.includes(d), a = X.includes(d);
         i &&= f ? a : !a, s &&= f;
       }), s ? t = "All" : i && (t = "Default"), T.addEvent?.("Completed export", {
         ...B,
@@ -137,71 +141,83 @@ const B = {
     }
   }, [p, b, C, T]), E(() => {
     (function t() {
-      F.current ? F.current.focus() : requestAnimationFrame(t);
+      I.current ? I.current.focus() : requestAnimationFrame(t);
     })();
   }, []);
-  const ge = x(
-    () => /* @__PURE__ */ e(X, { onClose: w, className: r.errorAlert, type: K.CRITICAL, children: /* @__PURE__ */ e(te, { variant: oe.BODY, children: o.get("transactions.overview.export.actions.error") }) }),
-    [o, w]
+  const Te = x(
+    () => /* @__PURE__ */ e(
+      Q,
+      {
+        onClose: A,
+        className: r.errorAlert,
+        type: K.CRITICAL,
+        "data-testid": "transactions-export-error-alert",
+        children: /* @__PURE__ */ e(te, { variant: oe.BODY, children: o.get("transactions.overview.export.actions.error") })
+      }
+    ),
+    [o, A]
   );
-  return G ? /* @__PURE__ */ e("div", { className: r.root, children: [
-    /* @__PURE__ */ e(_e, { children: [
+  return U ? /* @__PURE__ */ e("div", { className: r.root, children: [
+    /* @__PURE__ */ e(Ye, { children: [
       /* @__PURE__ */ e(
         Se,
         {
+          "aria-haspopup": "dialog",
+          "aria-expanded": l,
           "aria-label": O,
-          ref: V,
+          ref: G,
+          id: le,
           className: r.button,
           classNameModifiers: l ? ["active"] : void 0,
           disabled: m || N,
-          onClick: ve,
+          onClick: he,
           tabIndex: 0,
           children: /* @__PURE__ */ e("div", { className: "adyen-pe-filter-button__default-container", children: /* @__PURE__ */ e(L, { className: "adyen-pe-filter-button__label", children: [
-            N ? /* @__PURE__ */ e(Le, { size: "x-small" }) : /* @__PURE__ */ e(De, { name: "download" }),
-            !S && /* @__PURE__ */ e("span", { children: N ? le : O })
+            N ? /* @__PURE__ */ e(Me, { size: "x-small" }) : /* @__PURE__ */ e(Ue, { name: "download" }),
+            !S && /* @__PURE__ */ e("span", { children: N ? pe : O })
           ] }) })
         }
       ),
-      ne && ge()
+      ne && Te()
     ] }),
     l && /* @__PURE__ */ e(
-      Te,
+      Ce,
       {
         disableFocusTrap: !1,
         dismissible: !1,
         dismiss: C,
         open: l,
         position: S ? z.BOTTOM : z.BOTTOM_RIGHT,
-        variant: Fe.POPOVER,
+        variant: Ie.POPOVER,
         showOverlay: S,
-        targetElement: V,
+        targetElement: G,
         title: O,
-        children: /* @__PURE__ */ e("div", { className: r.popover, children: [
+        children: /* @__PURE__ */ e("div", { className: r.popover, "data-testid": "transactions-export-popover", children: [
           /* @__PURE__ */ e("div", { className: r.popoverSections, children: [
-            /* @__PURE__ */ e("div", { className: _(r.popoverSection, r.filtersSection), children: [
-              /* @__PURE__ */ e(ee, { children: `${pe}:` }),
-              se.map((t) => /* @__PURE__ */ e(Be, { label: o.get(t) }, t))
+            /* @__PURE__ */ e("div", { className: _(r.popoverSection, r.filtersSection), "data-testid": "transactions-export-filters", children: [
+              /* @__PURE__ */ e(ee, { children: `${me}:` }),
+              se.map((t) => /* @__PURE__ */ e(_e, { label: o.get(t) }, t))
             ] }),
-            /* @__PURE__ */ e("div", { className: _(r.popoverSection, r.columnsSection), children: /* @__PURE__ */ e("div", { role: "group", "aria-labelledby": j, children: [
-              /* @__PURE__ */ e(ee, { id: j, children: me }),
+            /* @__PURE__ */ e("div", { className: _(r.popoverSection, r.columnsSection), children: /* @__PURE__ */ e("div", { role: "group", "aria-labelledby": $, children: [
+              /* @__PURE__ */ e(ee, { id: $, children: de }),
               /* @__PURE__ */ e("div", { className: r.popoverSectionContent, children: [
                 /* @__PURE__ */ e(
                   Z,
                   {
-                    ref: F,
+                    ref: I,
                     className: r.popoverColumnAll,
-                    "aria-controls": ue,
-                    checked: fe,
-                    onChange: Q,
+                    "aria-controls": fe,
+                    checked: ve,
+                    onChange: j,
                     id: R,
-                    children: de
+                    children: ue
                   }
                 ),
                 P.map(({ id: t, label: i, value: s }) => /* @__PURE__ */ e(
                   Z,
                   {
                     checked: p.includes(s),
-                    onChange: Q,
+                    onChange: j,
                     value: s,
                     id: t,
                     children: i
@@ -213,14 +229,14 @@ const B = {
           ] }),
           /* @__PURE__ */ e("div", { className: r.popoverActions, children: [
             /* @__PURE__ */ e(
-              X,
+              Q,
               {
                 type: K.HIGHLIGHT,
                 className: r.popoverActionsAlert,
                 title: o.get("transactions.overview.export.actions.download.info")
               }
             ),
-            /* @__PURE__ */ e(Ee, { actions: [xe, he], layout: Oe.BUTTONS_END })
+            /* @__PURE__ */ e(Ee, { actions: [ge, xe], layout: Oe.BUTTONS_END })
           ] })
         ] })
       }
@@ -228,5 +244,5 @@ const B = {
   ] }) : null;
 };
 export {
-  Tt as default
+  Et as default
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsList/TransactionDetailsModal.js

@@ -1,8 +1,8 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useEffect as n } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useEffect as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { classes as m } from "../../constants.js";
 import { popoverUtil as p } from "../../../../internal/Popover/utils/popoverUtil.js";
-import d from "../../../../../core/Context/useCoreContext.js";
+import d from "../../../../../core/Context/preact/useCoreContext.js";
 import f from "../../../../internal/Modal/Modal.js";
 import { TransactionData as c } from "../../../TransactionDetails/components/TransactionData/TransactionData.js";
 const g = ({

package/dist/es/components/external/TransactionsOverview/components/TransactionsList/TransactionsList.js

@@ -1,10 +1,10 @@
-import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as E } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as E } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { TransactionDetailsModal as b } from "./TransactionDetailsModal.js";
 import { TransactionsTable as x } from "../TransactionsTable/TransactionsTable.js";
 import { sharedTransactionDetailsEventProperties as L } from "../../../TransactionDetails/constants.js";
-import M from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import P from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import M from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import P from "../../../../../core/Context/analytics/preact/useAnalyticsContext.js";
 const V = ({
   balanceAccount: t,
   currenciesLookupResult: l,
@@ -15,7 +15,7 @@ const V = ({
   showDetails: u,
   transactionsListResult: p
 }) => {
-  const a = M(), { sortedCurrencies: e } = l, { updateDetails: i, resetDetails: f, selectedDetail: h } = P({
+  const a = P(), { sortedCurrencies: e } = l, { updateDetails: i, resetDetails: f, selectedDetail: h } = M({
     transaction: {
       showDetails: u ?? !0,
       callback: d