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

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

@@ -1,122 +1,12 @@
-import { jsx as t } from "../../../../../external/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/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/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/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,59 +1,69 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as b, useCallback as h } from "../../../../../external/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/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,
-    {
-      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") }) })
-    }
-  ), [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 }) })
+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: 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 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
+};

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

@@ -1,4 +1,4 @@
-import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "../../../../../hooks/useBalanceAccounts.js";
 import i from "../../../../internal/DataOverviewContainer/DataOverviewContainer.js";
 import { TransactionsOverview as s } from "../TransactionsOverview/TransactionsOverview.js";

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

@@ -1,28 +1,28 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import m from "../../../../../core/Context/useCoreContext.js";
-import { Image as s } from "../../../../internal/Image/Image.js";
-import { Tag as t } from "../../../../internal/Tag/Tag.js";
-import { TagVariant as n } from "../../../../internal/Tag/types.js";
-import { TypographyVariant as T } from "../../../../internal/Typography/types.js";
-import f from "../../../../internal/Typography/Typography.js";
-import { useResponsiveContainer as l, containerQueries as p } from "../../../../../hooks/useResponsiveContainer.js";
-import { parsePaymentMethodType as c } from "../utils.js";
-import { PAYMENT_METHOD_CLASS as g, PAYMENT_METHOD_LOGO_CONTAINER_CLASS as _, PAYMENT_METHOD_LOGO_CLASS as N } from "./constants.js";
-import { Fragment as O } from "../../../../../external/preact/dist/preact.module.js";
+import { jsx as o } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { Image as m } from "../../../../internal/Image/Image.js";
+import { Tag as s } from "../../../../internal/Tag/Tag.js";
+import { TagVariant as t } from "../../../../internal/Tag/types.js";
+import { TypographyVariant as n } from "../../../../internal/Typography/types.js";
+import T from "../../../../internal/Typography/Typography.js";
+import { useResponsiveContainer as f, containerQueries as l } from "../../../../../hooks/useResponsiveContainer.js";
+import { parsePaymentMethodType as p } from "../utils.js";
+import { PAYMENT_METHOD_CLASS as c, PAYMENT_METHOD_LOGO_CONTAINER_CLASS as g, PAYMENT_METHOD_LOGO_CLASS as _ } from "./constants.js";
+import N from "../../../../../core/Context/preact/useCoreContext.js";
+import { Fragment as O } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 const P = ({ paymentMethod: r, bankAccount: a }) => {
-  const { i18n: i } = m(), e = l(p.down.xs);
-  return /* @__PURE__ */ o("div", { className: g, children: r || a ? /* @__PURE__ */ o(O, { children: [
-    /* @__PURE__ */ o("div", { className: _, children: /* @__PURE__ */ o(
-      s,
+  const { i18n: i } = N(), e = f(l.down.xs);
+  return /* @__PURE__ */ o("div", { className: c, children: r || a ? /* @__PURE__ */ o(O, { children: [
+    /* @__PURE__ */ o("div", { className: g, children: /* @__PURE__ */ o(
+      m,
       {
         name: r ? r.type : "bankTransfer",
         alt: r ? r.type : "bankTransfer",
         folder: "logos/",
-        className: N
+        className: _
       }
     ) }),
-    /* @__PURE__ */ o(f, { variant: T.BODY, stronger: e, children: r ? c(r) : a?.accountNumberLastFourDigits })
-  ] }) : /* @__PURE__ */ o(t, { label: i.get("common.tags.noData"), variant: n.LIGHT_WITH_OUTLINE }) });
+    /* @__PURE__ */ o(T, { variant: n.BODY, stronger: e, children: r ? p(r) : a?.accountNumberLastFourDigits })
+  ] }) : /* @__PURE__ */ o(s, { label: i.get("common.tags.noData"), variant: t.LIGHT_WITH_OUTLINE }) });
 };
 export {
   P as default

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

@@ -1,25 +1,24 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as k, useCallback as x, useMemo as $ } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as o } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as x, useCallback as I, useMemo as $ } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import H from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import U from "../../../../../core/Context/useCoreContext.js";
 import { getCurrencyCode as D } from "../../../../../core/Localization/amount/amount-util.js";
-import K from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { Tooltip as G } from "../../../../internal/Tooltip/Tooltip.js";
+import U from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { Tooltip as K } from "../../../../internal/Tooltip/Tooltip.js";
 import { TypographyVariant as c, TypographyElement as m } from "../../../../internal/Typography/types.js";
 import l from "../../../../internal/Typography/Typography.js";
-import { getTransactionCategory as V, getTransactionCategoryDescription as j } from "../../../../utils/translation/getters.js";
-import { useResponsiveContainer as p, containerQueries as y } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as q, DATE_AND_PAYMENT_METHOD_CLASS as z, DATE_METHOD_CLASS as Q, AMOUNT_CLASS as E } from "./constants.js";
+import { getTransactionCategory as G, getTransactionCategoryDescription as V } from "../../../../utils/translation/getters.js";
+import { useResponsiveContainer as u, containerQueries as v } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as j, DATE_AND_PAYMENT_METHOD_CLASS as q, DATE_METHOD_CLASS as z, AMOUNT_CLASS as w } from "./constants.js";
 /* empty css                      */
