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

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

@@ -3,46 +3,47 @@ import _ from "classnames";
 import { Alert as Q } from "../../../../internal/Alert/Alert.js";
 import Ce from "../../../../internal/Popover/Popover.js";
 import te from "../../../../internal/Typography/Typography.js";
-import { useUniqueId as Ae } from "../../../../../hooks/useUniqueId.js";
-import we from "../../../../../core/Context/useCoreContext.js";
-import ye from "../../../../internal/Button/DownloadButton/useDownload.js";
-import Ee from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import Se from "../../../../internal/ToggleSwitch/ToggleSwitch.js";
-import be from "../../../../internal/Button/ButtonActions/ButtonActions.js";
-import Ne from "../../../../internal/FilterBar/components/FilterButton/FilterButton.js";
-import { EXPORT_COLUMNS as h, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as Oe, TRANSACTION_ANALYTICS_CATEGORY as Pe, DEFAULT_EXPORT_COLUMNS as X } from "../../constants.js";
-import { ButtonActionsLayoutBasic as Re } from "../../../../internal/Button/ButtonActions/types.js";
-import { useResponsiveContainer as Ie, containerQueries as Be } from "../../../../../hooks/useResponsiveContainer.js";
-import { PopoverContainerVariant as Fe, PopoverContainerPosition as z } from "../../../../internal/Popover/types.js";
+import we from "../../../../../hooks/useUniqueId.js";
+import Ae from "../../../../internal/Button/DownloadButton/useDownload.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 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 Ie, PopoverContainerPosition as z } from "../../../../internal/Popover/types.js";
 import { TypographyVariant as oe, TypographyElement as re } from "../../../../internal/Typography/types.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 _e } from "../utils.js";
