@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/transactions/index.es.js

@@ -1,21 +1,21 @@
-import { C as Re, D as Be, M as He, a as Pe, T as $e } from "../TransactionDetails-CbBSxdOi.mjs";
-import { B as wa, b as Sa } from "../TransactionDetails-CbBSxdOi.mjs";
-import { u as B, T as Ve } from "../EmbeddedCard-BNl3quCs.mjs";
-import { a as va } from "../EmbeddedCard-BNl3quCs.mjs";
-import { E as Na } from "../ExportCsvAction-hDprC41l.mjs";
+import { C as Be, D as He, M as Pe, a as We, T as $e } from "../TransactionDetails-C3dlAzYf.mjs";
+import { B as xa, b as Aa } from "../TransactionDetails-C3dlAzYf.mjs";
+import { u as B, T as Ge } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { a as Sa } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { E as va } from "../ExportCsvAction-Bw02ZJEj.mjs";
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as D } from "mobx-react-lite";
-import We from "@mui/material/Paper";
-import { DataGridPro as Ge } from "@mui/x-data-grid-pro";
-import { h as H, u as v, g as ne, b as K, d as oe, l as Fe, a as Ue, C as Ke } from "../hooks-BaO_gOI6.mjs";
+import Ve from "@mui/material/Paper";
+import { DataGridPro as Fe } from "@mui/x-data-grid-pro";
+import { h as H, u as v, g as ne, b as K, d as oe, l as Ue, a as Ke, C as ze } from "../hooks-BaO_gOI6.mjs";
 import { L as z } from "../Loader-CxeBwuPG.mjs";
-import { Text as y, Icon as R, MerchantLogo as ze, TextField as Z, P as qe } from "@mxenabled/mxui";
+import { Text as y, Icon as R, MerchantLogo as qe, TextField as Z, P as Ye } from "@mxenabled/mxui";
 import w from "@mui/material/Stack";
 import { f as re } from "../NumberFormatting--XMeeBfr.mjs";
-import { T as k, e as Ye, D as je } from "../TransactionUtils-BphBJBbU.mjs";
+import { T as k, e as je, D as Xe } from "../TransactionUtils-BphBJBbU.mjs";
 import S from "@mui/material/Box";
-import { useTheme as Xe } from "@mui/material/styles";
+import { useTheme as ie } from "@mui/material/styles";
 import { fromUnixTime as Je } from "date-fns/fromUnixTime";
 import { f as Qe, D as Ze } from "../DateFormats-HudZ3Bjs.mjs";
 import { A } from "../Analytics-CzGzz_sE.mjs";
@@ -23,28 +23,27 @@ import { endOfMonth as et } from "date-fns/endOfMonth";
 import { getUnixTime as tt } from "date-fns/getUnixTime";
 import { startOfMonth as at } from "date-fns/startOfMonth";
 import { startOfToday as F } from "date-fns/startOfToday";
-import nt from "@mui/material/styles/useTheme";
 import { b as U } from "../Localization-DnoVyBNK.mjs";
