@mx-cartographer/experiences 8.0.19 → 8.0.21

package/dist/transactions/index.es.js

@@ -1,87 +1,87 @@
-import { T as wa } from "../TransactionApi-Ck5Ua-7F.mjs";
-import { C as Me, D as Re, M as Be, a as He, T as Pe } from "../TransactionDetails-KklNHa-s.mjs";
-import { B as Da, b as Ia } from "../TransactionDetails-KklNHa-s.mjs";
-import { e as $e } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
-import { O as Na } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
-import { S as Z, D as Ve } from "../TransactionStore-BUsgGRL1.mjs";
-import { T as Oa } from "../TransactionStore-BUsgGRL1.mjs";
-import { u as B, T as We } from "../EmbeddedCard-xngm4vLT.mjs";
-import { a as La } from "../EmbeddedCard-xngm4vLT.mjs";
-import { E as Ra } from "../ExportCsvAction-CHCmCCqf.mjs";
-import { jsxs as _, jsx as e } from "react/jsx-runtime";
-import m from "react";
-import { observer as I } from "mobx-react-lite";
-import Ge 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, o as ze } from "../hooks-BxkfR-Ff.mjs";
-import S from "@mui/material/Box";
-import { useTheme as qe } from "@mui/material/styles";
-import { Text as C, Icon as R, MerchantLogo as Ye, TextField as ee, P as je } from "@mxenabled/mxui";
-import { fromUnixTime as Xe } from "date-fns/fromUnixTime";
-import { f as Je, D as Qe } from "../DateFormats-BMpMrZpW.mjs";
-import D from "@mui/material/Stack";
+import { T as Sa } from "../TransactionApi-Ck5Ua-7F.mjs";
+import { C as Re, D as Be, M as He, a as Pe, T as $e } from "../TransactionDetails-D57Cfnwh.mjs";
+import { B as Ia, b as va } from "../TransactionDetails-D57Cfnwh.mjs";
+import { e as Ve } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
+import { O as Ea } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
+import { S as Z, D as We } from "../TransactionStore-BUsgGRL1.mjs";
+import { T as ka } from "../TransactionStore-BUsgGRL1.mjs";
+import { u as B, T as Ge } from "../EmbeddedCard-D0Pgpiuq.mjs";
+import { a as Ma } from "../EmbeddedCard-D0Pgpiuq.mjs";
+import { E as Ba } from "../ExportCsvAction-CHCmCCqf.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 Fe from "@mui/material/Paper";
+import { DataGridPro as Ue } from "@mui/x-data-grid-pro";
+import { h as H, u as I, g as ne, b as K, d as oe, l as Ke, a as ze, o as qe } from "../hooks-BxkfR-Ff.mjs";
+import w from "@mui/material/Box";
+import { useTheme as Ye } from "@mui/material/styles";
+import { Text as y, Icon as R, MerchantLogo as je, TextField as ee, P as Xe } from "@mxenabled/mxui";
+import { fromUnixTime as Je } from "date-fns/fromUnixTime";
+import { f as Qe, D as Ze } from "../DateFormats-BMpMrZpW.mjs";
+import S from "@mui/material/Stack";
 import { a as O } from "../Transaction-C3Pg9TKf.mjs";
 import { f as re } from "../NumberFormatting-QCaNwbjv.mjs";
 import { L as z } from "../Loader-D3rjKx72.mjs";
-import { A } from "../Analytics-0Xm_BjHU.mjs";
+import { A as x } from "../Analytics-0Xm_BjHU.mjs";
 import { D as ie } from "../Dialog-Ck34yr-d.mjs";
-import { endOfMonth as Ze } from "date-fns/endOfMonth";
-import { getUnixTime as et } from "date-fns/getUnixTime";
-import { startOfMonth as tt } from "date-fns/startOfMonth";
+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 at from "@mui/material/styles/useTheme";
-import { C as nt } from "../ConnectDrawer-C0wjwcJt.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-DuMktPu3.mjs";
-import { a as lt, u as dt } from "../CategorySelectorDrawer-Dc9Widy9.mjs";
+import nt from "@mui/material/styles/useTheme";
+import { C as ot } from "../ConnectDrawer-C0wjwcJt.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-DuMktPu3.mjs";
+import { a as dt, u as ut } from "../CategorySelectorDrawer-Dc9Widy9.mjs";
 import { b as U } from "../Localization-CPkpIwIx.mjs";
