@mx-cartographer/experiences 7.5.1 → 7.5.3

package/dist/transactions/index.es.js

@@ -1,59 +1,59 @@
 import { T as Sa } from "../TransactionApi-CjBoLleL.mjs";
-import { b as W, C as Pe, D as We, M as $e, d as Ve, u as Ge, T as Ue, a as Fe } from "../TransactionDetails-m5PddMQn.mjs";
-import { B as wa, e as Ia, c as va } from "../TransactionDetails-m5PddMQn.mjs";
-import { T as M } from "../User-Cnlegl1N.mjs";
+import { u as W, C as Pe, D as We, M as $e, c as Ve, T as Ge, a as Ue } from "../TransactionDetails-h9zr6QKo.mjs";
+import { B as wa, d as Ia, b as va } from "../TransactionDetails-h9zr6QKo.mjs";
+import { T as k } from "../User-Cnlegl1N.mjs";
 import { O as Na } from "../User-Cnlegl1N.mjs";
-import { S as ae, D as ze } from "../TransactionStore-PRlwE-TF.mjs";
+import { S as ae, D as Fe } from "../TransactionStore-PRlwE-TF.mjs";
 import { T as Oa } from "../TransactionStore-PRlwE-TF.mjs";
-import { e as Ke } from "../exportTransactionsToCSV-DuAaI5XA.mjs";
-import { E as ka } from "../ExportCsvAction-Cglo8Mca.mjs";
-import { jsxs as _, jsx as e } from "react/jsx-runtime";
-import u from "react";
+import { e as ze } from "../exportTransactionsToCSV-DuAaI5XA.mjs";
+import { E as Ma } from "../ExportCsvAction-Cglo8Mca.mjs";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import m from "react";
 import { observer as x } from "mobx-react-lite";
-import qe from "@mui/material/Paper";
-import { DataGridPro as je } from "@mui/x-data-grid-pro";
+import Ke from "@mui/material/Paper";
+import { DataGridPro as qe } from "@mui/x-data-grid-pro";
 import S from "@mui/material/Box";
-import { useTheme as Xe } from "@mui/material/styles";
-import { Text as C, Icon as P, MerchantLogo as Ye, TextField as ne, P as Je } from "@mxenabled/mxui";
-import { h as $, u as w, b as j, d as se, m as Qe, a as Ze, g as et, o as tt } from "../hooks-ZMp65DFz.mjs";
-import { fromUnixTime as at } from "date-fns/fromUnixTime";
-import { f as nt, a as ot, D as ie } from "../Dialog-BPTr3qHE.mjs";
+import { useTheme as je } from "@mui/material/styles";
+import { Text as y, Icon as P, MerchantLogo as Xe, TextField as ne, P as Ye } from "@mxenabled/mxui";
+import { h as $, u as w, b as j, d as se, m as Je, a as Qe, g as Ze, o as et } from "../hooks-ZMp65DFz.mjs";
+import { fromUnixTime as tt } from "date-fns/fromUnixTime";
+import { f as at, a as nt, D as ie } from "../Dialog-BPTr3qHE.mjs";
 import N from "@mui/material/Stack";
 import { f as ce } from "../NumberFormatting-DjTD0t3W.mjs";
 import { L as X } from "../Loader-DUaFpDGv.mjs";
-import { endOfMonth as rt } from "date-fns/endOfMonth";
-import { getUnixTime as st } from "date-fns/getUnixTime";
-import { startOfMonth as it } from "date-fns/startOfMonth";
+import { endOfMonth as ot } from "date-fns/endOfMonth";
+import { getUnixTime as rt } from "date-fns/getUnixTime";
+import { startOfMonth as st } from "date-fns/startOfMonth";
 import { startOfToday as K } from "date-fns/startOfToday";