-import { Tag as Le } 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 De } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-import ke from "../../../../internal/Spinner/Spinner.js";
-import { Icon as Ye } from "../../../../internal/Icon/Icon.js";
-import { fixedForwardRef as Me } from "../../../../../utils/preact/fixedForwardRef.js";
-import { downloadBlob as Ue } 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 qe } from "../../../../../core/ConfigContext/context.js";
-import { uniqueId as B } from "../../../../../utils/random/uniqueId.js";
-import { isFunction as Ge } from "../../../../../utils/value/is.js";
-const F = {
-  category: Pe,
-  subCategory: Oe
+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
 }, L = ({
   children: m,
   el: c = re.DIV,
   variant: u = oe.BODY,
   ...o
-}) => /* @__PURE__ */ e(te, { ...o, el: c, variant: u, children: m }), Z = Me(
-  ({ children: m, className: c, ...u }, o) => /* @__PURE__ */ e(Se, { 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 }), wt = ({ disabled: m, filters: c, now: u }) => {
-  const { i18n: o } = we(), T = Ee(), S = Ie(Be.down.xs), [l, D] = y(!1), [ne, k] = y(), [b, Y] = y(!1), [p, M] = y([]), [se, ie] = n(() => {
+}) => /* @__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 }), 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,
@@ -58,33 +59,35 @@ const F = {
       ...f.length ? ["transactions.overview.export.filters.types.currency"] : g,
       ...i ? ["transactions.overview.export.filters.types.paymentPspReference"] : g
     ], v = {
-      ..._e(c, u),
+      ...Be(c, u),
       sortDirection: "desc"
     };
     return [a, v];
-  }, [c, u]), { downloadTransactions: ae } = qe().endpoints, U = Ge(ae), ce = U && l && b && !!p.length, { error: q, isFetching: N } = ye(
+  }, [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,
-    Ue
-  ), le = `elem-${Ae()}`, 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(B, []), 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: B(),
+      id: F(),
       value: t
     })),
     [o]
   ), ue = n(() => o.get("transactions.overview.export.columns.types.all", {
     values: { count: h.length }
-  }), [o]), R = n(B, []), I = J(null), fe = n(() => P.map(({ id: t }) => t).join(" "), [P]), ve = p.length === h.length, j = 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)];
         }
@@ -92,19 +95,19 @@ const F = {
       });
     },
     [R]
-  ), A = x(
+  ), w = x(
     (t) => {
-      t ? T.addEvent?.("Cancelled export", F) : T.addEvent?.("Clicked button", { ...F, label: "Export" });
+      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]
+    [w]
   ), he = x(() => {
-    D((t) => !t), A(l);
-  }, [l, A]), w = x(() => k(void 0), []), xe = n(
+    D((t) => !t), w(l);
+  }, [l, w]), A = x(() => k(void 0), []), xe = n(
     () => ({
       event: () => C(),
       variant: W.SECONDARY,
@@ -123,8 +126,8 @@ const F = {
   E(() => {
     k(q);
   }, [q]), E(() => {
-    l ? w() : M(X);
-  }, [l, w]), E(() => {
+    l ? A() : M(X);
+  }, [l, A]), E(() => {
     if (b) {
       Y(!1), C(!1);
       let t = "Custom", i = !0, s = !0;
@@ -132,7 +135,7 @@ const F = {
         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", {
-        ...F,
+        ...B,
         exportedFields: t
       });
     }
@@ -142,13 +145,22 @@ const F = {
     })();
   }, []);
   const Te = x(
-    () => /* @__PURE__ */ e(Q, { 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]
+    () => /* @__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 U ? /* @__PURE__ */ e("div", { className: r.root, children: [
-    /* @__PURE__ */ e(De, { children: [
+    /* @__PURE__ */ e(Ye, { children: [
       /* @__PURE__ */ e(
-        Ne,
+        Se,
         {
           "aria-haspopup": "dialog",
           "aria-expanded": l,
@@ -161,7 +173,7 @@ const F = {
           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(ke, { size: "x-small" }) : /* @__PURE__ */ e(Ye, { name: "download" }),
+            N ? /* @__PURE__ */ e(Me, { size: "x-small" }) : /* @__PURE__ */ e(Ue, { name: "download" }),
             !S && /* @__PURE__ */ e("span", { children: N ? pe : O })
           ] }) })
         }
@@ -176,15 +188,15 @@ const F = {
         dismiss: C,
         open: l,
         position: S ? z.BOTTOM : z.BOTTOM_RIGHT,
-        variant: Fe.POPOVER,
+        variant: Ie.POPOVER,
         showOverlay: S,
         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("div", { className: _(r.popoverSection, r.filtersSection), "data-testid": "transactions-export-filters", children: [
               /* @__PURE__ */ e(ee, { children: `${me}:` }),
-              se.map((t) => /* @__PURE__ */ e(Le, { label: o.get(t) }, t))
+              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": $, children: [
               /* @__PURE__ */ e(ee, { id: $, children: de }),
@@ -224,7 +236,7 @@ const F = {
                 title: o.get("transactions.overview.export.actions.download.info")
               }
             ),
-            /* @__PURE__ */ e(be, { actions: [ge, xe], layout: Re.BUTTONS_END })
+            /* @__PURE__ */ e(Ee, { actions: [ge, xe], layout: Oe.BUTTONS_END })
           ] })
         ] })
       }
@@ -232,5 +244,5 @@ const F = {
   ] }) : null;
 };
 export {
-  wt as default
+  Et as default
 };

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

@@ -2,7 +2,7 @@ import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modu
 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

@@ -3,8 +3,8 @@ import { useCallback as E } from "../../../../../external/.pnpm/preact@10.28.2/n
 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

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

@@ -1,126 +1,12 @@
-import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import B from "classnames";
-import _ from "../../hooks/useTransactionsList.js";
-import G from "../../hooks/useTransactionsViewSwitcher.js";
-import R from "../../hooks/useTransactionsTotals.js";
-import j from "../../../../../hooks/useAccountBalances.js";
-import q from "../../../../../core/Context/useCoreContext.js";
-import K from "../../hooks/useCurrenciesLookup.js";
-import J from "./TransactionsOverviewList.js";
-import U from "./TransactionsOverviewInsights.js";
-import W from "../TransactionFilters/TransactionFilters.js";
-import X from "../TransactionsExport/TransactionsExport.js";
-import Y from "../../../../internal/SegmentedControl/SegmentedControl.js";
-import { TransactionsView as Z } from "../../types.js";
-import { useState as d, useCallback as $, useMemo as E } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { classes as c, INITIAL_FILTERS as z } from "../../constants.js";
-/* empty css                          */
-import { Fragment as w } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-import { useFilterBarState as tt, FilterBarMobileSwitch as et } from "../../../../internal/FilterBar/FilterBar.js";
-import { Header as st } from "../../../../internal/Header/Header.js";
-const rt = /* @__PURE__ */ new Set(["balanceAccount", "createdDate"]), ot = ({ balanceAccountId: o, createdSince: n, createdUntil: l }) => ({
-  balanceAccountId: o,
-  createdSince: n,
-  createdUntil: l
-}), at = (o) => o, Lt = ({
-  onFiltersChanged: o,
-  balanceAccounts: n,
-  allowLimitSelection: l,
-  preferredLimit: x,
-  onRecordSelection: N,
-  showDetails: A,
-  isLoadingBalanceAccount: V,
-  onContactSupport: k,
-  hideTitle: P,
-  dataCustomization: g
-}) => {
-  const [s, Q] = d(z), [a, D] = d(Date.now()), [v, H] = d(), m = tt(), { balanceAccount: i } = s, { isMobileContainer: r } = m, { i18n: C } = q(), { activeView: u, onViewChange: S, viewTabs: p } = G(), e = u !== Z.INSIGHTS, f = !!i?.id, M = $((O) => {
-    D(Date.now()), Q(O);
-  }, []), b = j({ balanceAccount: i }), I = R({
-    fetchEnabled: !e && f,
-    getQueryParams: ot,
-    applicableFilters: rt,
-    now: a,
-    filters: s
-  }), y = R({
-    fetchEnabled: e && f,
-    getQueryParams: at,
-    now: a,
-    filters: s
-  }), T = _({
-    fetchEnabled: f,
-    now: a,
-    allowLimitSelection: l,
-    dataCustomization: g,
-    onFiltersChanged: o,
-    preferredLimit: x,
-    filters: s
-  }), h = K({
-    defaultCurrency: i?.defaultCurrencyCode,
-    balances: b.balances,
-    totals: (e ? y : I).totals
-  }), F = E(
-    () => e ? /* @__PURE__ */ t(X, { disabled: !T.page, filters: s, now: a }) : null,
-    [s, e, a, T.page]
-  ), L = E(
-    () => p.length > 1 ? /* @__PURE__ */ t(
-      Y,
-      {
-        "aria-label": C.get("transactions.overview.viewSelect.a11y.label"),
-        activeItem: u,
-        items: p,
-        onChange: S
-      }
-    ) : null,
-    [u, S, p, C]
-  );
-  return /* @__PURE__ */ t("div", { className: B(c.root, { [c.rootSmall]: r }), children: [
-    /* @__PURE__ */ t(st, { hideTitle: P, titleKey: "transactions.overview.title", children: /* @__PURE__ */ t("div", { className: B({ [c.filterBarSmall]: r }), children: [
-      r && F,
-      /* @__PURE__ */ t(et, { ...m }),
-      !r && /* @__PURE__ */ t(w, { children: L })
-    ] }) }),
-    r && /* @__PURE__ */ t(w, { children: L }),
-    /* @__PURE__ */ t("div", { role: "toolbar", className: c.toolbar, children: [
-      /* @__PURE__ */ t(
-        W,
-        {
-          ...m,
-          availableCurrencies: h.sortedCurrencies,
-          balanceAccounts: n,
-          isTransactionsView: e,
-          insightsCurrency: v,
-          setInsightsCurrency: H,
-          onChange: M
-        }
-      ),
-      !r && /* @__PURE__ */ t(w, { children: F })
-    ] }),
-    e ? /* @__PURE__ */ t(
-      J,
-      {
-        accountBalancesResult: b,
-        balanceAccount: i,
-        balanceAccounts: n,
-        currenciesLookupResult: h,
-        dataCustomization: g,
-        isLoadingBalanceAccount: V,
-        onContactSupport: k,
-        onRecordSelection: N,
-        showDetails: A,
-        transactionsListResult: T,
-        transactionsTotalsResult: y
-      }
-    ) : /* @__PURE__ */ t(
-      U,
-      {
-        currency: v,
-        currenciesLookupResult: h,
-        transactionsTotalsResult: I
-      }
-    )
-  ] });
-};
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import n from "./TransactionsOverviewList.js";
+import s from "./TransactionsOverviewShell.js";
+import o from "./TransactionsOverviewInsights.js";
+import { TransactionsOverviewProvider as e, useTransactionsOverviewContext as t } from "../../context/TransactionsOverviewContext.js";
+const a = () => {
+  const { isTransactionsView: i } = t();
+  return /* @__PURE__ */ r(s, { children: i ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r(o, {}) });
+}, O = (i) => /* @__PURE__ */ r(e, { ...i, children: /* @__PURE__ */ r(a, {}) });
 export {
-  Lt as TransactionsOverview
+  O as TransactionsOverview
 };

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

@@ -1,12 +1,16 @@
-import { jsx as o } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS as s, TRANSACTION_ANALYTICS_CATEGORY as e } from "../../constants.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS as n, TRANSACTION_ANALYTICS_CATEGORY as i } from "../../constants.js";
 import { useDurationEvent as a } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
-import { useLandedPageEvent as n } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
-import i from "../InsightsTotals/InsightsTotals.js";
+import { useLandedPageEvent as u } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
+import { useTransactionsOverviewContext as T } from "../../context/TransactionsOverviewContext.js";
+import c from "../InsightsTotals/InsightsTotals.js";
 const t = {
-  category: e,
-  subCategory: s
-}, u = (r) => (n(t), a(t), /* @__PURE__ */ o(i, { ...r }));
+  category: i,
+  subCategory: n
+}, f = () => {
+  const { currenciesLookupResult: s, insightsCurrency: r, insightsTotalsResult: o } = T();
+  return u(t), a(t), /* @__PURE__ */ e(c, { currency: r, currenciesLookupResult: s, transactionsTotalsResult: o });
+};
 export {
-  u as default
+  f as default
 };

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