-import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
-import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
-import { u as _t } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as pt } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as gt } from "../WidgetContainer-D-pbSa7L.mjs";
-import { S as ht } from "../SearchBox-CwDgvWVJ.mjs";
+import { u as mt } from "../useAriaLive-MkYebyUR.mjs";
+import { S as _t } from "../SkeletonLoader-BaNboJjD.mjs";
+import { u as pt } from "../useScreenSize-CUcpY7aJ.mjs";
+import { u as gt } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { W as ht } from "../WidgetContainer-DYKMArWw.mjs";
+import { S as ft } from "../SearchBox-CwDgvWVJ.mjs";
 import { D as te } from "../Drawer-Bbe4AMB1.mjs";
-const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2", children: [
+const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
-] }), Ct = (t) => {
-  const { associatedBeats: r } = H(), { showInsights: i } = B(), { amount: n, transaction_type: s } = t.row, c = r.find((p) => p.associated_transaction_guid === t.row.guid), l = s === O.CREDIT;
-  return /* @__PURE__ */ _(D, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ _(C, { bold: l, color: l ? "success.main" : "text.primary", variant: "body2", children: [
+] }), yt = (t) => {
+  const { associatedBeats: o } = H(), { showInsights: r } = B(), { amount: a, transaction_type: s } = t.row, c = o.find((p) => p.associated_transaction_guid === t.row.guid), l = s === O.CREDIT;
+  return /* @__PURE__ */ m(S, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
+    /* @__PURE__ */ m(y, { bold: l, color: l ? "success.main" : "text.primary", variant: "body2", children: [
       l ? "+" : "",
-      re(n, "0,0.00")
+      re(a, "0,0.00")
     ] }),
-    c && i && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "caption", children: c.short_title })
+    c && r && /* @__PURE__ */ e(y, { bold: !0, color: "primary.light", variant: "caption", children: c.short_title })
   ] });