-import ct from "@mui/material/styles/useTheme";
-import { l as lt } from "../ConnectDrawer-BkvlItWx.mjs";
-import dt from "@mui/material/Divider";
-import ut from "@mui/material/MenuItem";
-import mt from "@mui/material/RadioGroup";
-import { ExpandMore as _t } from "@mxenabled/mx-icons";
-import { C as pt } from "../CurrencyInput-itK0R3wV.mjs";
-import { a as gt, u as ht } from "../CategorySelectorDrawer-B-I3kajA.mjs";
+import it from "@mui/material/styles/useTheme";
+import { l as ct } from "../ConnectDrawer-BkvlItWx.mjs";
+import lt from "@mui/material/Divider";
+import dt from "@mui/material/MenuItem";
+import ut from "@mui/material/RadioGroup";
+import { ExpandMore as mt } from "@mxenabled/mx-icons";
+import { C as _t } from "../CurrencyInput-itK0R3wV.mjs";
+import { a as pt, u as gt } from "../CategorySelectorDrawer-B-I3kajA.mjs";
 import { b as q } from "../Localization-2MODESHW.mjs";
-import { A, W as ft } from "../WidgetContainer-CoFDmQRE.mjs";
+import { u as ht, A, W as ft } from "../WidgetContainer-30Dy7US7.mjs";
 import { u as Ct } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as yt } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { S as bt } from "../SearchBox-B2_zLv8-.mjs";
 import { D as oe } from "../Drawer-By9V-B5L.mjs";