@@ -1,62 +1,69 @@
-import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as b, useCallback as h } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { classes as o, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as B, TRANSACTION_ANALYTICS_CATEGORY as S } from "../../constants.js";
-import { useLandedPageEvent as O } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
-import { useDurationEvent as L } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
-import Y from "../TransactionsList/TransactionsList.js";
-import _ from "../TransactionTotals/TransactionTotals.js";
-import R from "../Balances/Balances.js";
-import { Alert as w } from "../../../../internal/Alert/Alert.js";
-import x from "../../../../../core/Context/useCoreContext.js";
-import { AlertTypeOption as G } from "../../../../internal/Alert/types.js";
-import { ButtonVariant as W } from "../../../../internal/Button/types.js";
-import k from "../../../../internal/Button/Button.js";
-import { Fragment as D } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-const p = {
-  category: S,
-  subCategory: B
-}, $ = ({
-  accountBalancesResult: m,
-  balanceAccount: T,
-  balanceAccounts: f,
-  currenciesLookupResult: c,
-  isLoadingBalanceAccount: A,
-  transactionsListResult: u,
-  transactionsTotalsResult: l,
-  ...v
-}) => {
-  const { i18n: a } = x(), { error: C, isWaiting: N } = m, { error: g, isWaiting: y } = l, { currenciesDictionary: e, defaultCurrencySortedCurrencies: s } = c, { sortedBalances: E, sortedTotals: I } = b(() => {
-    const n = s.map((t) => e[t].balances), i = s.map((t) => e[t].totals);
-    return { sortedBalances: n, sortedTotals: i };
-  }, [e, s]), d = h(
-    ({ canRefresh: n, refresh: i }, t) => /* @__PURE__ */ r(
-      w,
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as I, useCallback as L } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { classes as o, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as S, TRANSACTION_ANALYTICS_CATEGORY as O } from "../../constants.js";
+import { useTransactionsOverviewContext as w } from "../../context/TransactionsOverviewContext.js";
+import { useLandedPageEvent as Y } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
+import { useDurationEvent as _ } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
+import k from "../TransactionsList/TransactionsList.js";
+import x from "../TransactionTotals/TransactionTotals.js";
+import D from "../Balances/Balances.js";
+import { Alert as G } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as W } from "../../../../internal/Alert/types.js";
+import { ButtonVariant as P } from "../../../../internal/Button/types.js";
+import j from "../../../../../core/Context/preact/useCoreContext.js";
+import q from "../../../../internal/Button/Button.js";
+import { Fragment as z } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+const d = {
+  category: O,
+  subCategory: S
+}, st = () => {
+  const {
+    accountBalancesResult: i,
+    balanceAccounts: p,
+    currenciesLookupResult: l,
+    isLoadingBalanceAccount: T,
+    filters: A,
+    onContactSupport: f,
+    onRecordSelection: v,
+    showDetails: C,
+    transactionsListResult: g,
+    transactionsTotalsResult: m,
+    dataCustomization: N
+  } = w(), { i18n: a } = j(), { error: R, isWaiting: b } = i, { error: B, isWaiting: y } = m, { currenciesDictionary: s, defaultCurrencySortedCurrencies: e } = l, { sortedBalances: E, sortedTotals: h } = I(() => {
+    const n = e.map((r) => s[r].balances), c = e.map((r) => s[r].totals);
+    return { sortedBalances: n, sortedTotals: c };
+  }, [s, e]), u = L(
+    ({ canRefresh: n, refresh: c }, r) => /* @__PURE__ */ t(
+      G,
       {
         className: o.totalsError,
-        type: G.WARNING,
-        title: a.get(t),
-        description: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(k, { variant: W.TERTIARY, onClick: i, disabled: !n, children: a.get("common.actions.refresh.labels.default") }) })
+        type: W.WARNING,
+        title: a.get(r),
+        description: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(q, { variant: P.TERTIARY, onClick: c, disabled: !n, children: a.get("common.actions.refresh.labels.default") }) })
       }
     ),
     [a]
   );