-}, yt = (t) => {
-  const { transactions: r } = v(), [i, n] = m.useState(!1);
-  return /* @__PURE__ */ _(
-    D,
+}, Tt = (t) => {
+  const { transactions: o } = I(), [r, a] = u.useState(!1);
+  return /* @__PURE__ */ m(
+    S,
     {
       alignItems: "center",
       direction: "row",
       gap: 8,
       height: "100%",
-      onMouseEnter: () => n(!0),
-      onMouseLeave: () => n(!1),
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
       width: "100%",
       children: [
         t.row.has_been_split && /* @__PURE__ */ e(R, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.has_been_split ? r.split_transaction_category_label : t.row.category }),
-        !t.row.has_been_split && i && /* @__PURE__ */ e(R, { name: "edit", sx: { color: "action.active" } })
+        /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: t.row.has_been_split ? o.split_transaction_category_label : t.row.category }),
+        !t.row.has_been_split && r && /* @__PURE__ */ e(R, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, Tt = I(yt), bt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: Je(Xe(t.row.date), Qe.MONTH_DAY) }), At = (t) => {
-  const r = qe(), i = r.palette.mode === "dark", { transactions: n } = v(), { is_flagged: s, is_hidden: c, has_been_viewed: l, parent_guid: p } = t.row, h = !l && !!!p;
-  return /* @__PURE__ */ _(
-    S,
+}, bt = D(Tt), At = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: Qe(Je(t.row.date), Ze.MONTH_DAY) }), xt = (t) => {
+  const o = Ye(), r = o.palette.mode === "dark", { transactions: a } = I(), { is_flagged: s, is_hidden: c, has_been_viewed: l, parent_guid: p } = t.row, f = !l && !!!p;
+  return /* @__PURE__ */ m(
+    w,
     {
-      "aria-label": c ? n.is_hidden : n.is_flagged,
+      "aria-label": c ? a.is_hidden : a.is_flagged,
       tabIndex: t.tabIndex,
       children: [
         s && /* @__PURE__ */ e(
@@ -90,18 +90,18 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
             fill: !0,
             name: "flag",
             size: 16,
-            sx: { color: i ? "primary.main" : "warning.dark" }
+            sx: { color: r ? "primary.main" : "warning.dark" }
           }
         ),
         !s && c && /* @__PURE__ */ e(R, { name: "visibility_off", size: 16 }),
-        h && /* @__PURE__ */ e(
+        f && /* @__PURE__ */ e(
           "svg",
           {
             "data-testid": "svg",
             style: {
               display: "inline-block",
               height: 16,
-              fill: r.palette.primary.light,
+              fill: o.palette.primary.light,
               verticalAlign: "middle",
               width: 16
             },
@@ -112,42 +112,42 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       ]
     }
   );
-}, xt = I(At), E = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "body2", children: t.colDef.headerName }), wt = (t) => /* @__PURE__ */ _(D, { alignItems: "center", direction: "row", gap: 8, children: [
+}, wt = D(xt), E = (t) => /* @__PURE__ */ e(y, { fontWeight: 600, variant: "body2", children: t.colDef.headerName }), St = (t) => /* @__PURE__ */ m(S, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
-    Ye,
+    je,
     {
       categoryGuid: t.row.top_level_category_guid || "",
       merchantGuid: t.row.merchant_guid || ""
     }
   ),
-  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.payee })
-] }), St = ({
+  /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "body2", children: t.row.payee })
+] }), Dt = ({
   height: t = "100dvh",
-  onCategoryClick: r,
-  onRowClick: i
+  onCategoryClick: o,
+  onRowClick: r
 }) => {
-  const { onEvent: n } = ne(), { transactions: s } = v(), { isCopyLoaded: c } = K(), { isLoading: l, sortedTransactions: p } = H(), { clearExpandedSplits: y, toggleSplit: h } = B();
-  m.useEffect(() => () => y(), []);
-  const d = m.useMemo(
-    () => p.map((o) => ({
-      id: o.guid,
+  const { onEvent: a } = ne(), { transactions: s } = I(), { isCopyLoaded: c } = K(), { isLoading: l, sortedTransactions: p } = H(), { clearExpandedSplits: T, toggleSplit: f } = B();
+  u.useEffect(() => () => T(), []);
+  const C = u.useMemo(
+    () => p.map((i) => ({
+      id: i.guid,
       isHovering: !1,
-      ...o
+      ...i
     })),
     [p]
-  ), x = ({ row: { id: o, guid: f, has_been_split: a }, field: N }) => a ? h(o) : N === "category" ? (n(A.TRANSACTIONS_TABLE_CLICK_CATEGORY, { guid: f }), r?.(f)) : i?.(f), g = (o, f) => {
-    f.key !== "Enter" && f.key !== " " || x(o);
+  ), h = ({ row: { id: i, guid: _, has_been_split: n }, field: N }) => n ? f(i) : N === "category" ? (a(x.TRANSACTIONS_TABLE_CLICK_CATEGORY, { guid: _ }), o?.(_)) : r?.(_), v = (i, _) => {
+    _.key !== "Enter" && _.key !== " " || h(i);
   };
   if (!c)
     return /* @__PURE__ */ e(z, {});
-  const w = [
+  const g = [
     {
       field: "flag",
       headerName: "",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (o) => /* @__PURE__ */ e(xt, { ...o }),
+      renderCell: (i) => /* @__PURE__ */ e(wt, { ...i }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": s.transaction_status, role: "presentation" })
     },
     {
@@ -155,7 +155,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.date_title,
       width: 103,
       renderHeader: E,
-      renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(bt, { ...o }),
+      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(At, { ...i }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -164,7 +164,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.payee_title,
       flex: 0.33,
       renderHeader: E,
-      renderCell: wt,
+      renderCell: St,
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -172,7 +172,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.category_title,
       flex: 0.25,
       renderHeader: E,
-      renderCell: (o) => /* @__PURE__ */ e(Tt, { ...o }),
+      renderCell: (i) => /* @__PURE__ */ e(bt, { ...i }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -180,7 +180,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.account_title,
       flex: 0.33,
       renderHeader: E,
-      renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(ft, { ...o }),
+      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(Ct, { ...i }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -188,25 +188,25 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       headerName: s.amount_title,
       flex: 0.25,
       renderHeader: E,
-      renderCell: Ct,
+      renderCell: yt,
       align: "right",
       headerAlign: "right",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(Ge, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    Fe,
+  return /* @__PURE__ */ e(Fe, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+    Ue,
     {
-      columns: w,
+      columns: g,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
-      getCellClassName: (o) => o.row.parent_guid ? "split-row" : "",
+      getCellClassName: (i) => i.row.parent_guid ? "split-row" : "",
       hideFooter: !0,
       initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
       loading: l,
-      onCellClick: x,
-      onCellKeyDown: g,
-      rows: d,
+      onCellClick: h,
+      onCellKeyDown: v,
+      rows: C,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
       sx: {
         "& .split-row": {
@@ -215,88 +215,88 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       }
     }
   ) });
-}, Dt = I(St), It = ({ copy: t, isOpen: r, onClose: i, onPrimaryAction: n }) => {
-  const { common: s, transactions: c } = v(), { isCopyLoaded: l } = K();
-  return l ? /* @__PURE__ */ _(
+}, It = D(Dt), vt = ({ copy: t, isOpen: o, onClose: r, onPrimaryAction: a }) => {
+  const { common: s, transactions: c } = I(), { isCopyLoaded: l } = K();
+  return l ? /* @__PURE__ */ m(
     ie,
     {
       copy: {
         title: t.title
       },
-      isOpen: r,
-      onClose: i,
-      onPrimaryAction: n,
+      isOpen: o,
+      onClose: r,
+      onPrimaryAction: a,
       primaryText: c.add_manual_account,
       secondaryText: s.cancel_button,
       children: [
-        /* @__PURE__ */ e(C, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: c.add_account_modal_message }),
-        /* @__PURE__ */ e(C, { component: "p", truncate: !1, children: c.add_account_modal_cta })
+        /* @__PURE__ */ e(y, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: c.add_account_modal_message }),
+        /* @__PURE__ */ e(y, { component: "p", truncate: !1, children: c.add_account_modal_cta })
       ]
     }
   ) : /* @__PURE__ */ e(z, {});
-}, vt = I(It), Nt = () => {
-  const { visibleAccounts: t } = oe(), { common: r, transactions: i } = v(), { manualTransaction: n, setIsAmountValid: s, updateManualTransaction: c } = B(), [l, p] = m.useState(""), [y, h] = m.useState(""), d = m.useMemo(
-    () => t.filter((a) => a.is_manual),
+}, Nt = D(vt), Et = () => {
+  const { visibleAccounts: t } = oe(), { common: o, transactions: r } = I(), { manualTransaction: a, setIsAmountValid: s, updateManualTransaction: c } = B(), [l, p] = u.useState(""), [T, f] = u.useState(""), C = u.useMemo(
+    () => t.filter((n) => n.is_manual),
     [t]
-  ).map((a) => ({
-    label: `${a.name} | ${re(a.balance, "0,0.00")}`,
-    value: a.guid
-  })), x = {
-    error_amount_is_invalid: r.currency_input.error_amount_is_invalid,
-    error_amount_must_be_equal_to: r.currency_input.error_amount_must_be_equal_to,
-    error_amount_must_be_less_than_or_equal_to: r.currency_input.error_amount_must_be_less_than_or_equal_to,
-    enter_amount: r.currency_input.enter_amount
-  }, g = (a) => {
-    p(a), c({ ...n, amount: Number(a) });
-  }, w = (a, N) => {
-    c({ ...n, transaction_type: Number(N) });
-  }, o = (a) => {
-    h(a), c({ ...n, payee: a, description: a });
-  }, f = (a) => {
-    c({ ...n, account_guid: a });
+  ).map((n) => ({
+    label: `${n.name} | ${re(n.balance, "0,0.00")}`,
+    value: n.guid
+  })), h = {
+    error_amount_is_invalid: o.currency_input.error_amount_is_invalid,
+    error_amount_must_be_equal_to: o.currency_input.error_amount_must_be_equal_to,
+    error_amount_must_be_less_than_or_equal_to: o.currency_input.error_amount_must_be_less_than_or_equal_to,
+    enter_amount: o.currency_input.enter_amount
+  }, v = (n) => {
+    p(n), c({ ...a, amount: Number(n) });
+  }, g = (n, N) => {
+    c({ ...a, transaction_type: Number(N) });
+  }, i = (n) => {
+    f(n), c({ ...a, payee: n, description: n });
+  }, _ = (n) => {
+    c({ ...a, account_guid: n });
   };
-  return /* @__PURE__ */ _(S, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ _(D, { gap: 40, mx: 24, my: 32, children: [
-      /* @__PURE__ */ _(
-        D,
+  return /* @__PURE__ */ m(w, { className: "mx-txn-manual-transaction-details", children: [
+    /* @__PURE__ */ m(S, { gap: 40, mx: 24, my: 32, children: [
+      /* @__PURE__ */ m(
+        S,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
           children: [
             /* @__PURE__ */ e(
-              ct,
+              lt,
               {
                 allowDecimals: !0,
                 amount: l,
-                ariaLabel: i.amount_title,
-                copy: x,
+                ariaLabel: r.amount_title,
+                copy: h,
                 inputProps: {
                   noValidate: !0
                 },
-                label: i.amount_title,
-                setAmount: g,
+                label: r.amount_title,
+                setAmount: v,
                 setHasValidInput: s,
                 sx: { bgcolor: "background.paper" },
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(it, { name: "TransactionType", onChange: w, row: !0, children: /* @__PURE__ */ _(D, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(st, { name: "TransactionType", onChange: g, row: !0, children: /* @__PURE__ */ m(S, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 Z,
                 {
-                  checked: n.transaction_type === O.CREDIT,
-                  label: i.manual_transaction_credit_button_label,
+                  checked: a.transaction_type === O.CREDIT,
+                  label: r.manual_transaction_credit_button_label,
                   sx: { ml: { xs: 0, sm: 8 } },
-                  tooltip: i.manual_transaction_credit_button_tooltip,
+                  tooltip: r.manual_transaction_credit_button_tooltip,
                   value: O.CREDIT
                 }
               ),
               /* @__PURE__ */ e(
                 Z,
                 {
-                  checked: n.transaction_type === O.DEBIT,
-                  label: i.manual_transaction_debit_button_label,
-                  tooltip: i.manual_transaction_debit_button_tooltip,
+                  checked: a.transaction_type === O.DEBIT,
+                  label: r.manual_transaction_debit_button_label,
+                  tooltip: r.manual_transaction_debit_button_tooltip,
                   value: O.DEBIT
                 }
               )
@@ -307,50 +307,50 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       /* @__PURE__ */ e(
         ee,
         {
-          label: i.payee_title,
+          label: r.payee_title,
           name: "payee",
-          onChange: (a) => o(a.target.value),
+          onChange: (n) => i(n.target.value),
           sx: { bgcolor: "background.paper" },
-          value: y
+          value: T
         }
       ),
       /* @__PURE__ */ e(
         ee,
         {
           InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: st },
-          label: i.manual_transaction_select_an_account,
-          onChange: (a) => f(a.target.value),
-          placeholder: i.manual_transaction_select,
+          SelectProps: { defaultValue: -1, IconComponent: ct },
+          label: r.manual_transaction_select_an_account,
+          onChange: (n) => _(n.target.value),
+          placeholder: r.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
-          children: d.map((a) => /* @__PURE__ */ e(rt, { value: a.value, children: a.label }, a.value))
+          children: C.map((n) => /* @__PURE__ */ e(it, { value: n.value, children: n.label }, n.value))
         }
       )
     ] }),
-    /* @__PURE__ */ e(ot, { light: !0 }),
-    /* @__PURE__ */ _(S, { bgcolor: "background.paper", children: [
-      /* @__PURE__ */ e(Me, { transaction: n }),
-      /* @__PURE__ */ e(Re, { transaction: n }),
-      /* @__PURE__ */ e(Be, { transaction: n }),
-      /* @__PURE__ */ e(He, { transaction: n })
+    /* @__PURE__ */ e(rt, { light: !0 }),
+    /* @__PURE__ */ m(w, { bgcolor: "background.paper", children: [
+      /* @__PURE__ */ e(Re, { transaction: a }),
+      /* @__PURE__ */ e(Be, { transaction: a }),
+      /* @__PURE__ */ e(He, { transaction: a }),
+      /* @__PURE__ */ e(Pe, { transaction: a })
     ] })
   ] });
-}, Et = I(Nt), Ot = ({ onClose: t, transaction: r }) => {
-  const { addOrUpdateTransactionRule: i, updateTransaction: n } = H(), { transactions: s } = v(), { categories: c } = Ue(), [l, p] = m.useState(""), y = m.useMemo(
-    () => c.find((d) => d.guid === l),
+}, Ot = D(Et), kt = ({ onClose: t, transaction: o }) => {
+  const { addOrUpdateTransactionRule: r, updateTransaction: a } = H(), { transactions: s } = I(), { categories: c } = Ke(), [l, p] = u.useState(""), T = u.useMemo(
+    () => c.find((C) => C.guid === l),
     [l]
-  ), h = async (d) => {
-    await n({ ...r, category_guid: l }), d && await i(l, r), p(""), t();
+  ), f = async (C) => {
+    await a({ ...o, category_guid: l }), C && await r(l, o), p(""), t();
   };
-  return /* @__PURE__ */ _(S, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ m(w, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
-      lt,
+      dt,
       {
-        initialSelected: r.category_guid,
+        initialSelected: o.category_guid,
         onClose: t,
-        onSelect: (d) => p(d),
-        showDrawer: !!r,
+        onSelect: (C) => p(C),
+        showDrawer: !!o,
         title: s.actions_select_a_category
       }
     ),
@@ -360,248 +360,251 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
         copy: {
           title: U(
             s.actions_apply_to_all_transaction_types,
-            r.description
+            o.description
           )
         },
         isOpen: !!l,
-        onClose: () => h(!1),
-        onPrimaryAction: () => h(!0),
-        onSecondaryAction: () => h(!1),
+        onClose: () => f(!1),
+        onPrimaryAction: () => f(!0),
+        onSecondaryAction: () => f(!1),
         primaryText: s.actions_apply_to_all,
         secondaryText: s.actions_this_time_only,
-        children: /* @__PURE__ */ e(je, { variant: "subtitle1", children: U(
+        children: /* @__PURE__ */ e(Xe, { variant: "subtitle1", children: U(
           s.actions_all_past_and_future,
-          r.description,
-          y?.name
+          o.description,
+          T?.name
         ) })
       }
     )
   ] });
-}, kt = I(Ot), ae = 120, Lt = ({
+}, Lt = D(kt), ae = 120, Mt = ({
   onBackClick: t,
+  onMenuClick: o,
   height: r = "100dvh",
-  showInsights: i = !1,
-  sx: n = {}
+  showInsights: a = !1,
+  sx: s = {}
 }) => {
-  const { manualAccounts: s, refreshAccounts: c } = oe(), { is_mobile_webview: l, clientConfig: p, config: y } = Ke(), { setSearchValue: h } = dt(), { onEvent: d } = ne(), { common: x, transactions: g } = v(), { displayedDateRange: w, isInitialized: o, selectedAccountGuids: f, setDisplayedDate: a } = K(), { isDesktop: N, isTablet: se } = _t(), k = at(), {
-    addTransaction: ce,
-    filter: le,
+  const { manualAccounts: c, refreshAccounts: l } = oe(), { is_mobile_webview: p, clientConfig: T, config: f } = ze(), { setSearchValue: C } = ut(), { onEvent: h } = ne(), { common: v, transactions: g } = I(), { displayedDateRange: i, isInitialized: _, selectedAccountGuids: n, setDisplayedDate: N } = K(), { isDesktop: se, isTablet: ce } = pt(), k = nt(), {
+    addTransaction: le,
+    filter: de,
     isTransactionDataLoaded: P,
-    loadTransactionData: de,
+    loadTransactionData: ue,
     setFilter: q,
     sortedTransactions: Y,
-    sortedTransactionsWithSplits: ue,
-    tags: me,
-    detailedTransactions: _e,
-    updateTransaction: pe
+    sortedTransactionsWithSplits: me,
+    tags: _e,
+    detailedTransactions: pe,
+    updateTransaction: ge
   } = H(), {
-    clearExpandedSplits: ge,
-    isAmountValid: he,
+    clearExpandedSplits: he,
+    isAmountValid: fe,
     manualTransaction: L,
     searchValue: j,
-    setSearchValue: fe,
-    setShowInsights: Ce,
-    updateManualTransaction: ye
-  } = B(), { userProfile: Te } = ze(), [$, T] = m.useState(""), [X, M] = m.useState(""), [be, V] = m.useState(!1), [Ae, J] = m.useState(!1), { announce: xe, ariaLive: we } = ut(), W = p?.transactions?.selected_account_guid;
-  pt({
+    setSearchValue: Ce,
+    setShowInsights: ye,
+    updateManualTransaction: Te
+  } = B(), { userProfile: be } = qe(), [$, b] = u.useState(""), [X, M] = u.useState(""), [Ae, V] = u.useState(!1), [xe, J] = u.useState(!1), { announce: we, ariaLive: Se } = mt(), W = T?.transactions?.selected_account_guid;
+  gt({
     widgetName: "TransactionWidget",
     isLoaded: P
-  }), m.useEffect(() => {
-    P || de().finally();
-    const u = tt(F()), Le = Ze(F());
-    a(u, Le), d(A.TRANSACTIONS_VIEW);
-  }, []), m.useEffect(() => {
-    o && q({
-      accounts: W ? [W] : f,
-      dateRange: { start: w.start, end: w.end },
+  }), u.useEffect(() => {
+    P || ue().finally();
+    const d = at(F()), Me = et(F());
+    N(d, Me), h(x.TRANSACTIONS_VIEW);
+  }, []), u.useEffect(() => {
+    _ && q({
+      accounts: W ? [W] : n,
+      dateRange: { start: i.start, end: i.end },
       searchTerm: j
     });
-  }, [o, w, f]), m.useEffect(() => {
-    Ce(i);
-  }, [i]), m.useEffect(() => {
-    o && xe(
+  }, [_, i, n]), u.useEffect(() => {
+    ye(a);
+  }, [a]), u.useEffect(() => {
+    _ && we(
       U(g.showing_transactions_count, Y.length)
     );
-  }, [o, Y]);
-  const b = X ? _e.find((u) => u.guid === X) : void 0, Q = he && !!L.payee && !!L.account_guid && !!L.category_guid, Se = (u) => {
-    ge(), a(u[0], u[1]);
-  }, De = (u) => {
-    fe(u), q({
-      ...le,
-      searchTerm: u
-    }), d(A.TRANSACTIONS_CLICK_SEARCH, { search_term: u });
-  }, Ie = () => {
-    $e(ue, me), d(A.TRANSACTIONS_CLICK_EXPORT);
+  }, [_, Y]);
+  const A = 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]);
+  }, Ie = (d) => {
+    Ce(d), q({
+      ...de,
+      searchTerm: d
+    }), h(x.TRANSACTIONS_CLICK_SEARCH, { search_term: d });
   }, ve = () => {
-    s.length > 0 ? (ye({
-      ...Ve,
-      date: et(F()),
-      user_guid: Te?.user_guid || ""
-    }), T(
+    Ve(me, _e), h(x.TRANSACTIONS_CLICK_EXPORT);
+  }, Ne = () => {
+    c.length > 0 ? (Te({
+      ...We,
+      date: tt(F()),
+      user_guid: be?.user_guid || ""
+    }), b(
       "addTransaction"
       /* AddTransaction */
-    ), d(A.TRANSACTIONS_CLICK_ADD)) : (V(!0), d(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
-  }, Ne = async () => {
-    Q && await ce(L), T("");
-  }, Ee = () => {
+    ), h(x.TRANSACTIONS_CLICK_ADD)) : (V(!0), h(x.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+  }, Ee = async () => {
+    Q && await le(L), b("");
+  }, Oe = () => {
     V(!1), J(!0);
-  }, Oe = async () => {
-    J(!1), await c();
   }, ke = async () => {
-    b && !b.has_been_viewed && await pe({ ...b, has_been_viewed: !0 }), T("");
+    J(!1), await l();
+  }, Le = async () => {
+    A && !A.has_been_viewed && await ge({ ...A, has_been_viewed: !0 }), b("");
   };
-  if (!o)
+  if (!_)
     return /* @__PURE__ */ e(z, {});
   const G = [];
-  return !l && (N || se) && G.push({
+  return !p && (se || ce) && G.push({
     iconName: "open_in_new",
     label: g.export_csv_btn,
-    onClick: Ie
-  }), y.show_connections_widget_in_master && G.push({
+    onClick: ve
+  }), f.show_connections_widget_in_master && G.push({
     iconName: "add",
     label: g.add_transaction_btn,
-    onClick: ve
-  }), /* @__PURE__ */ _(
-    gt,
+    onClick: Ne
+  }), /* @__PURE__ */ m(
+    ht,
     {
       actions: G,
       calendarActions: {
-        onRangeChanged: Se
+        onRangeChanged: De
       },
-      onAccountsFilterClick: () => d(A.ACCOUNTS_CLICK_FILTER),
+      hasDivider: !0,
+      onAccountsFilterClick: () => h(x.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
+      onMenuClick: o,
       showAccountFilter: !W,
-      sx: n,
+      sx: s,
       title: g.transactions_title,
       children: [
-        P ? /* @__PURE__ */ _(D, { children: [
-          we,
-          /* @__PURE__ */ e(S, { mt: 16, children: /* @__PURE__ */ e(
-            ht,
+        P ? /* @__PURE__ */ m(S, { children: [
+          Se,
+          /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+            ft,
             {
-              onChange: De,
+              onChange: Ie,
               placeholder: g.action_bar_search_placeholder,
               searchValue: j
             }
           ) }),
           /* @__PURE__ */ e(
-            S,
+            w,
             {
               sx: {
                 [k.breakpoints.down("md")]: { display: "none" },
                 [k.breakpoints.up("md")]: { display: "block" }
               },
               children: /* @__PURE__ */ e(
-                Dt,
+                It,
                 {
                   height: `calc(${r} - ${ae}px)`,
-                  onCategoryClick: (u) => {
-                    M(u), T(
+                  onCategoryClick: (d) => {
+                    M(d), b(
                       "category"
                       /* Category */
                     );
                   },
-                  onRowClick: (u) => {
-                    M(u), T(
+                  onRowClick: (d) => {
+                    M(d), b(
                       "transaction"
                       /* Transaction */
-                    ), d(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: u });
+                    ), h(x.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: d });
                   }
                 }
               )
             }
           ),
           /* @__PURE__ */ e(
-            S,
+            w,
             {
               sx: {
                 [k.breakpoints.down("md")]: { display: "block" },
                 [k.breakpoints.up("md")]: { display: "none" }
               },
               children: /* @__PURE__ */ e(
-                We,
+                Ge,
                 {
                   height: `calc(${r} - ${ae}px)`,
-                  onClick: (u) => {
-                    M(u), T(
+                  onClick: (d) => {
+                    M(d), b(
                       "transaction"
                       /* Transaction */
                     );
                   },
                   showHiddenTransactions: !0,
-                  showInsights: i
+                  showInsights: a
                 }
               )
             }
           )
-        ] }) : /* @__PURE__ */ e(mt, { sx: { m: 48 }, variant: "list" }),
+        ] }) : /* @__PURE__ */ e(_t, { sx: { m: 48 }, variant: "list" }),
         /* @__PURE__ */ e(
           te,
           {
-            ariaLabelClose: x.close_aria,
-            isOpen: $ === "transaction" && !!b,
-            onClose: ke,
+            ariaLabelClose: v.close_aria,
+            isOpen: $ === "transaction" && !!A,
+            onClose: Le,
             title: g.details_title,
-            children: b && /* @__PURE__ */ e(Pe, { transaction: b })
+            children: A && /* @__PURE__ */ e($e, { transaction: A })
           }
         ),
-        b && $ === "category" && /* @__PURE__ */ e(
-          kt,
+        A && $ === "category" && /* @__PURE__ */ e(
+          Lt,
           {
             onClose: () => {
-              h(""), T(""), M("");
+              C(""), b(""), M("");
             },
-            transaction: b
+            transaction: A
           }
         ),
         /* @__PURE__ */ e(
           te,
           {
-            ariaLabelClose: x.close_aria,
+            ariaLabelClose: v.close_aria,
             isOpen: $ === "addTransaction",
             isPrimaryDisabled: !Q,
-            onClose: () => T(""),
-            onPrimaryAction: Ne,
+            onClose: () => b(""),
+            onPrimaryAction: Ee,
             title: g.add_transaction_title,
-            children: /* @__PURE__ */ e(Et, {})
+            children: /* @__PURE__ */ e(Ot, {})
           }
         ),
         /* @__PURE__ */ e(
-          vt,
+          Nt,
           {
             copy: { title: g.add_manual_account },
-            isOpen: be,
+            isOpen: Ae,
             onClose: () => {
               V(!1);
             },
-            onPrimaryAction: Ee
+            onPrimaryAction: Oe
           }
         ),
         /* @__PURE__ */ e(
-          nt,
+          ot,
           {
-            onClose: Oe,
-            showConnectWidget: Ae,
+            onClose: ke,
+            showConnectWidget: xe,
             title: g.add_manual_account
           }
         )
       ]
     }
   );
-}, ba = I(Lt);
+}, Aa = D(Mt);
 export {
-  vt as AddAccountModal,
-  Da as BottomActions,
-  Ra as ExportCsvAction,
-  Na as TRANSACTION_EVENTS,
-  Ia as TopActions,
-  wa as TransactionApi,
-  Pe as TransactionDetails,
-  We as TransactionList,
-  La as TransactionRow,
-  Oa as TransactionStore,
-  Dt as TransactionTable,
-  ba as TransactionWidget,
-  $e as exportTransactionsToCSV,
+  Nt as AddAccountModal,
+  Ia as BottomActions,
+  Ba as ExportCsvAction,
+  Ea as TRANSACTION_EVENTS,
+  va as TopActions,
+  Sa as TransactionApi,
+  $e as TransactionDetails,
+  Ge as TransactionList,
+  Ma as TransactionRow,
+  ka as TransactionStore,
+  It as TransactionTable,
+  Aa as TransactionWidget,
+  Ve as exportTransactionsToCSV,
   B as useTransactionsUiStore
 };