-import N from "./PaymentMethodCell.js";
-import { useTableColumns as X } from "../../../../../hooks/useTableColumns.js";
-import { Tag as Z } from "../../../../internal/Tag/Tag.js";
-import M from "../../../../internal/DataGrid/DataGrid.js";
-import J from "../../../../internal/Pagination/Pagination.js";
-import { DATE_FORMAT_TRANSACTIONS_MOBILE as W, DATE_FORMAT_TRANSACTIONS as tt } from "../../../../../constants/dateFormats.js";
-const ot = ["createdAt", "paymentMethod", "transactionType", "currency", "netAmount", "grossAmount"], Dt = {
-  amount: "netAmount"
-}, v = {
+import E from "./PaymentMethodCell.js";
+import { useTableColumns as Q } from "../../../../../hooks/useTableColumns.js";
+import { Tag as X } from "../../../../internal/Tag/Tag.js";
+import { TRANSACTION_FIELDS as Z } from "./fields.js";
+import J from "../../../../../core/Context/preact/useCoreContext.js";
+import N from "../../../../internal/DataGrid/DataGrid.js";
+import W from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_TRANSACTIONS_MOBILE as tt, DATE_FORMAT_TRANSACTIONS as ot } from "../../../../../constants/dateFormats.js";
+const y = {
   createdAt: "transactions.overview.list.fields.createdAt",
   currency: "transactions.overview.list.fields.currency",
   grossAmount: "transactions.overview.list.fields.grossAmount",
@@ -27,64 +26,64 @@ const ot = ["createdAt", "paymentMethod", "transactionType", "currency", "netAmo
   paymentMethod: "transactions.overview.list.fields.paymentMethod",
   // status: 'transactions.overview.list.fields.status',
   transactionType: "transactions.overview.list.fields.transactionType"
-}, Et = ({
-  activeBalanceAccount: w,
+}, wt = ({
+  activeBalanceAccount: M,
   availableCurrencies: n,
   error: d,
   hasMultipleCurrencies: s,
-  loading: _,
+  loading: C,
   onContactSupport: T,
-  onRowClick: C,
+  onRowClick: _,
   showDetails: et,
   showPagination: b,
   transactions: O,
-  customColumns: R,
+  customColumns: B,
   ...L
 }) => {
-  const { i18n: r } = U(), { dateFormat: f } = K(w?.timeZone), [B, g] = k(), A = p(y.up.sm), u = p(y.up.md), S = p(y.down.xs), F = X({
-    customColumns: R,
-    fields: ot,
-    fieldsKeys: v,
+  const { i18n: r } = J(), { dateFormat: f } = U(M?.timeZone), [R, g] = x(), A = u(v.up.sm), p = u(v.up.md), h = u(v.down.xs), F = Q({
+    customColumns: B,
+    fields: Z,
+    fieldsKeys: y,
     columnConfig: {
       netAmount: {
-        label: s ? void 0 : `${r.get(v.netAmount)} ${n && n[0] ? `(${D(n[0])})` : ""}`,
+        label: s ? void 0 : `${r.get(y.netAmount)} ${n && n[0] ? `(${D(n[0])})` : ""}`,
         position: "right",
         flex: A ? 1.5 : void 0
       },
       grossAmount: {
-        label: s ? void 0 : `${r.get(v.grossAmount)} ${n && n[0] ? `(${D(n[0])})` : ""}`,
+        label: s ? void 0 : `${r.get(y.grossAmount)} ${n && n[0] ? `(${D(n[0])})` : ""}`,
         position: "right",
         flex: A ? 1.5 : void 0,
-        visible: u
+        visible: p
       },
-      currency: { visible: u && s },
-      transactionType: { visible: u },
+      currency: { visible: p && s },
+      transactionType: { visible: p },
       paymentMethod: { visible: A }
     }
   }), P = {
     title: "transactions.overview.errors.listEmpty",
     message: ["common.errors.updateFilters"]
-  }, I = x(
+  }, Y = I(
     (t) => {
       g(t ?? void 0);
     },
     [g]
-  ), Y = $(
+  ), k = $(
     () => () => /* @__PURE__ */ o(H, { error: d, onContactSupport: T, errorMessage: "transactions.overview.errors.listUnavailable" }),
     [d, T]
   );
-  return /* @__PURE__ */ o("div", { className: q, children: /* @__PURE__ */ o(
-    M,
+  return /* @__PURE__ */ o("div", { className: j, children: /* @__PURE__ */ o(
+    N,
     {
-      autoFitColumns: S,
-      errorDisplay: Y,
+      autoFitColumns: h,
+      errorDisplay: k,
       error: d,
       columns: F,
       data: O,
-      loading: _,
+      loading: C,
       outline: !1,
-      onRowClick: { callback: C },
-      onRowHover: I,
+      onRowClick: { callback: _ },
+      onRowHover: Y,
       emptyTableMessage: P,
       customCells: {
         // Remove status column temporarily
@@ -97,30 +96,30 @@ const ot = ["createdAt", "paymentMethod", "transactionType", "currency", "netAmo
         //     );
         // },
         transactionType: ({ item: t, rowIndex: e }) => {
-          const i = V(r, t.category);
+          const i = G(r, t.category);
           if (i) {
-            const a = j(r, t.category), h = () => /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: i });
-            return a ? /* @__PURE__ */ o(G, { content: a, isUnderlineVisible: e === B, children: /* @__PURE__ */ o("span", { children: h() }) }) : h();
+            const a = V(r, t.category), S = () => /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: i });
+            return a ? /* @__PURE__ */ o(K, { content: a, isUnderlineVisible: e === R, children: /* @__PURE__ */ o("span", { children: S() }) }) : S();
           }
           return null;
         },
-        currency: ({ item: t }) => /* @__PURE__ */ o(Z, { children: t.amountBeforeDeductions.currency }),
+        currency: ({ item: t }) => /* @__PURE__ */ o(X, { children: t.amountBeforeDeductions.currency }),
         netAmount: ({ value: t }) => {
           const { value: e, currency: i } = t, a = r.amount(e, i, { hideCurrency: !s });
-          return /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, className: E, children: a });
+          return /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, className: w, children: a });
         },
         grossAmount: ({ item: t }) => {
           const { value: e, currency: i } = t.amountBeforeDeductions, a = r.amount(e, i, { hideCurrency: !s });
-          return /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, className: E, children: a });
+          return /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, className: w, children: a });
         },
-        createdAt: ({ item: t, value: e }) => S ? /* @__PURE__ */ o("div", { className: z, children: [
-          /* @__PURE__ */ o(N, { paymentMethod: t.paymentMethod, bankAccount: t.bankAccount }),
-          /* @__PURE__ */ o("time", { dateTime: t.createdAt, className: Q, children: /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: f(t.createdAt, W) }) })
-        ] }) : /* @__PURE__ */ o("time", { dateTime: e, children: /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: f(e, tt) }) }),
-        paymentMethod: ({ item: t }) => /* @__PURE__ */ o(N, { paymentMethod: t.paymentMethod, bankAccount: t.bankAccount })
+        createdAt: ({ item: t, value: e }) => h ? /* @__PURE__ */ o("div", { className: q, children: [
+          /* @__PURE__ */ o(E, { paymentMethod: t.paymentMethod, bankAccount: t.bankAccount }),
+          /* @__PURE__ */ o("time", { dateTime: t.createdAt, className: z, children: /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: f(t.createdAt, tt) }) })
+        ] }) : /* @__PURE__ */ o("time", { dateTime: e, children: /* @__PURE__ */ o(l, { el: m.SPAN, variant: c.BODY, children: f(e, ot) }) }),
+        paymentMethod: ({ item: t }) => /* @__PURE__ */ o(E, { paymentMethod: t.paymentMethod, bankAccount: t.bankAccount })
       },