-import { C as ot } from "../ConnectDrawer-DgfsTpyW.mjs";
-import rt from "@mui/material/Divider";
-import it from "@mui/material/MenuItem";
-import st from "@mui/material/RadioGroup";
-import { ExpandMore as ct } from "@mxenabled/mx-icons";
-import { C as lt } from "../CurrencyInput-B59ugxPN.mjs";
-import { S as ee } from "../SelectionBox-Bx2a5rh4.mjs";
-import { D as ie } from "../Dialog-iLlBR8TG.mjs";
-import { b as dt, u as ut } from "../CategorySelectorDrawer-Cu1ohxeM.mjs";
-import { u as mt } from "../useAriaLive-MkYebyUR.mjs";
-import { S as _t } from "../SkeletonLoader-BaNboJjD.mjs";
-import { u as pt } from "../useScreenSize-CeFhWTt_.mjs";
-import { u as gt } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { W as ht } from "../WidgetContainer-CYcmwsSu.mjs";
-import { S as ft } from "../SearchBox-CwDgvWVJ.mjs";
-import { D as te } from "../Drawer-XPaLYjiO.mjs";
-const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [
+import { C as nt } from "../ConnectDrawer-Cnjr3Ddg.mjs";
+import ot from "@mui/material/Divider";
+import rt from "@mui/material/MenuItem";
+import it from "@mui/material/RadioGroup";
+import { ExpandMore as st } from "@mxenabled/mx-icons";
+import { C as ct } from "../CurrencyInput-adTIRtL3.mjs";
+import { S as ee } from "../SelectionBox-B4xELRgp.mjs";
+import { D as se } from "../Dialog-CwWc0AbH.mjs";
+import { b as lt, u as dt } from "../CategorySelectorDrawer-CmaDLhnf.mjs";
+import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
+import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
+import { u as _t } from "../useScreenSize-mWpmnh5w.mjs";
+import { u as pt } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+import { W as gt } from "../WidgetContainer-DNuz_s7W.mjs";
+import { S as ht } from "../SearchBox-Cpgu_gdO.mjs";
+import { D as te } from "../Drawer-BXqqBMxg.mjs";
+const ft = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
-] }), yt = (t) => {
+] }), Ct = (t) => {
   const { associatedBeats: r } = H(), { showInsights: i } = B(), { amount: a, transaction_type: s } = t.row, c = r.find((p) => p.associated_transaction_guid === t.row.guid), l = s === k.CREDIT;
   return /* @__PURE__ */ m(w, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
     /* @__PURE__ */ m(y, { bold: l, color: l ? "success.main" : "text.primary", variant: "body2", children: [
@@ -53,7 +52,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
     ] }),
     c && i && /* @__PURE__ */ e(y, { bold: !0, color: "primary.light", variant: "caption", children: c.short_title })
   ] });
-}, bt = (t) => {
+}, yt = (t) => {
   const { transactions: r } = v(), [i, a] = u.useState(!1);
   return /* @__PURE__ */ m(
     w,
@@ -72,8 +71,8 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       ]
     }
   );
-}, Tt = D(bt), xt = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: Qe(Je(t.row.date), Ze.MONTH_DAY) }), At = (t) => {
-  const r = Xe(), i = r.palette.mode === "dark", { transactions: a } = v(), { is_flagged: s, is_hidden: c, has_been_viewed: l, parent_guid: p } = t.row, f = !l && !!!p;
+}, bt = D(yt), Tt = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: Qe(Je(t.row.date), Ze.MONTH_DAY) }), xt = (t) => {
+  const r = ie(), i = r.palette.mode === "dark", { transactions: a } = v(), { is_flagged: s, is_hidden: c, has_been_viewed: l, parent_guid: p } = t.row, f = !l && !!!p;
   return /* @__PURE__ */ m(
     S,
     {
@@ -108,9 +107,9 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       ]
     }
   );
-}, wt = D(At), E = (t) => /* @__PURE__ */ e(y, { fontWeight: 600, variant: "body2", children: t.colDef.headerName }), St = (t) => /* @__PURE__ */ m(w, { alignItems: "center", direction: "row", gap: 8, children: [
+}, At = D(xt), E = (t) => /* @__PURE__ */ e(y, { fontWeight: 600, variant: "body2", children: t.colDef.headerName }), wt = (t) => /* @__PURE__ */ m(w, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
-    ze,
+    qe,
     {
       categoryGuid: t.row.top_level_category_guid || "",
       merchantGuid: t.row.merchant_guid || ""
@@ -120,7 +119,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
     /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: t.row.payee }),
     t.row.is_hidden && /* @__PURE__ */ e(y, { variant: "caption", children: t.excludedText })
   ] })