-const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
+const Tt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
 ] }), At = (t) => {
-  const { associatedBeats: s } = $(), { showInsights: r } = W(), { amount: a, transaction_type: i } = t.row, l = s.find((p) => p.associated_transaction_guid === t.row.guid), d = i === M.CREDIT;
-  return /* @__PURE__ */ _(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ _(C, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
+  const { associatedBeats: s } = $(), { showInsights: o } = W(), { amount: a, transaction_type: i } = t.row, l = s.find((g) => g.associated_transaction_guid === t.row.guid), d = i === k.CREDIT;
+  return /* @__PURE__ */ p(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
+    /* @__PURE__ */ p(y, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
       d ? "+" : "",
       ce(a, "0,0.00")
     ] }),
-    l && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
+    l && o && /* @__PURE__ */ e(y, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
   ] });
 }, St = (t) => {
-  const { transactions: s } = w(), [r, a] = u.useState(!1);
-  return /* @__PURE__ */ _(
+  const { transactions: s } = w(), [o, a] = m.useState(!1);
+  return /* @__PURE__ */ p(
     N,
     {
       alignItems: "center",
@@ -65,22 +65,22 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       width: "100%",
       children: [
         t.row.has_been_split && /* @__PURE__ */ e(P, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? s.split_transaction_category_label : t.row.category }),
-        !t.row.has_been_split && r && /* @__PURE__ */ e(P, { name: "edit", sx: { color: "action.active" } })
+        /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? s.split_transaction_category_label : t.row.category }),
+        !t.row.has_been_split && o && /* @__PURE__ */ e(P, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, xt = x(St), wt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: nt(at(t.row.date), ot.MONTH_DAY) }), It = (t) => {
-  const s = Xe(), { transactions: r } = w(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, h = !l && !!!d;
-  return /* @__PURE__ */ _(
+}, xt = x(St), wt = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: at(tt(t.row.date), nt.MONTH_DAY) }), It = (t) => {
+  const s = je(), { transactions: o } = w(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, f = !l && !!!d;
+  return /* @__PURE__ */ p(
     S,
     {
-      "aria-label": i ? r.is_hidden : r.is_flagged,
+      "aria-label": i ? o.is_hidden : o.is_flagged,
       tabIndex: t.tabIndex,
       children: [
         a && /* @__PURE__ */ e(P, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
         !a && i && /* @__PURE__ */ e(P, { name: "visibility_off", size: 16 }),
-        h && /* @__PURE__ */ e(
+        f && /* @__PURE__ */ e(
           "svg",
           {
             "data-testid": "svg",
@@ -98,40 +98,42 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, vt = x(It), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), Dt = (t) => /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", gap: 8, children: [
+}, vt = x(It), O = (t) => /* @__PURE__ */ e(y, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), Dt = (t) => /* @__PURE__ */ p(N, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
-    Ye,
+    Xe,
     {
       categoryGuid: t.row.top_level_category_guid || "",
       merchantGuid: t.row.merchant_guid || ""
     }
   ),
-  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
+  /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
 ] }), Nt = ({
   height: t = "100dvh",
   onCategoryClick: s,
-  onRowClick: r
+  onRowClick: o
 }) => {
-  const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: p, toggleSplit: h } = W();
-  u.useEffect(() => () => p(), []);
-  const f = u.useMemo(
-    () => d.map((n) => ({
-      id: n.guid,
+  const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: g, toggleSplit: f } = W();
+  m.useEffect(() => () => g(), []);
+  const C = m.useMemo(
+    () => d.map((r) => ({
+      id: r.guid,
       isHovering: !1,
-      ...n
+      ...r
     })),
     [d]
-  ), m = ({ row: { id: n, guid: g, has_been_split: T }, field: E }) => T ? h(n) : E === "category" ? s?.(g) : r?.(g);
+  ), u = ({ row: { id: r, guid: h, has_been_split: E }, field: n }) => E ? f(r) : n === "category" ? s?.(h) : o?.(h), I = (r, h) => {
+    h.key !== "Enter" && h.key !== " " || u(r);
+  };
   if (!i)
     return /* @__PURE__ */ e(X, {});
-  const I = [
+  const _ = [
     {
       field: "flag",
       headerName: "",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (n) => /* @__PURE__ */ e(vt, { ...n }),
+      renderCell: (r) => /* @__PURE__ */ e(vt, { ...r }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": a.transaction_status, role: "presentation" })
     },
     {
@@ -139,7 +141,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.date_title,
       width: 103,
       renderHeader: O,
-      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(wt, { ...n }),
+      renderCell: (r) => r.row.parent_guid ? null : /* @__PURE__ */ e(wt, { ...r }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -156,7 +158,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.category_title,
       flex: 0.25,
       renderHeader: O,
-      renderCell: (n) => /* @__PURE__ */ e(xt, { ...n }),
+      renderCell: (r) => /* @__PURE__ */ e(xt, { ...r }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -164,7 +166,7 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.account_title,
       flex: 0.33,
       renderHeader: O,
-      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(Tt, { ...n }),
+      renderCell: (r) => r.row.parent_guid ? null : /* @__PURE__ */ e(Tt, { ...r }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -178,18 +180,19 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(qe, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    je,
+  return /* @__PURE__ */ e(Ke, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+    qe,
     {
-      columns: I,
+      columns: _,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
-      getCellClassName: (n) => n.row.parent_guid ? "split-row" : "",
+      getCellClassName: (r) => r.row.parent_guid ? "split-row" : "",
       hideFooter: !0,
       initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
       loading: l,
-      onCellClick: m,
-      rows: f,
+      onCellClick: u,
+      onCellKeyDown: I,
+      rows: C,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
       sx: {
         "& .split-row": {
@@ -198,89 +201,89 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, Et = x(Nt), Ot = ({ copy: t, isOpen: s, onClose: r, onPrimaryAction: a }) => {
+}, Et = x(Nt), Ot = ({ copy: t, isOpen: s, onClose: o, onPrimaryAction: a }) => {
   const { common: i, transactions: l } = w(), { isCopyLoaded: d } = j();
-  return d ? /* @__PURE__ */ _(
+  return d ? /* @__PURE__ */ p(
     ie,
     {
       copy: {
         title: t.title
       },
       isOpen: s,
-      onClose: r,
+      onClose: o,
       onPrimaryAction: a,
       primaryText: l.add_manual_account,
       secondaryText: i.cancel_button,
       children: [
-        /* @__PURE__ */ e(C, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: l.add_account_modal_message }),
-        /* @__PURE__ */ e(C, { component: "p", truncate: !1, children: l.add_account_modal_cta })
+        /* @__PURE__ */ e(y, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: l.add_account_modal_message }),
+        /* @__PURE__ */ e(y, { component: "p", truncate: !1, children: l.add_account_modal_cta })
       ]
     }
   ) : /* @__PURE__ */ e(X, {});
-}, Mt = x(Ot), kt = () => {
-  const { visibleAccounts: t } = se(), { common: s, transactions: r } = w(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = W(), [d, p] = u.useState(""), [h, f] = u.useState(""), m = u.useMemo(
-    () => t.filter((o) => o.is_manual),
+}, kt = x(Ot), Mt = () => {
+  const { visibleAccounts: t } = se(), { common: s, transactions: o } = w(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = W(), [d, g] = m.useState(""), [f, C] = m.useState(""), u = m.useMemo(
+    () => t.filter((n) => n.is_manual),
     [t]
-  ).map((o) => ({
-    label: `${o.name} | ${ce(o.balance, "0,0.00")}`,
-    value: o.guid
+  ).map((n) => ({
+    label: `${n.name} | ${ce(n.balance, "0,0.00")}`,
+    value: n.guid
   })), I = {
     error_amount_is_invalid: s.currency_input.error_amount_is_invalid,
     error_amount_must_be_equal_to: s.currency_input.error_amount_must_be_equal_to,
     error_amount_must_be_less_than_or_equal_to: s.currency_input.error_amount_must_be_less_than_or_equal_to,
     enter_amount: s.currency_input.enter_amount
-  }, n = (o) => {
-    p(o), l({ ...a, amount: Number(o) });
-  }, g = (o, k) => {
-    l({ ...a, transaction_type: Number(k) });
-  }, T = (o) => {
-    f(o), l({ ...a, payee: o, description: o });
-  }, E = (o) => {
-    l({ ...a, account_guid: o });
+  }, _ = (n) => {
+    g(n), l({ ...a, amount: Number(n) });
+  }, r = (n, M) => {
+    l({ ...a, transaction_type: Number(M) });
+  }, h = (n) => {
+    C(n), l({ ...a, payee: n, description: n });
+  }, E = (n) => {
+    l({ ...a, account_guid: n });
   };
-  return /* @__PURE__ */ _(S, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ _(N, { gap: 40, mx: 24, my: 32, children: [
-      /* @__PURE__ */ _(
+  return /* @__PURE__ */ p(S, { className: "mx-txn-manual-transaction-details", children: [
+    /* @__PURE__ */ p(N, { gap: 40, mx: 24, my: 32, children: [
+      /* @__PURE__ */ p(
         N,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
           children: [
             /* @__PURE__ */ e(
-              pt,
+              _t,
               {
                 allowDecimals: !0,
                 amount: d,
-                ariaLabel: r.amount_title,
+                ariaLabel: o.amount_title,
                 copy: I,
                 inputProps: {
                   noValidate: !0
                 },
-                label: r.amount_title,
-                setAmount: n,
+                label: o.amount_title,
+                setAmount: _,
                 setHasValidInput: i,
                 sx: { bgcolor: "background.paper" },
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(mt, { name: "TransactionType", onChange: g, row: !0, children: /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(ut, { name: "TransactionType", onChange: r, row: !0, children: /* @__PURE__ */ p(N, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 ae,
                 {
-                  checked: a.transaction_type === M.CREDIT,
-                  label: r.manual_transaction_credit_button_label,
+                  checked: a.transaction_type === k.CREDIT,
+                  label: o.manual_transaction_credit_button_label,
                   sx: { ml: { xs: 0, sm: 8 } },
-                  tooltip: r.manual_transaction_credit_button_tooltip,
-                  value: M.CREDIT
+                  tooltip: o.manual_transaction_credit_button_tooltip,
+                  value: k.CREDIT
                 }
               ),
               /* @__PURE__ */ e(
                 ae,
                 {
-                  checked: a.transaction_type === M.DEBIT,
-                  label: r.manual_transaction_debit_button_label,
-                  tooltip: r.manual_transaction_debit_button_tooltip,
-                  value: M.DEBIT
+                  checked: a.transaction_type === k.DEBIT,
+                  label: o.manual_transaction_debit_button_label,
+                  tooltip: o.manual_transaction_debit_button_tooltip,
+                  value: k.DEBIT
                 }
               )
             ] }) })
@@ -290,49 +293,49 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       /* @__PURE__ */ e(
         ne,
         {
-          label: r.payee_title,
+          label: o.payee_title,
           name: "payee",
-          onChange: (o) => T(o.target.value),
+          onChange: (n) => h(n.target.value),
           sx: { bgcolor: "background.paper" },
-          value: h
+          value: f
         }
       ),
       /* @__PURE__ */ e(
         ne,
         {
           InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: _t },
-          label: r.manual_transaction_select_an_account,
-          onChange: (o) => E(o.target.value),
-          placeholder: r.manual_transaction_select,
+          SelectProps: { defaultValue: -1, IconComponent: mt },
+          label: o.manual_transaction_select_an_account,
+          onChange: (n) => E(n.target.value),
+          placeholder: o.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
-          children: m.map((o) => /* @__PURE__ */ e(ut, { value: o.value, children: o.label }, o.value))
+          children: u.map((n) => /* @__PURE__ */ e(dt, { value: n.value, children: n.label }, n.value))
         }
       )
     ] }),
-    /* @__PURE__ */ e(dt, { light: !0 }),
-    /* @__PURE__ */ _(S, { bgcolor: "background.paper", children: [
+    /* @__PURE__ */ e(lt, { light: !0 }),
+    /* @__PURE__ */ p(S, { bgcolor: "background.paper", children: [
       /* @__PURE__ */ e(Pe, { transaction: a }),
       /* @__PURE__ */ e(We, { transaction: a }),
       /* @__PURE__ */ e($e, { transaction: a }),
       /* @__PURE__ */ e(Ve, { transaction: a })
     ] })
   ] });
-}, Lt = x(kt), Rt = ({ onClose: t, transaction: s }) => {
-  const { addOrUpdateTransactionRule: r, updateTransaction: a } = $(), { transactions: i } = w(), { categories: l } = Qe(), [d, p] = u.useState(""), h = u.useMemo(
-    () => l.find((m) => m.guid === d),
+}, Lt = x(Mt), Rt = ({ onClose: t, transaction: s }) => {
+  const { addOrUpdateTransactionRule: o, updateTransaction: a } = $(), { transactions: i } = w(), { categories: l } = Je(), [d, g] = m.useState(""), f = m.useMemo(
+    () => l.find((u) => u.guid === d),
     [d]
-  ), f = async (m) => {
-    await a({ ...s, category_guid: d }), m && await r(d, s), p(""), t();
+  ), C = async (u) => {
+    await a({ ...s, category_guid: d }), u && await o(d, s), g(""), t();
   };
-  return /* @__PURE__ */ _(S, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ p(S, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
-      gt,
+      pt,
       {
         initialSelected: s.category_guid,
         onClose: t,
-        onSelect: (m) => p(m),
+        onSelect: (u) => g(u),
         showDrawer: !!s,
         title: i.actions_select_a_category
       }
@@ -347,15 +350,15 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           )
         },
         isOpen: !!d,
-        onClose: () => f(!1),
-        onPrimaryAction: () => f(!0),
-        onSecondaryAction: () => f(!1),
+        onClose: () => C(!1),
+        onPrimaryAction: () => C(!0),
+        onSecondaryAction: () => C(!1),
         primaryText: i.actions_apply_to_all,
         secondaryText: i.actions_this_time_only,
-        children: /* @__PURE__ */ e(Je, { variant: "Paragraph", children: q(
+        children: /* @__PURE__ */ e(Ye, { variant: "Paragraph", children: q(
           i.actions_all_past_and_future,
           s.description,
-          h?.name
+          f?.name
         ) })
       }
     )
@@ -363,17 +366,17 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
 }, Ht = x(Rt), re = 120, Bt = ({
   onBackClick: t,
   height: s = "100dvh",
-  showInsights: r = !1,
+  showInsights: o = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: p, config: h } = Ze(), { setSearchValue: f } = ht(), { onEvent: m } = et(), { common: I, transactions: n } = w(), {
-    displayedDateRange: g,
-    isCopyLoaded: T,
+  const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: g, config: f } = Qe(), { setSearchValue: C } = gt(), { onEvent: u } = Ze(), { common: I, transactions: _ } = w(), {
+    displayedDateRange: r,
+    isCopyLoaded: h,
     isInitialized: E,
-    selectedAccountGuids: o,
-    setDisplayedDate: k,
+    selectedAccountGuids: n,
+    setDisplayedDate: M,
     setSelectedAccounts: le
-  } = j(), { isDesktop: de, isTablet: ue } = Ct(), L = ct(), {
+  } = j(), { isDesktop: de, isTablet: ue } = Ct(), L = it(), {
     addTransaction: me,
     filter: Y,
     loadAssociatedBeats: _e,
@@ -390,75 +393,75 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     setSearchValue: be,
     setShowInsights: Te,
     updateManualTransaction: Ae
-  } = W(), { userProfile: Se } = tt(), [U, y] = u.useState(""), [J, H] = u.useState(""), [xe, F] = u.useState(!1), [we, Q] = u.useState(!1), [B, Ie] = u.useState(!1), { announce: ve, ariaLive: De } = Ge(), v = p?.transactions?.selected_account_guid;
+  } = W(), { userProfile: Se } = et(), [U, b] = m.useState(""), [J, H] = m.useState(""), [xe, F] = m.useState(!1), [we, Q] = m.useState(!1), [B, Ie] = m.useState(!1), { announce: ve, ariaLive: De } = ht(), v = g?.transactions?.selected_account_guid;
   yt({
     widgetName: "TransactionWidget",
     isLoaded: B
-  }), u.useEffect(() => {
-    const c = v ? [{ guid: v }] : i.filter((D) => !D.is_hidden), ee = it(K()), te = rt(K());
-    v || le(c), k(ee, te), V({
+  }), m.useEffect(() => {
+    const c = v ? [{ guid: v }] : i.filter((D) => !D.is_hidden), ee = st(K()), te = ot(K());
+    v || le(c), M(ee, te), V({
       accounts: c.map((D) => D.guid),
       custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
       dateRange: { start: ee, end: te }
-    }), Ie(!0), m(A.TRANSACTIONS_VIEW);
-  }, [i]), u.useEffect(() => {
+    }), Ie(!0), u(A.TRANSACTIONS_VIEW);
+  }, [i]), m.useEffect(() => {
     B && (V({
       ...Y,
-      accounts: v ? [v] : o,
-      dateRange: { start: g.start, end: g.end }
-    }), _e(g.start).finally());
-  }, [B, g, o]), u.useEffect(() => {
-    Te(r);
-  }, [r]), u.useEffect(() => {
-    T && n.showing_transactions_count && ve(
+      accounts: v ? [v] : n,
+      dateRange: { start: r.start, end: r.end }
+    }), _e(r.start).finally());
+  }, [B, r, n]), m.useEffect(() => {
+    Te(o);
+  }, [o]), m.useEffect(() => {
+    h && _.showing_transactions_count && ve(
       q(
-        n.showing_transactions_count,
+        _.showing_transactions_count,
         G.length
       )
     );
-  }, [T, g, o, G, n]);
-  const Ne = u.useMemo(
+  }, [h, r, n, G, _]);
+  const Ne = m.useMemo(
     () => i.filter((c) => c.is_manual),
     [i]
-  ), b = J ? ge.find((c) => c.guid === J) : void 0, Z = Ce && !!R.payee && !!R.account_guid && !!R.category_guid, Ee = (c) => {
-    fe(), k(c[0], c[1]);
+  ), T = J ? ge.find((c) => c.guid === J) : void 0, Z = Ce && !!R.payee && !!R.account_guid && !!R.category_guid, Ee = (c) => {
+    fe(), M(c[0], c[1]);
   }, Oe = (c) => {
     be(c), V({
       ...Y,
       searchTerm: c
-    }), m(A.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
-  }, Me = () => {
-    Ke(G, pe), m(A.TRANSACTIONS_CLICK_EXPORT);
+    }), u(A.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
   }, ke = () => {
+    ze(G, pe), u(A.TRANSACTIONS_CLICK_EXPORT);
+  }, Me = () => {
     Ne.length > 0 ? (Ae({
-      ...ze,
-      date: st(K()),
+      ...Fe,
+      date: rt(K()),
       user_guid: Se?.user_guid || ""
-    }), y(
+    }), b(
       "addTransaction"
       /* AddTransaction */
-    ), m(A.TRANSACTIONS_CLICK_ADD)) : (F(!0), m(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+    ), u(A.TRANSACTIONS_CLICK_ADD)) : (F(!0), u(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Le = async () => {
-    Z && await me(R), y("");
+    Z && await me(R), b("");
   }, Re = () => {
     F(!1), Q(!0);
   }, He = async () => {
     Q(!1), await l();
   }, Be = async () => {
-    b && !b.has_been_viewed && await he({ ...b, has_been_viewed: !0 }), y("");
+    T && !T.has_been_viewed && await he({ ...T, has_been_viewed: !0 }), b("");
   };
-  if (!T || !E || !B)
+  if (!h || !E || !B)
     return /* @__PURE__ */ e(X, {});
   const z = [];
   return !d && (de || ue) && z.push({
     iconName: "open_in_new",
-    label: n.export_csv_btn,
-    onClick: Me
-  }), h.show_connections_widget_in_master && z.push({
-    iconName: "add",
-    label: n.add_transaction_btn,
+    label: _.export_csv_btn,
     onClick: ke
-  }), /* @__PURE__ */ _(
+  }), f.show_connections_widget_in_master && z.push({
+    iconName: "add",
+    label: _.add_transaction_btn,
+    onClick: Me
+  }), /* @__PURE__ */ p(
     ft,
     {
       ...!v && { accountOptions: i },
@@ -466,17 +469,17 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       calendarActions: {
         onRangeChanged: Ee
       },
-      onAccountsFilterClick: () => m(A.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => u(A.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       sx: a,
-      title: n.transactions_title,
+      title: _.transactions_title,
       children: [
         De,
         /* @__PURE__ */ e(S, { mt: 16, children: /* @__PURE__ */ e(
           bt,
           {
             onChange: Oe,
-            placeholder: n.action_bar_search_placeholder,
+            placeholder: _.action_bar_search_placeholder,
             searchValue: ye
           }
         ) }),
@@ -492,16 +495,16 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
               {
                 height: `calc(${s} - ${re}px)`,
                 onCategoryClick: (c) => {
-                  H(c), y(
+                  H(c), b(
                     "category"
                     /* Category */
                   );
                 },
                 onRowClick: (c) => {
-                  H(c), y(
+                  H(c), b(
                     "transaction"
                     /* Transaction */
-                  ), m(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
+                  ), u(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
                 }
               }
             )
@@ -515,17 +518,17 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
               [L.breakpoints.up("md")]: { display: "none" }
             },
             children: /* @__PURE__ */ e(
-              Ue,
+              Ge,
               {
                 height: `calc(${s} - ${re}px)`,
                 onClick: (c) => {
-                  H(c), y(
+                  H(c), b(
                     "transaction"
                     /* Transaction */
                   );
                 },
                 showHiddenTransactions: !0,
-                showInsights: r
+                showInsights: o
               }
             )
           }
@@ -534,19 +537,19 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           oe,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: U === "transaction" && !!b,
+            isOpen: U === "transaction" && !!T,
             onClose: Be,
-            title: n.details_title,
-            children: b && /* @__PURE__ */ e(Fe, { transaction: b })
+            title: _.details_title,
+            children: T && /* @__PURE__ */ e(Ue, { transaction: T })
           }
         ),
-        b && U === "category" && /* @__PURE__ */ e(
+        T && U === "category" && /* @__PURE__ */ e(
           Ht,
           {
             onClose: () => {
-              f(""), y(""), H("");
+              C(""), b(""), H("");
             },
-            transaction: b
+            transaction: T
           }
         ),
         /* @__PURE__ */ e(
@@ -555,16 +558,16 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
             ariaLabelClose: I.close_aria,
             isOpen: U === "addTransaction",
             isPrimaryDisabled: !Z,
-            onClose: () => y(""),
+            onClose: () => b(""),
             onPrimaryAction: Le,
-            title: n.add_transaction_title,
+            title: _.add_transaction_title,
             children: /* @__PURE__ */ e(Lt, {})
           }
         ),
         /* @__PURE__ */ e(
-          Mt,
+          kt,
           {
-            copy: { title: n.add_manual_account },
+            copy: { title: _.add_manual_account },
             isOpen: xe,
             onClose: () => {
               F(!1);
@@ -573,11 +576,11 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           }
         ),
         /* @__PURE__ */ e(
-          lt,
+          ct,
           {
             onClose: He,
             showConnectWidget: we,
-            title: n.add_manual_account
+            title: _.add_manual_account
           }
         )
       ]
@@ -585,18 +588,18 @@ const Tt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
   );
 }, ba = x(Bt);
 export {
-  Mt as AddAccountModal,
+  kt as AddAccountModal,
   wa as BottomActions,
-  ka as ExportCsvAction,
+  Ma as ExportCsvAction,
   Na as TRANSACTION_EVENTS,
   Ia as TopActions,
   Sa as TransactionApi,
-  Fe as TransactionDetails,
-  Ue as TransactionList,
+  Ue as TransactionDetails,
+  Ge as TransactionList,
   va as TransactionRow,
   Oa as TransactionStore,
   Et as TransactionTable,
   ba as TransactionWidget,
-  Ke as exportTransactionsToCSV,
+  ze as exportTransactionsToCSV,
   W as useTransactionsUiStore
 };