-      children: b && /* @__PURE__ */ o(M.Footer, { children: /* @__PURE__ */ o(
-        J,
+      children: b && /* @__PURE__ */ o(N.Footer, { children: /* @__PURE__ */ o(
+        W,
         {
           ...L,
           ariaLabelKey: "transactions.overview.pagination.label",
@@ -131,7 +130,5 @@ const ot = ["createdAt", "paymentMethod", "transactionType", "currency", "netAmo
   ) });
 };
 export {
-  ot as TRANSACTION_FIELDS,
-  Dt as TRANSACTION_FIELDS_REMAPS,
-  Et as TransactionsTable
+  wt as TransactionsTable
 };

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

@@ -0,0 +1,7 @@
+const t = ["createdAt", "paymentMethod", "transactionType", "currency", "netAmount", "grossAmount"], n = {
+  amount: "netAmount"
+};
+export {
+  t as TRANSACTION_FIELDS,
+  n as TRANSACTION_FIELDS_REMAPS
+};

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

@@ -12,7 +12,7 @@ const s = Object.keys(u), g = new Set(s), p = Object.freeze({
   const { from: a, to: t } = i(e.createdDate, n, e.balanceAccount?.timeZone);
   return {
     balanceAccountId: e.balanceAccount?.id,
-    // using null assertion to ensure correct type inference
+    // using type cast to ensure correct type inference
     categories: e.categories,
     createdSince: new Date(a).toISOString(),
     createdUntil: new Date(t).toISOString(),