-] }), Dt = ({
+] }), St = ({
   height: t = "100dvh",
   onCategoryClick: r,
   onRowClick: i
@@ -146,7 +145,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (o) => /* @__PURE__ */ e(wt, { ...o }),
+      renderCell: (o) => /* @__PURE__ */ e(At, { ...o }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": s.transaction_status, role: "presentation" })
     },
     {
@@ -154,7 +153,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.date_title,
       width: 103,
       renderHeader: E,
-      renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(xt, { ...o }),
+      renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(Tt, { ...o }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -163,7 +162,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.payee_title,
       flex: 0.33,
       renderHeader: E,
-      renderCell: (o) => /* @__PURE__ */ e(St, { ...o, excludedText: s.is_excluded }),
+      renderCell: (o) => /* @__PURE__ */ e(wt, { ...o, excludedText: s.is_excluded }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -171,7 +170,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.category_title,
       flex: 0.25,
       renderHeader: E,
-      renderCell: (o) => /* @__PURE__ */ e(Tt, { ...o }),
+      renderCell: (o) => /* @__PURE__ */ e(bt, { ...o }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -179,7 +178,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.account_title,
       flex: 0.33,
       renderHeader: E,
-      renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(Ct, { ...o }),
+      renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(ft, { ...o }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -187,14 +186,14 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.amount_title,
       flex: 0.25,
       renderHeader: E,
-      renderCell: yt,
+      renderCell: Ct,
       align: "right",
       headerAlign: "right",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(We, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    Ge,
+  return /* @__PURE__ */ e(Ve, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+    Fe,
     {
       columns: g,
       disableColumnFilter: !0,
@@ -218,7 +217,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       }
     }
   ) });
-}, vt = D(Dt), It = () => {
+}, Dt = D(St), vt = () => {
   const { visibleAccounts: t } = oe(), { common: r, transactions: i } = v(), { manualTransaction: a, setIsAmountValid: s, updateManualTransaction: c } = B(), [l, p] = u.useState(""), [b, f] = u.useState(""), C = u.useMemo(
     () => t.filter((n) => n.is_manual),
     [t]
@@ -248,15 +247,12 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
           children: [
             /* @__PURE__ */ e(
-              lt,
+              ct,
               {
                 allowDecimals: !0,
                 amount: l,
                 ariaLabel: i.amount_title,
                 copy: h,
-                inputProps: {
-                  noValidate: !0
-                },
                 label: i.amount_title,
                 setAmount: I,
                 setHasValidInput: s,
@@ -264,7 +260,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(st, { name: "TransactionType", onChange: g, row: !0, children: /* @__PURE__ */ m(w, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(it, { name: "TransactionType", onChange: g, row: !0, children: /* @__PURE__ */ m(w, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 ee,
                 {
@@ -301,29 +297,31 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       /* @__PURE__ */ e(
         Z,
         {
-          InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: ct },
           label: i.manual_transaction_select_an_account,
           onChange: (n) => _(n.target.value),
           placeholder: i.manual_transaction_select,
           select: !0,
+          slotProps: {
+            inputLabel: { shrink: !0 },
+            select: { defaultValue: -1, IconComponent: st }
+          },
           sx: { bgcolor: "background.paper" },
-          children: C.map((n) => /* @__PURE__ */ e(it, { value: n.value, children: n.label }, n.value))
+          children: C.map((n) => /* @__PURE__ */ e(rt, { value: n.value, children: n.label }, n.value))
         }
       )
     ] }),
-    /* @__PURE__ */ e(rt, { light: !0 }),
+    /* @__PURE__ */ e(ot, { light: !0 }),
     /* @__PURE__ */ m(S, { bgcolor: "background.paper", children: [
-      /* @__PURE__ */ e(Re, { transaction: a }),
       /* @__PURE__ */ e(Be, { transaction: a }),
       /* @__PURE__ */ e(He, { transaction: a }),
-      /* @__PURE__ */ e(Pe, { transaction: a })
+      /* @__PURE__ */ e(Pe, { transaction: a }),
+      /* @__PURE__ */ e(We, { transaction: a })
     ] })
   ] });
-}, Nt = D(It), Et = ({ copy: t, isOpen: r, onClose: i, onPrimaryAction: a }) => {
+}, It = D(vt), Nt = ({ copy: t, isOpen: r, onClose: i, onPrimaryAction: a }) => {
   const { common: s, transactions: c } = v(), { isCopyLoaded: l } = K();
   return l ? /* @__PURE__ */ m(
-    ie,
+    se,
     {
       copy: {
         title: t.title
@@ -339,8 +337,8 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       ]
     }
   ) : /* @__PURE__ */ e(z, {});
-}, kt = D(Et), Ot = ({ onClose: t, transaction: r }) => {
-  const { addOrUpdateTransactionRule: i, updateTransaction: a } = H(), { transactions: s } = v(), { categories: c } = Fe(), [l, p] = u.useState(""), b = u.useMemo(
+}, Et = D(Nt), kt = ({ onClose: t, transaction: r }) => {
+  const { addOrUpdateTransactionRule: i, updateTransaction: a } = H(), { transactions: s } = v(), { categories: c } = Ue(), [l, p] = u.useState(""), b = u.useMemo(
     () => c.find((C) => C.guid === l),
     [l]
   ), f = async (C) => {
@@ -348,7 +346,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
   };
   return /* @__PURE__ */ m(S, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
-      dt,
+      lt,
       {
         initialSelected: r.category_guid,
         onClose: t,
@@ -358,7 +356,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      se,
       {
         copy: {
           title: U(
@@ -372,7 +370,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
         onSecondaryAction: () => f(!1),
         primaryText: s.actions_apply_to_all,
         secondaryText: s.actions_this_time_only,
-        children: /* @__PURE__ */ e(qe, { variant: "subtitle1", children: U(
+        children: /* @__PURE__ */ e(Ye, { variant: "subtitle1", children: U(
           s.actions_all_past_and_future,
           r.description,
           b?.name
@@ -380,112 +378,112 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
       }
     )
   ] });
-}, Lt = D(Ot), ae = 120, Mt = ({
+}, Ot = D(kt), ae = 120, Lt = ({
   onBackClick: t,
   onMenuClick: r,
   height: i = "100dvh",
   showInsights: a = !1,
   sx: s = {}
 }) => {
-  const { manualAccounts: c, refreshAccounts: l } = oe(), { is_mobile_webview: p, clientConfig: b, config: f } = Ue(), { setSearchValue: C } = ut(), { onEvent: h } = ne(), { common: I, transactions: g } = v(), { displayedDateRange: o, isInitialized: _, selectedAccountGuids: n, setDisplayedDate: N } = K(), { isDesktop: se, isTablet: ce } = pt(), O = nt(), {
-    addTransaction: le,
-    filter: de,
+  const { manualAccounts: c, refreshAccounts: l } = oe(), { is_mobile_webview: p, clientConfig: b, config: f } = Ke(), { setSearchValue: C } = dt(), { onEvent: h } = ne(), { common: I, transactions: g } = v(), { displayedDateRange: o, isInitialized: _, selectedAccountGuids: n, setDisplayedDate: N } = K(), { isDesktop: ce, isTablet: le } = _t(), O = ie(), {
+    addTransaction: de,
+    filter: ue,
     isTransactionDataLoaded: P,
-    loadTransactionData: ue,
+    loadTransactionData: me,
     setFilter: q,
     sortedTransactions: Y,
-    sortedTransactionsWithSplits: me,
-    tags: _e,
-    detailedTransactions: pe,
-    updateTransaction: ge
+    sortedTransactionsWithSplits: _e,
+    tags: pe,
+    detailedTransactions: ge,
+    updateTransaction: he
   } = H(), {
-    clearExpandedSplits: he,
-    isAmountValid: fe,
+    clearExpandedSplits: fe,
+    isAmountValid: Ce,
     manualTransaction: L,
     searchValue: j,
-    setSearchValue: Ce,
-    setShowInsights: ye,
-    updateManualTransaction: be
-  } = B(), { userProfile: Te } = Ke(), [$, T] = u.useState(""), [X, M] = u.useState(""), [xe, V] = u.useState(!1), [Ae, J] = u.useState(!1), { announce: we, ariaLive: Se } = mt(), W = b?.transactions?.selected_account_guid;
-  gt({
+    setSearchValue: ye,
+    setShowInsights: be,
+    updateManualTransaction: Te
+  } = B(), { userProfile: xe } = ze(), [W, T] = u.useState(""), [X, M] = u.useState(""), [Ae, $] = u.useState(!1), [we, J] = u.useState(!1), { announce: Se, ariaLive: De } = ut(), G = b?.transactions?.selected_account_guid;
+  pt({
     widgetName: "TransactionWidget",
     isLoaded: P
   }), u.useEffect(() => {
-    P || ue().finally();
-    const d = at(F()), Me = et(F());
-    N(d, Me), h(A.TRANSACTIONS_VIEW);
+    P || me().finally();
+    const d = at(F()), Re = et(F());
+    N(d, Re), h(A.TRANSACTIONS_VIEW);
   }, []), u.useEffect(() => {
     _ && q({
-      accounts: W ? [W] : n,
+      accounts: G ? [G] : n,
       dateRange: { start: o.start, end: o.end },
       searchTerm: j
     });
   }, [_, o, n]), u.useEffect(() => {
-    ye(a);
+    be(a);
   }, [a]), u.useEffect(() => {
-    _ && we(
+    _ && Se(
       U(g.showing_transactions_count, Y.length)
     );
   }, [_, Y]);
-  const x = X ? pe.find((d) => d.guid === X) : void 0, Q = fe && !!L.payee && !!L.account_guid && !!L.category_guid, De = (d) => {
-    he(), N(d[0], d[1]);
-  }, ve = (d) => {
-    Ce(d), q({
-      ...de,
+  const x = X ? ge.find((d) => d.guid === X) : void 0, Q = Ce && !!L.payee && !!L.account_guid && !!L.category_guid, ve = (d) => {
+    fe(), N(d[0], d[1]);
+  }, Ie = (d) => {
+    ye(d), q({
+      ...ue,
       searchTerm: d
     }), h(A.TRANSACTIONS_CLICK_SEARCH, { search_term: d });
-  }, Ie = () => {
-    Ye(me, _e), h(A.TRANSACTIONS_CLICK_EXPORT);
   }, Ne = () => {
-    c.length > 0 ? (be({
-      ...je,
+    je(_e, pe), h(A.TRANSACTIONS_CLICK_EXPORT);
+  }, Ee = () => {
+    c.length > 0 ? (Te({
+      ...Xe,
       date: tt(F()),
-      user_guid: Te?.user_guid || ""
+      user_guid: xe?.user_guid || ""
     }), T(
       "addTransaction"
       /* AddTransaction */
-    ), h(A.TRANSACTIONS_CLICK_ADD)) : (V(!0), h(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
-  }, Ee = async () => {
-    Q && await le(L), T("");
-  }, ke = () => {
-    V(!1), J(!0);
-  }, Oe = async () => {
-    J(!1), await l();
+    ), h(A.TRANSACTIONS_CLICK_ADD)) : ($(!0), h(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+  }, ke = async () => {
+    Q && await de(L), T("");
+  }, Oe = () => {
+    $(!1), J(!0);
   }, Le = async () => {
-    x && !x.has_been_viewed && await ge({ ...x, has_been_viewed: !0 }), T("");
+    J(!1), await l();
+  }, Me = async () => {
+    x && !x.has_been_viewed && await he({ ...x, has_been_viewed: !0 }), T("");
   };
   if (!_)
     return /* @__PURE__ */ e(z, {});
-  const G = [];
-  return !p && (se || ce) && G.push({
+  const V = [];
+  return !p && (ce || le) && V.push({
     iconName: "open_in_new",
     label: g.export_csv_btn,
-    onClick: Ie
-  }), f.show_connections_widget_in_master && G.push({
+    onClick: Ne
+  }), f.show_connections_widget_in_master && V.push({
     iconName: "add",
     label: g.add_transaction_btn,
-    onClick: Ne
+    onClick: Ee
   }), /* @__PURE__ */ m(
-    ht,
+    gt,
     {
-      actions: G,
+      actions: V,
       calendarActions: {
-        onRangeChanged: De
+        onRangeChanged: ve
       },
       hasDivider: !0,
       onAccountsFilterClick: () => h(A.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       onMenuClick: r,
-      showAccountFilter: !W,
+      showAccountFilter: !G,
       sx: s,
       title: g.transactions_title,
       children: [
         P ? /* @__PURE__ */ m(w, { children: [
-          Se,
+          De,
           /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-            ft,
+            ht,
             {
-              onChange: ve,
+              onChange: Ie,
               placeholder: g.action_bar_search_placeholder,
               searchValue: j
             }
@@ -498,7 +496,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
                 [O.breakpoints.up("md")]: { display: "block" }
               },
               children: /* @__PURE__ */ e(
-                vt,
+                Dt,
                 {
                   height: `calc(${i} - ${ae}px)`,
                   onCategoryClick: (d) => {
@@ -525,7 +523,7 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
                 [O.breakpoints.up("md")]: { display: "none" }
               },
               children: /* @__PURE__ */ e(
-                Ve,
+                Ge,
                 {
                   height: `calc(${i} - ${ae}px)`,
                   onClick: (d) => {
@@ -539,19 +537,19 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
               )
             }
           )
-        ] }) : /* @__PURE__ */ e(_t, { sx: { m: 48 }, variant: "list" }),
+        ] }) : /* @__PURE__ */ e(mt, { sx: { m: 48 }, variant: "list" }),
         /* @__PURE__ */ e(
           te,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: $ === "transaction" && !!x,
-            onClose: Le,
+            isOpen: W === "transaction" && !!x,
+            onClose: Me,
             title: g.details_title,
             children: x && /* @__PURE__ */ e($e, { transaction: x })
           }
         ),
-        x && $ === "category" && /* @__PURE__ */ e(
-          Lt,
+        x && W === "category" && /* @__PURE__ */ e(
+          Ot,
           {
             onClose: () => {
               C(""), T(""), M("");
@@ -563,45 +561,45 @@ const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2",
           te,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: $ === "addTransaction",
+            isOpen: W === "addTransaction",
             isPrimaryDisabled: !Q,
             onClose: () => T(""),
-            onPrimaryAction: Ee,
+            onPrimaryAction: ke,
             title: g.add_transaction_title,
-            children: /* @__PURE__ */ e(Nt, {})
+            children: /* @__PURE__ */ e(It, {})
           }
         ),
         /* @__PURE__ */ e(
-          kt,
+          Et,
           {
             copy: { title: g.add_manual_account },
-            isOpen: xe,
+            isOpen: Ae,
             onClose: () => {
-              V(!1);
+              $(!1);
             },
-            onPrimaryAction: ke
+            onPrimaryAction: Oe
           }
         ),
         /* @__PURE__ */ e(
-          ot,
+          nt,
           {
-            onClose: Oe,
-            showConnectWidget: Ae,
+            onClose: Le,
+            showConnectWidget: we,
             title: g.add_manual_account
           }
         )
       ]
     }
   );
-}, Ta = D(Mt);
+}, ya = D(Lt);
 export {
-  wa as BottomActions,
-  Na as ExportCsvAction,
-  Sa as TopActions,
+  xa as BottomActions,
+  va as ExportCsvAction,
+  Aa as TopActions,
   $e as TransactionDetails,
-  Ve as TransactionList,
-  va as TransactionRow,
-  vt as TransactionTable,
-  Ta as TransactionWidget,
+  Ge as TransactionList,
+  Sa as TransactionRow,
+  Dt as TransactionTable,
+  ya as TransactionWidget,
   B as useTransactionsUiStore
 };