-  return O(p), L(p), /* @__PURE__ */ r(D, { children: [
-    /* @__PURE__ */ r("div", { className: o.summary, children: [
-      /* @__PURE__ */ r("div", { className: o.summaryItem, children: g ? d(l, "transactions.overview.totals.error") : /* @__PURE__ */ r(_, { totals: I, loadingTotals: y }) }),
-      /* @__PURE__ */ r("div", { className: o.summaryItem, children: C ? d(m, "transactions.overview.balances.error") : /* @__PURE__ */ r(R, { balances: E, loadingBalances: N }) })
+  return Y(d), _(d), /* @__PURE__ */ t(z, { children: [
+    /* @__PURE__ */ t("div", { className: o.summary, children: [
+      /* @__PURE__ */ t("div", { className: o.summaryItem, children: B ? u(m, "transactions.overview.totals.error") : /* @__PURE__ */ t(x, { totals: h, loadingTotals: y }) }),
+      /* @__PURE__ */ t("div", { className: o.summaryItem, children: R ? u(i, "transactions.overview.balances.error") : /* @__PURE__ */ t(D, { balances: E, loadingBalances: b }) })
     ] }),
-    /* @__PURE__ */ r(
-      Y,
+    /* @__PURE__ */ t(
+      k,
       {
-        balanceAccount: T,
-        currenciesLookupResult: c,
-        loadingBalanceAccounts: A || !f,
-        transactionsListResult: u,
-        ...v
+        balanceAccount: A.balanceAccount,
+        currenciesLookupResult: l,
+        dataCustomization: N,
+        loadingBalanceAccounts: T || !p,
+        onContactSupport: f,
+        onRecordSelection: v,
+        showDetails: C,
+        transactionsListResult: g
       }
     )
   ] });
 };
 export {
-  $ as default
+  st as default
 };

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

@@ -0,0 +1,46 @@
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import v from "classnames";
+import { useMemo as f } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { classes as r } from "../../constants.js";
+import { useTransactionsOverviewContext as S } from "../../context/TransactionsOverviewContext.js";
+import b from "../../../../internal/SegmentedControl/SegmentedControl.js";
+import g from "../TransactionFilters/TransactionFilters.js";
+import T from "../TransactionsExport/TransactionsExport.js";
+/* empty css                          */
+import x from "../../../../../core/Context/preact/useCoreContext.js";
+import { Fragment as i } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { Header as C } from "../../../../internal/Header/Header.js";
+import { FilterBarMobileSwitch as B } from "../../../../internal/FilterBar/FilterBar.js";
+const R = ({ children: h }) => {
+  const { filterBarState: a, hideTitle: w, isTransactionsView: s, transactionsListResult: n, transactionsViewState: u } = S(), { activeView: l, onViewChange: m, viewTabs: o } = u, { isMobileContainer: t } = a, { i18n: c } = x(), p = f(
+    () => s ? /* @__PURE__ */ e(T, { disabled: !n.page }) : null,
+    [s, n.page]
+  ), d = f(
+    () => o.length > 1 ? /* @__PURE__ */ e(
+      b,
+      {
+        "aria-label": c.get("transactions.overview.viewSelect.a11y.label"),
+        activeItem: l,
+        items: o,
+        onChange: m
+      }
+    ) : null,
+    [l, m, o, c]
+  );
+  return /* @__PURE__ */ e("div", { className: v(r.root, { [r.rootSmall]: t }), children: [
+    /* @__PURE__ */ e(C, { hideTitle: w, titleKey: "transactions.overview.title", children: /* @__PURE__ */ e("div", { className: v({ [r.filterBarSmall]: t }), children: [
+      t && p,
+      /* @__PURE__ */ e(B, { ...a }),
+      !t && /* @__PURE__ */ e(i, { children: d })
+    ] }) }),
+    t && /* @__PURE__ */ e(i, { children: d }),
+    /* @__PURE__ */ e("div", { role: "toolbar", className: r.toolbar, children: [
+      /* @__PURE__ */ e(g, {}),
+      !t && /* @__PURE__ */ e(i, { children: p })
+    ] }),
+    h
+  ] });
+};
+export {
+  R as default
+};