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

package/dist/{TransactionDetails-CbBSxdOi.mjs → TransactionDetails-C3dlAzYf.mjs}

@@ -1,78 +1,77 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import l, { useMemo as ke } from "react";
 import { observer as w } from "mobx-react-lite";
-import ze from "@mui/material/Alert";
-import W from "@mui/material/Box";
+import Ue from "@mui/material/Alert";
+import V from "@mui/material/Box";
 import Te from "@mui/material/Divider";
 import be from "@mui/material/List";
 import he from "@mui/material/Paper";
-import Ve from "@mui/material/Snackbar";
+import We from "@mui/material/Snackbar";
 import L from "@mui/material/Stack";
-import { useTheme as H, alpha as Ae } from "@mui/material/styles";
-import { P as ee, Text as A, H2 as We, MerchantLogo as Ce, Toast as Ye, CategoryIcon as Oe, CategoryIconVariants as Ge, TextField as Le, Icon as ye } from "@mxenabled/mxui";
+import { useTheme as F, alpha as xe } from "@mui/material/styles";
+import { P as ee, Text as x, H2 as Ve, MerchantLogo as Ce, Toast as Ye, CategoryIcon as Oe, CategoryIconVariants as Ge, TextField as Le, Icon as ye } from "@mxenabled/mxui";
 import { endOfMonth as Be } from "date-fns/endOfMonth";
 import { getUnixTime as Ie } from "date-fns/getUnixTime";
 import { isBefore as je } from "date-fns/isBefore";
 import { startOfMonth as De } from "date-fns/startOfMonth";
 import { b as E } from "./Localization-DnoVyBNK.mjs";
-import { f as V } from "./NumberFormatting--XMeeBfr.mjs";
+import { f as W } from "./NumberFormatting--XMeeBfr.mjs";
 import { a as qe, i as Qe } from "./BudgetUtil-Bg2AQJpQ.mjs";
 import me from "@mui/material/Button";
 import Xe from "@mui/material/FormGroup";
 import ue from "@mui/material/IconButton";
 import $e from "@mui/material/TextField";
-import { u as xe } from "./useAriaLive-MkYebyUR.mjs";
-import { b as Ze, T as Je, u as re, O as C, c as et, d as tt, E as at, C as rt } from "./EmbeddedCard-BNl3quCs.mjs";
-import { u as O, h as R, o as nt, d as ot, l as we, g as G, b as it, C as st } from "./hooks-BaO_gOI6.mjs";
+import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
+import { b as Ze, T as Je, u as ne, O as C, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-DPwJjqMH.mjs";
+import { u as O, h as R, o as rt, d as ot, l as we, g as G, b as it, C as st } from "./hooks-BaO_gOI6.mjs";
 import { A as Y } from "./Analytics-CzGzz_sE.mjs";
 import lt from "@mui/material/ToggleButton";
 import { ChevronRight as Ke, Icon as P, Delete as fe, Cancel as Se, Search as ct, Edit as dt, Flag as ut } from "@mxenabled/mx-icons";
 import { fromUnixTime as ve } from "date-fns/fromUnixTime";
 import j from "@mui/material/Avatar";
-import U from "@mui/material/ListItem";
+import z from "@mui/material/ListItem";
 import q from "@mui/material/ListItemAvatar";
-import z from "@mui/material/ListItemText";
+import U from "@mui/material/ListItemText";
 import { f as Me, D as Re } from "./DateFormats-HudZ3Bjs.mjs";
 import { BarChart as mt } from "@mui/x-charts";
 import { L as _t } from "./Loader-CxeBwuPG.mjs";
 import Q from "@mui/material/ListItemButton";
 import X from "@mui/material/ListItemIcon";
-import { b as Fe } from "./CategorySelectorDrawer-Cu1ohxeM.mjs";
-import { D as ae } from "./Dialog-iLlBR8TG.mjs";
-import { D as _e } from "./Drawer-XPaLYjiO.mjs";
-import { b as pt, C as gt, a as ht } from "./CurrencyDialog-d4dL7vA5.mjs";
-import yt from "@mui/material/styles/useTheme";
+import { b as Fe } from "./CategorySelectorDrawer-CmaDLhnf.mjs";
+import { D as ae } from "./Dialog-CwWc0AbH.mjs";
+import { D as _e } from "./Drawer-BXqqBMxg.mjs";
+import { b as gt, C as pt, a as ht } from "./CurrencyDialog-DumQCTPO.mjs";
 import Pe from "@mui/material/InputAdornment";
-import Tt from "@mui/material/Checkbox";
-import { j as bt } from "./DateUtil-Bhq59ZVg.mjs";
+import yt from "@mui/material/Checkbox";
+import { j as Tt } from "./DateUtil-Bhq59ZVg.mjs";
 import Ne from "@mui/material/Grid";
-import { C as Ct } from "./CurrencyInput-B59ugxPN.mjs";
-import ft from "@mui/material/Switch";
+import { C as bt } from "./CurrencyInput-adTIRtL3.mjs";
+import Ct from "@mui/material/Switch";
 var de = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(de || {}), ie = /* @__PURE__ */ ((t) => (t[t.MerchantBudget = 0] = "MerchantBudget", t[t.SplitTransaction = 1] = "SplitTransaction", t[t.HideTransaction = 2] = "HideTransaction", t[t.MerchantLogo = 3] = "MerchantLogo", t))(ie || {});
-const St = [
+const ft = [
   0,
   1,
   2,
   3
   /* Tags */
-], xt = [
+], St = [
   1,
   2,
   3
   /* MerchantLogo */
 ], At = ({
   startDate: t,
-  onViewHistory: r,
+  onViewHistory: n,
   totalTransaction: s,
   amount: a,
-  spentPercentage: n,
+  spentPercentage: r,
   remainingAmount: o,
   iconColor: i,
   icon: _
 }) => {
   const { budgets: c } = O();
   return /* @__PURE__ */ e(l.Fragment, { children: /* @__PURE__ */ m(
-    W,
+    V,
     {
       sx: {
         bgcolor: "background.paper",
@@ -93,8 +92,8 @@ const St = [
               px: 24
             },
             children: [
-              /* @__PURE__ */ e(ee, { bold: !0, variant: "subtitle1", children: bt(t) }),
-              r && /* @__PURE__ */ e(me, { endIcon: /* @__PURE__ */ e(Ke, {}), onClick: r, sx: { height: 28 }, children: /* @__PURE__ */ e(A, { bold: !0, variant: "body2", children: c.spending_history }) })
+              /* @__PURE__ */ e(ee, { bold: !0, variant: "subtitle1", children: Tt(t) }),
+              n && /* @__PURE__ */ e(me, { endIcon: /* @__PURE__ */ e(Ke, {}), onClick: n, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: c.spending_history }) })
             ]
           }
         ),
@@ -102,18 +101,18 @@ const St = [
           Ze,
           {
             amount: /* @__PURE__ */ m(L, { sx: { alignItems: "baseline", flexDirection: "row", gap: 4 }, children: [
-              /* @__PURE__ */ e(We, { children: V(s, "0,0.00") }),
+              /* @__PURE__ */ e(Ve, { children: W(s, "0,0.00") }),
               /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: "/" }),
-              /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: V(a, "0,0.00") })
+              /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: W(a, "0,0.00") })
             ] }),
             completeColor: `${i}.main`,
             icon: _,
             label: c.spent_label,
-            leftLabel: E(c.percent_spent, n.toFixed()),
-            percentComplete: n,
+            leftLabel: E(c.percent_spent, r.toFixed()),
+            percentComplete: r,
             rightLabel: E(
               c.balance_left,
-              V(o, "0,0.00")
+              W(o, "0,0.00")
             ),
             sx: {
               pb: 24,
@@ -125,15 +124,15 @@ const St = [
       ]
     }
   ) });
-}, Nt = ({
+}, xt = ({
   merchantBudget: t,
-  transaction: r,
+  transaction: n,
   onClose: s,
   isOpen: a,
-  setCurrencyDialogAction: n,
+  setCurrencyDialogAction: r,
   renderingToast: o
 }) => {
-  const { budgets: i, common: _ } = O(), { sortedTransactions: c } = R(), d = l.useMemo(() => c.reduce((h, I) => I.parent_guid ? h : h + I.amount, 0), [c]), { remainingAmount: u, spentPercentage: p, iconColor: g } = qe(
+  const { budgets: i, common: _ } = O(), { sortedTransactions: c } = R(), d = l.useMemo(() => c.reduce((h, I) => I.parent_guid ? h : h + I.amount, 0), [c]), { remainingAmount: u, spentPercentage: g, iconColor: p } = qe(
     d,
     t.amount ?? 0
   );
@@ -147,9 +146,9 @@ const St = [
       },
       isOpen: a,
       onClose: s,
-      onPrimaryAction: () => n(Ee.EDIT),
+      onPrimaryAction: () => r(Ee.EDIT),
       onSecondaryAction: () => {
-        n(Ee.DELETE);
+        r(Ee.DELETE);
       },
       primaryText: i.details_edit_button,
       secondaryColor: "error",
@@ -168,14 +167,14 @@ const St = [
             icon: /* @__PURE__ */ e(
               Ce,
               {
-                categoryGuid: r.top_level_category_guid || "",
-                merchantGuid: r.merchant_guid || ""
+                categoryGuid: n.top_level_category_guid || "",
+                merchantGuid: n.merchant_guid || ""
               }
             ),
-            iconColor: g,
+            iconColor: p,
             remainingAmount: u,
-            spentPercentage: p,
-            startDate: r.date,
+            spentPercentage: g,
+            startDate: n.date,
             totalTransaction: d
           }
         ),
@@ -184,29 +183,29 @@ const St = [
       ]
     }
   );
-}, It = w(Nt);
+}, Nt = w(xt);
 var Ee = /* @__PURE__ */ ((t) => (t.CREATE = "create", t.EDIT = "edit", t.DELETE = "delete", t))(Ee || {});
-const Dt = w(({ transaction: t }) => {
-  const [r, s] = l.useState(null), [a, n] = l.useState(""), [o, i] = l.useState(!1), _ = l.useRef(!1), [c, d] = l.useState(null), u = H(), {
-    addMerchantBudget: p,
-    updateMerchantBudget: g,
+const It = w(({ transaction: t }) => {
+  const [n, s] = l.useState(null), [a, r] = l.useState(""), [o, i] = l.useState(!1), _ = l.useRef(!1), [c, d] = l.useState(null), u = F(), {
+    addMerchantBudget: g,
+    updateMerchantBudget: p,
     deleteMerchantBudget: h,
     getMerchantBudgetByMerchantGuid: I,
     alert: M,
     setAlert: B
-  } = nt(), { setFilter: k } = R(), { accounts: f } = ot(), x = u.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: y, common: Z } = O(), { announce: se, ariaLive: le } = xe(), [te, $] = l.useState(!1), b = t?.merchant_guid ? I(t.merchant_guid) : void 0, K = () => {
-    d(r), s(null), n("");
-  }, ne = () => {
+  } = rt(), { setFilter: k } = R(), { accounts: f } = ot(), A = u.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: y, common: Z } = O(), { announce: se, ariaLive: le } = Ae(), [te, $] = l.useState(!1), b = t?.merchant_guid ? I(t.merchant_guid) : void 0, K = () => {
+    d(n), s(null), r("");
+  }, re = () => {
     b ? $(!0) : s(
       "create"
       /* CREATE */
     );
-  }, F = {
+  }, H = {
     create: {
       content: E(
         y.create_budget_content,
         /* @__PURE__ */ e("strong", { children: t.description }),
-        `${V(t.amount, "0,0.00")}`
+        `${W(t.amount, "0,0.00")}`
       ),
       title: y.dialog_create_budget_title,
       primaryButtonText: y.dialog_primary_button_text,
@@ -222,7 +221,7 @@ const Dt = w(({ transaction: t }) => {
         y.alert_budget_created,
         t.description
       ),
-      apiTrigger: async () => await p(t.merchant_guid, Number(a))
+      apiTrigger: async () => await g(t.merchant_guid, Number(a))
     },
     edit: {
       content: E(
@@ -243,7 +242,7 @@ const Dt = w(({ transaction: t }) => {
         y.success_alert_edit_merchant_budget,
         t.description
       ),
-      apiTrigger: async () => await g({
+      apiTrigger: async () => await p({
         ...b,
         amount: Number(a)
       })
@@ -272,8 +271,8 @@ const Dt = w(({ transaction: t }) => {
   }, oe = async () => {
     if (_.current) return;
     _.current = !0;
-    const { apiTrigger: v, successAlertMessage: S, errorAlertMessage: T } = F[r], { isSuccess: D } = await v(), J = D ? S : T;
-    K(), i(!D), B(J), se(J), D && r === "delete" && $(!1), _.current = !1;
+    const { apiTrigger: v, successAlertMessage: S, errorAlertMessage: T } = H[n], { isSuccess: D } = await v(), J = D ? S : T;
+    K(), i(!D), B(J), se(J), D && n === "delete" && $(!1), _.current = !1;
   };
   l.useEffect(() => {
     const v = {
@@ -294,7 +293,7 @@ const Dt = w(({ transaction: t }) => {
       closeAriaLabel: Z.close_aria,
       handleClose: () => B(""),
       message: M,
-      onActionClick: F[c]?.errorRetryAction,
+      onActionClick: H[c]?.errorRetryAction,
       open: !!M,
       severity: o ? "error" : "success",
       showAction: o,
@@ -303,79 +302,79 @@ const Dt = w(({ transaction: t }) => {
   );
   return /* @__PURE__ */ m(l.Fragment, { children: [
     le,
-    /* @__PURE__ */ e(U, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(Q, { onClick: ne, children: [
-      /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: x }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
+    /* @__PURE__ */ e(z, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(Q, { onClick: re, children: [
+      /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: A }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
       /* @__PURE__ */ e(
-        z,
+        U,
         {
           primary: y.add_merchant_budget_primary_text,
-          primaryTypographyProps: { variant: "caption" },
-          secondary: /* @__PURE__ */ e(A, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: b ? `${V(b.amount, "0,0.00")} / ${Z.month_text}` : y.add_merchant_budget_secondary_text })
+          secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: b ? `${W(b.amount, "0,0.00")} / ${Z.month_text}` : y.add_merchant_budget_secondary_text }),
+          slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
         }
       ),
       /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
     ] }) }),
     !!b && /* @__PURE__ */ e(
-      It,
+      Nt,
       {
         isOpen: te,
         merchantBudget: b,
         onClose: () => $(!1),
         renderingToast: () => M && N(),
         setCurrencyDialogAction: (v) => {
-          v === "edit" && n(b?.amount.toString() || ""), s(v);
+          v === "edit" && r(b?.amount.toString() || ""), s(v);
         },
         transaction: t
       }
     ),
-    r && /* @__PURE__ */ e(
-      pt,
+    n && /* @__PURE__ */ e(
+      gt,
       {
         closeAriaLabel: Z.close_aria,
-        content: F[r].content,
-        handleInputChange: n,
+        content: H[n].content,
+        handleInputChange: r,
         handleModalClose: K,
         handlePrimaryAction: oe,
         handleSecondaryAction: K,
-        inputLabel: r !== "delete" ? Z.amount_text : "",
+        inputLabel: n !== "delete" ? Z.amount_text : "",
         inputValue: a,
-        isOpen: !!r,
-        primaryText: F[r].primaryButtonText,
+        isOpen: !!n,
+        primaryText: H[n].primaryButtonText,
         secondaryText: Z.cancel_button,
-        title: F[r].title
+        title: H[n].title
       }
     ),
     !!M && N()
   ] });
-}), vt = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: r, updateTransaction: s } = R(), { categories: a } = we(), { onEvent: n } = G(), { setShouldDisableDrawerScroll: o, updateManualTransaction: i } = re(), { transactions: _ } = O(), c = H(), [d, u] = l.useState(!1), [p, g] = l.useState(""), h = async (f) => {
-    await s({ ...t, category_guid: p }), f && await r(p, t), g(""), n(Y.TRANSACTION_DETAILS_CLICK_CATEGORY, {
+}), Dt = ({ transaction: t }) => {
+  const { addOrUpdateTransactionRule: n, updateTransaction: s } = R(), { categories: a } = we(), { onEvent: r } = G(), { setShouldDisableDrawerScroll: o, updateManualTransaction: i } = ne(), { transactions: _ } = O(), c = F(), [d, u] = l.useState(!1), [g, p] = l.useState(""), h = async (f) => {
+    await s({ ...t, category_guid: g }), f && await n(g, t), p(""), r(Y.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: t.guid
     });
   }, I = (f) => {
     if (t.is_manual && !t.guid) {
-      const x = a.find((y) => y.guid === f);
+      const A = a.find((y) => y.guid === f);
       i({
         ...t,
-        category: x?.name,
+        category: A?.name,
         category_guid: f,
-        top_level_category_guid: x?.parent_guid || f
+        top_level_category_guid: A?.parent_guid || f
       });
     } else
-      g(f);
+      p(f);
     M();
   }, M = () => {
     u(!1), o(!1);
   }, B = l.useMemo(
-    () => a.find((f) => f.guid === p),
-    [p]
+    () => a.find((f) => f.guid === g),
+    [g]
   ), k = c.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(U, { disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
       Q,
       {
         onClick: () => {
-          n(C.ON_TRANSACTION_CATEGORY_CLICK), u(!0);
+          r(C.ON_TRANSACTION_CATEGORY_CLICK), u(!0);
         },
         children: [
           /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: k }, variant: "rounded", children: /* @__PURE__ */ e(
@@ -388,11 +387,11 @@ const Dt = w(({ transaction: t }) => {
             }
           ) }) }),
           /* @__PURE__ */ e(
-            z,
+            U,
             {
               primary: _.category_title,
-              primaryTypographyProps: { variant: "caption" },
-              secondary: /* @__PURE__ */ e(A, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.category ?? _.actions_select_a_category })
+              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.category ?? _.actions_select_a_category }),
+              slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
@@ -418,8 +417,8 @@ const Dt = w(({ transaction: t }) => {
             t.description
           )
         },
-        isOpen: !!p,
-        onClose: () => g(""),
+        isOpen: !!g,
+        onClose: () => p(""),
         onPrimaryAction: () => h(!0),
         onSecondaryAction: () => h(!1),
         primaryText: _.actions_apply_to_all,
@@ -432,31 +431,31 @@ const Dt = w(({ transaction: t }) => {
       }
     )
   ] });
-}, Et = ({ transaction: t }) => {
-  const { onEvent: r } = G(), { updateTransaction: s } = R(), { updateManualTransaction: a } = re(), { common: n, transactions: o } = O(), i = H(), [_, c] = l.useState(!1), [d, u] = l.useState(t.date), p = (I) => {
+}, vt = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { updateTransaction: s } = R(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = O(), i = F(), [_, c] = l.useState(!1), [d, u] = l.useState(t.date), g = (I) => {
     u(Ie(I));
-  }, g = async () => {
+  }, p = async () => {
     if (t.is_manual && !t.guid) {
       a({ ...t, date: d }), c(!1);
       return;
     }
-    await s({ ...t, date: d }), r(Y.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), c(!1);
+    await s({ ...t, date: d }), n(Y.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), c(!1);
   }, h = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(U, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ m(z, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
       Q,
       {
         onClick: () => {
-          r(C.ON_TRANSACTION_DATE_CLICK), c(!0);
+          n(C.ON_TRANSACTION_DATE_CLICK), c(!0);
         },
         children: [
           /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            z,
+            U,
             {
               primary: o.date_title,
-              primaryTypographyProps: { variant: "caption" },
-              secondary: /* @__PURE__ */ e(A, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: Me(ve(t.date), Re.YEAR_MONTH_DAY) })
+              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: Me(ve(t.date), Re.YEAR_MONTH_DAY) }),
+              slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
@@ -466,44 +465,44 @@ const Dt = w(({ transaction: t }) => {
     /* @__PURE__ */ e(
       _e,
       {
-        ariaLabelClose: n.close_aria,
+        ariaLabelClose: r.close_aria,
         isOpen: _,
         onClose: () => c(!1),
-        onPrimaryAction: g,
-        primaryText: n.save_button,
-        secondaryText: n.cancel_button,
+        onPrimaryAction: p,
+        primaryText: r.save_button,
+        secondaryText: r.cancel_button,
         title: o.date_edit_title,
         children: /* @__PURE__ */ e(L, { alignItems: "center", mt: 40, children: /* @__PURE__ */ e(
-          gt,
+          pt,
           {
             beginDate: ve(d),
             copy: {
               nextAria: o.date_next_aria,
               prevAria: o.date_prev_aria,
-              today: n.date_range_picker.today
+              today: r.date_range_picker.today
             },
-            onDateSelected: p,
+            onDateSelected: g,
             selectionType: ht.Single
           }
         ) })
       }
     )
   ] });
-}, Ot = ({ transaction: t }) => {
-  const { onEvent: r } = G(), { removeTransaction: s } = R(), { setShouldDisableDrawerScroll: a } = re(), { common: n, transactions: o } = O(), [i, _] = l.useState(!1), c = async () => {
-    await s(t.guid), r(C.ON_TRANSACTION_DELETE_DELETED);
+}, Et = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { removeTransaction: s } = R(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = O(), [i, _] = l.useState(!1), c = async () => {
+    await s(t.guid), n(C.ON_TRANSACTION_DELETE_DELETED);
   };
-  return /* @__PURE__ */ m(W, { className: "mx-txn-delete", children: [
-    t && /* @__PURE__ */ e(U, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m(V, { className: "mx-txn-delete", children: [
+    t && /* @__PURE__ */ e(z, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(
       Q,
       {
         onClick: () => {
-          r(C.ON_TRANSACTION_DELETE_CLICK), a(!0), _(!0);
+          n(C.ON_TRANSACTION_DELETE_CLICK), a(!0), _(!0);
         },
         children: [
           /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { variant: "rounded", children: /* @__PURE__ */ e(fe, { color: "secondary", fontSize: "small" }) }) }),
           /* @__PURE__ */ e(
-            z,
+            U,
             {
               primary: o.manual_transaction_delete_title,
               secondary: o.manual_transaction_delete_subtitle
@@ -522,29 +521,29 @@ const Dt = w(({ transaction: t }) => {
           a(!1), _(!1);
         },
         onPrimaryAction: c,
-        onSecondaryAction: () => r(C.ON_TRANSACTION_DELETE_CANCEL),
-        primaryText: n.delete_button,
-        secondaryText: n.cancel_button,
-        children: /* @__PURE__ */ e(A, { sx: { whiteSpace: "normal" }, variant: "subtitle1", children: o.manual_transaction_delete_description })
+        onSecondaryAction: () => n(C.ON_TRANSACTION_DELETE_CANCEL),
+        primaryText: r.delete_button,
+        secondaryText: r.cancel_button,
+        children: /* @__PURE__ */ e(x, { variant: "subtitle1", children: o.manual_transaction_delete_description })
       }
     )
   ] });
-}, Lt = w(Ot), wt = ({ transaction: t }) => {
-  const { onEvent: r } = G(), { updateTransaction: s } = R(), { setShouldDisableDrawerScroll: a } = re(), { common: n, transactions: o } = O(), i = H(), [_, c] = l.useState(!1), d = async () => {
-    await s({ ...t, merchant_guid: "" }), r(Y.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
+}, Ot = w(Et), Lt = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { updateTransaction: s } = R(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = O(), i = F(), [_, c] = l.useState(!1), d = async () => {
+    await s({ ...t, merchant_guid: "" }), n(Y.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: t.guid
     });
   }, u = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(U, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(z, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
       Q,
       {
         onClick: () => {
-          r(C.ON_TRANSACTION_DELETE_LOGO_CLICK), c(!0);
+          n(C.ON_TRANSACTION_DELETE_LOGO_CLICK), c(!0);
         },
         children: [
           /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: u }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "delete", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(z, { primary: o.merchant_logo_title, secondary: o.merchant_logo_desc }),
+          /* @__PURE__ */ e(U, { primary: o.merchant_logo_title, secondary: o.merchant_logo_desc }),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
@@ -558,37 +557,37 @@ const Dt = w(({ transaction: t }) => {
           a(!1), c(!1);
         },
         onPrimaryAction: d,
-        onSecondaryAction: () => r(C.ON_TRANSACTION_DELETE_LOGO_CANCEL),
-        primaryText: n.delete_button,
-        secondaryText: n.cancel_button,
+        onSecondaryAction: () => n(C.ON_TRANSACTION_DELETE_LOGO_CANCEL),
+        primaryText: r.delete_button,
+        secondaryText: r.cancel_button,
         title: o.merchant_logo_modal_title,
         children: [
-          /* @__PURE__ */ e(A, { sx: { whiteSpace: "normal" }, variant: "subtitle1", children: o.merchant_logo_modal_desc }),
-          /* @__PURE__ */ e(A, { bold: !0, sx: { whiteSpace: "normal" }, variant: "subtitle1", children: ` ${o.merchant_logo_modal_desc_bold}` })
+          /* @__PURE__ */ e(x, { variant: "subtitle1", children: o.merchant_logo_modal_desc }),
+          /* @__PURE__ */ e(x, { bold: !0, variant: "subtitle1", children: ` ${o.merchant_logo_modal_desc_bold}` })
         ]
       }
     )
   ] }) });
-}, Mt = w(wt), Rt = ({ transaction: t }) => {
-  const { onEvent: r } = G(), { setAlert: s, updateTransaction: a } = R(), { setShouldDisableDrawerScroll: n } = re(), { common: o, transactions: i } = O(), _ = H(), [c, d] = l.useState(!1), u = t.is_hidden, p = async () => {
+}, wt = w(Lt), Mt = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { setAlert: s, updateTransaction: a } = R(), { setShouldDisableDrawerScroll: r } = ne(), { common: o, transactions: i } = O(), _ = F(), [c, d] = l.useState(!1), u = t.is_hidden, g = async () => {
     try {
-      await a({ ...t, is_hidden: !t.is_hidden }), r(
+      await a({ ...t, is_hidden: !t.is_hidden }), n(
         u ? C.ON_TRANSACTION_UNHIDDEN : C.ON_TRANSACTION_HIDDEN
       ), s(u ? i.transaction_included : i.transaction_excluded);
     } catch {
       s(u ? i.transaction_not_included : i.transaction_not_excluded);
     }
-  }, g = _.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(U, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
+  }, p = _.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(z, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
       Q,
       {
         "aria-checked": u,
         "aria-labelledby": "hide-transaction-text",
         onClick: () => {
-          r(
+          n(
             u ? C.ON_TRANSACTION_UNHIDE_CLICK : C.ON_TRANSACTION_HIDE_CLICK
-          ), r(
+          ), n(
             u ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction",
             {
               transaction_guid: t.guid
@@ -597,9 +596,9 @@ const Dt = w(({ transaction: t }) => {
         },
         role: "switch",
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: g }, variant: "rounded", children: u ? /* @__PURE__ */ e(P, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(P, { name: "visibility", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: p }, variant: "rounded", children: u ? /* @__PURE__ */ e(P, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(P, { name: "visibility", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            z,
+            U,
             {
               id: "hide-transaction-text",
               primary: i.exclude_transaction,
@@ -607,10 +606,10 @@ const Dt = w(({ transaction: t }) => {
             }
           ),
           /* @__PURE__ */ e(X, { "aria-hidden": "true", children: /* @__PURE__ */ e(
-            ft,
+            Ct,
             {
               checked: u,
-              inputProps: { tabIndex: -1 },
+              slotProps: { input: { tabIndex: -1 } },
               sx: { pointerEvents: "none" },
               tabIndex: -1
             }
@@ -626,72 +625,64 @@ const Dt = w(({ transaction: t }) => {
         },
         isOpen: c,
         onClose: () => {
-          n(!1), d(!1);
+          r(!1), d(!1);
         },
-        onPrimaryAction: p,
-        onSecondaryAction: () => r(
+        onPrimaryAction: g,
+        onSecondaryAction: () => n(
           u ? C.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : C.ON_TRANSACTION_HIDE_CANCEL_CLICK
         ),
         primaryText: u ? i.include : i.exclude,
         secondaryText: o.cancel_button,
-        children: /* @__PURE__ */ e(A, { truncate: !1, variant: "subtitle1", children: u ? i.including_transaction : i.excluding_transaction })
+        children: /* @__PURE__ */ e(x, { truncate: !1, variant: "subtitle1", children: u ? i.including_transaction : i.excluding_transaction })
       }
     )
   ] }) });
-}, kt = w(Rt), He = ({ transaction: t }) => {
-  const { amount: r, description: s, isIncome: a, merchant_guid: n, payee: o, top_level_category_guid: i } = t;
+}, Rt = w(Mt), He = ({ transaction: t }) => {
+  const { amount: n, description: s, isIncome: a, merchant_guid: r, payee: o, top_level_category_guid: i } = t;
   return /* @__PURE__ */ m(L, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
     /* @__PURE__ */ e(
       Ce,
       {
         categoryGuid: i || "",
-        merchantGuid: n || "",
+        merchantGuid: r || "",
         size: 64
       }
     ),
     /* @__PURE__ */ m(L, { overflow: "hidden'", children: [
-      /* @__PURE__ */ e(A, { bold: !0, mb: 4, truncate: !0, variant: "body1", children: s || o }),
+      /* @__PURE__ */ e(x, { bold: !0, mb: 4, truncate: !0, variant: "body1", children: s || o }),
       /* @__PURE__ */ m(ee, { color: a ? "success.main" : "text.primary", truncate: !0, variant: "h1", children: [
         a ? "+" : "",
-        V(r, "0,0.00")
+        W(n, "0,0.00")
       ] })
     ] })
   ] });
-}, Pt = ({ transaction: t }) => {
-  const { onEvent: r } = G(), { updateTransaction: s } = R(), { updateManualTransaction: a } = re(), { common: n, transactions: o } = O(), i = H(), [_, c] = l.useState(!1), [d, u] = l.useState("");
+}, kt = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { updateTransaction: s } = R(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = O(), i = F(), [_, c] = l.useState(!1), [d, u] = l.useState("");
   l.useEffect(() => {
     _ && u(t.memo ? t.memo : "");
   }, [_]);
-  const p = async () => {
+  const g = async () => {
     if (t.is_manual && !t.guid) {
       a({ ...t, memo: d }), c(!1);
       return;
     }
-    await s({ ...t, memo: d }), r(Y.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), c(!1);
-  }, g = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(U, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
+    await s({ ...t, memo: d }), n(Y.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), c(!1);
+  }, p = i.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ m(z, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
       Q,
       {
         onClick: () => {
-          r(C.ON_TRANSACTION_MEMO_CLICK), c(!0);
+          n(C.ON_TRANSACTION_MEMO_CLICK), c(!0);
         },
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: g }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "article", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "article", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            z,
+            U,
             {
               primary: o.memo_title,
-              primaryTypographyProps: { variant: "caption" },
-              secondary: /* @__PURE__ */ e(
-                A,
-                {
-                  bold: !0,
-                  sx: { overflowWrap: "break-word", whiteSpace: "wrap", color: "text.primary" },
-                  variant: "body1",
-                  children: t.memo ? t.memo : o.memo_desc
-                }
-              )
+              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.memo ? t.memo : o.memo_desc }),
+              slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
@@ -701,10 +692,10 @@ const Dt = w(({ transaction: t }) => {
     /* @__PURE__ */ m(
       _e,
       {
-        ariaLabelClose: n.close_aria,
+        ariaLabelClose: r.close_aria,
         isOpen: _,
         onClose: () => c(!1),
-        onPrimaryAction: p,
+        onPrimaryAction: g,
         title: o.memo_title,
         children: [
           /* @__PURE__ */ e(He, { transaction: t }),
@@ -726,45 +717,45 @@ const Dt = w(({ transaction: t }) => {
       }
     )
   ] });
-}, Gt = w(Pt), Bt = ({
+}, Pt = w(kt), Gt = ({
   index: t,
-  onDeleteRow: r,
+  onDeleteRow: n,
   onCategoryChanged: s,
   onUpdateAmount: a,
-  split: n
+  split: r
 }) => {
-  const { onEvent: o } = G(), { transactions: i } = O(), [_, c] = l.useState(`${n.amount}`), [d, u] = l.useState(!1), p = t === 0, g = (h) => {
+  const { onEvent: o } = G(), { transactions: i } = O(), [_, c] = l.useState(`${r.amount}`), [d, u] = l.useState(!1), g = t === 0, p = (h) => {
     isNaN(Number(h)) || (c(h), a(t, Number(h)));
   };
-  return /* @__PURE__ */ m(W, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
-    /* @__PURE__ */ m(Ne, { alignItems: p ? "center" : "start", container: !0, children: [
-      /* @__PURE__ */ e(Ne, { item: !0, xs: 7, children: /* @__PURE__ */ m(L, { alignItems: "start", children: [
+  return /* @__PURE__ */ m(V, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
+    /* @__PURE__ */ m(Ne, { alignItems: g ? "center" : "start", container: !0, children: [
+      /* @__PURE__ */ e(Ne, { size: 7, children: /* @__PURE__ */ m(L, { alignItems: "start", children: [
         /* @__PURE__ */ e(
           me,
           {
             endIcon: /* @__PURE__ */ e(Ke, {}),
             onClick: () => u(!0),
-            startIcon: /* @__PURE__ */ e(Oe, { categoryGuid: n.top_level_category_guid }),
+            startIcon: /* @__PURE__ */ e(Oe, { categoryGuid: r.top_level_category_guid }),
             sx: { px: 12, py: 8 },
-            children: n.category
+            children: r.category
           }
         ),
-        /* @__PURE__ */ e(W, { children: !n.category_guid && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
+        /* @__PURE__ */ e(V, { children: !r.category_guid && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
           /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(Se, { sx: { fontSize: 15 } }) }),
-          /* @__PURE__ */ e(A, { variant: "body2", children: i.split_transaction_errors_select_category })
+          /* @__PURE__ */ e(x, { variant: "body2", children: i.split_transaction_errors_select_category })
         ] }) })
       ] }) }),
-      /* @__PURE__ */ e(Ne, { item: !0, xs: 5, children: p ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(A, { children: V(n.amount, "0,0.00") }) }) : /* @__PURE__ */ m(L, { alignItems: "start", children: [
+      /* @__PURE__ */ e(Ne, { size: 5, children: g ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: W(r.amount, "0,0.00") }) }) : /* @__PURE__ */ m(L, { alignItems: "start", children: [
         /* @__PURE__ */ m(L, { alignItems: "start", direction: "row", gap: 8, children: [
           /* @__PURE__ */ e(
-            Ct,
+            bt,
             {
               amount: _,
               ariaLabel: i.split_transaction_edit_split_amount,
               label: i.split_transaction_edit_split_amount,
               minAmount: 0.01,
               name: "split-amount-input",
-              setAmount: g,
+              setAmount: p,
               sx: {
                 ".MuiOutlinedInput-input": { p: 12 }
               },
@@ -777,7 +768,7 @@ const Dt = w(({ transaction: t }) => {
               "aria-label": i.split_transaction_delete_split_btn,
               color: "secondary",
               onClick: () => {
-                o(C.ON_TRANSACTION_SPLIT_DELETE_CLICK), r(t);
+                o(C.ON_TRANSACTION_SPLIT_DELETE_CLICK), n(t);
               },
               sx: { w: 44, h: 44 },
               children: /* @__PURE__ */ e(fe, {})
@@ -786,14 +777,14 @@ const Dt = w(({ transaction: t }) => {
         ] }),
         !_ && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, py: 12, children: [
           /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(Se, { sx: { fontSize: 15 } }) }),
-          /* @__PURE__ */ e(A, { variant: "body2", children: i.split_transaction_errors_enter_an_amount })
+          /* @__PURE__ */ e(x, { variant: "body2", children: i.split_transaction_errors_enter_an_amount })
         ] })
       ] }) })
     ] }),
     /* @__PURE__ */ e(
       Fe,
       {
-        initialSelected: n.category_guid,
+        initialSelected: r.category_guid,
         onClose: () => u(!1),
         onSelect: (h) => {
           s(t, h), u(!1);
@@ -803,44 +794,44 @@ const Dt = w(({ transaction: t }) => {
       }
     )
   ] });
-}, $t = w(Bt), Kt = ({
+}, Bt = w(Gt), $t = ({
   onAddSplit: t,
-  onCategoryChanged: r,
+  onCategoryChanged: n,
   onDeleteSplit: s,
   onUpdateAmount: a,
-  splits: n,
+  splits: r,
   transaction: o
 }) => {
-  const { transactions: i } = O(), { onEvent: _ } = G(), [c, d] = l.useState(""), { announce: u, ariaLive: p } = xe();
+  const { transactions: i } = O(), { onEvent: _ } = G(), [c, d] = l.useState(""), { announce: u, ariaLive: g } = Ae();
   return l.useEffect(() => {
-    if (n.length <= 1)
+    if (r.length <= 1)
       d(i.split_transaction_errors_min_splits), u(i.split_transaction_errors_min_splits);
-    else if (n[0].amount < 0) {
-      const g = E(
+    else if (r[0].amount < 0) {
+      const p = E(
         i.split_transaction_errors_totals_must_equal_amount,
-        V(o.amount, "0,0.00")
+        W(o.amount, "0,0.00")
       );
-      d(g), u(g);
+      d(p), u(p);
     } else
       d(""), u("");
-  }, [n]), /* @__PURE__ */ m(W, { className: "mx-txn-split-manager", children: [
-    p,
-    n.map((g, h) => /* @__PURE__ */ e(
-      $t,
+  }, [r]), /* @__PURE__ */ m(V, { className: "mx-txn-split-manager", children: [
+    g,
+    r.map((p, h) => /* @__PURE__ */ e(
+      Bt,
       {
         index: h,
-        onCategoryChanged: r,
+        onCategoryChanged: n,
         onDeleteRow: s,
         onUpdateAmount: a,
-        split: g
+        split: p
       },
       h
     )),
     c && /* @__PURE__ */ m(L, { bgcolor: "background.paper", color: "error.main", direction: "row", gap: 8, p: 16, children: [
       /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(Se, { sx: { fontSize: 15 } }) }),
-      /* @__PURE__ */ e(A, { variant: "body2", children: c })
+      /* @__PURE__ */ e(x, { variant: "body2", children: c })
     ] }),
-    /* @__PURE__ */ e(W, { p: 16, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(V, { p: 16, children: /* @__PURE__ */ e(
       me,
       {
         "aria-label": i.split_transaction_add_split_btn,
@@ -851,14 +842,14 @@ const Dt = w(({ transaction: t }) => {
       }
     ) })
   ] });
-}, Ft = w(Kt), Ht = ({ transaction: t }) => {
-  const { onEvent: r } = G(), { announce: s, ariaLive: a } = xe(), { splitTransaction: n, unSplitTransaction: o } = R(), { common: i, transactions: _ } = O(), { setShouldDisableDrawerScroll: c } = re(), { categories: d } = we(), u = H(), p = {
+}, Kt = w($t), Ft = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { announce: s, ariaLive: a } = Ae(), { splitTransaction: r, unSplitTransaction: o } = R(), { common: i, transactions: _ } = O(), { setShouldDisableDrawerScroll: c } = ne(), { categories: d } = we(), u = F(), g = {
     ...t,
     amount: t.amount - 1,
     guid: "",
     has_been_split: !1,
     parent_guid: t.guid
-  }, g = {
+  }, p = {
     ...t,
     amount: 1,
     category_guid: void 0,
@@ -867,9 +858,9 @@ const Dt = w(({ transaction: t }) => {
     has_been_split: !1,
     parent_guid: t.guid,
     top_level_category_guid: void 0
-  }, [h, I] = l.useState(!1), [M, B] = l.useState(!1), [k, f] = l.useState(!1), [x, y] = l.useState([]), Z = () => {
-    const N = [...x];
-    N.push({ ...g }), N[0].amount -= 1, y(N), s(
+  }, [h, I] = l.useState(!1), [M, B] = l.useState(!1), [k, f] = l.useState(!1), [A, y] = l.useState([]), Z = () => {
+    const N = [...A];
+    N.push({ ...p }), N[0].amount -= 1, y(N), s(
       E(
         _.split_transaction_add_split_announcement,
         N.length
@@ -877,19 +868,19 @@ const Dt = w(({ transaction: t }) => {
     );
   }, se = (N) => {
     if (N > 0) {
-      const v = x[N], S = [...x];
+      const v = A[N], S = [...A];
       S.splice(N, 1), S[0].amount += v.amount, y(S), s(
         E(_.split_transaction_delete_split_announcement, N + 1)
       );
     }
   }, le = (N, v) => {
-    const S = [...x];
+    const S = [...A];
     S[N].amount = v, S[0].amount = t.amount - S.reduce(
       (T, D, J) => T + (J !== 0 ? D.amount : 0),
       0
     ), y(S);
   }, te = (N, v) => {
-    const S = [...x], T = d.find((D) => D.guid === v);
+    const S = [...A], T = d.find((D) => D.guid === v);
     T && (S[N] = {
       ...S[N],
       category_guid: v,
@@ -907,35 +898,35 @@ const Dt = w(({ transaction: t }) => {
       B(!0);
       return;
     }
-    y([{ ...p }, { ...g }]), r(Y.TRANSACTION_DETAILS_CLICK_SPLIT, {
+    y([{ ...g }, { ...p }]), n(Y.TRANSACTION_DETAILS_CLICK_SPLIT, {
       transaction_guid: t.guid
     }), I(!0);
   }, b = async () => {
     if (!k) {
       f(!0);
       try {
-        r(C.ON_TRANSACTION_SPLIT_SAVE_CLICK), await n({ ...t, has_been_split: !0 }, x), I(!1);
+        n(C.ON_TRANSACTION_SPLIT_SAVE_CLICK), await r({ ...t, has_been_split: !0 }, A), I(!1);
       } finally {
         f(!1);
       }
     }
   }, K = async () => {
-    k || (r(C.ON_TRANSACTION_SPLIT_CANCEL_CLICK), y([{ ...p }, { ...g }]), f(!1), I(!1));
-  }, ne = async () => {
-    r(Y.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
+    k || (n(C.ON_TRANSACTION_SPLIT_CANCEL_CLICK), y([{ ...g }, { ...p }]), f(!1), I(!1));
+  }, re = async () => {
+    n(Y.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
       transaction_guid: t.guid
     });
     const N = t.parent_guid ?? t.guid;
     await o(N);
-  }, F = l.useMemo(() => {
-    const N = x.some((S) => !S.category_guid), v = x.some((S) => S.amount <= 0);
+  }, H = l.useMemo(() => {
+    const N = A.some((S) => !S.category_guid), v = A.some((S) => S.amount <= 0);
     return N || v;
-  }, [x]), oe = u.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(U, { disableGutters: !0, disablePadding: !0, children: [
+  }, [A]), oe = u.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(Q, { onClick: $, children: [
       /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: oe }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "call_split", sx: { color: "text.primary" } }) }) }),
       /* @__PURE__ */ e(
-        z,
+        U,
         {
           primary: t.has_been_split || t.parent_guid ? _.split_transaction_unsplit_title : _.split_transaction_title,
           secondary: t.has_been_split || t.parent_guid ? _.split_transaction_unsplit_subtitle : _.split_transaction_desc
@@ -948,7 +939,7 @@ const Dt = w(({ transaction: t }) => {
       {
         ariaLabelClose: i.close_aria,
         isOpen: h,
-        isPrimaryDisabled: F || k,
+        isPrimaryDisabled: H || k,
         onClose: K,
         onPrimaryAction: b,
         primaryText: i.save_button,
@@ -958,13 +949,13 @@ const Dt = w(({ transaction: t }) => {
           a,
           /* @__PURE__ */ e(He, { transaction: t }),
           /* @__PURE__ */ e(
-            Ft,
+            Kt,
             {
               onAddSplit: Z,
               onCategoryChanged: te,
               onDeleteSplit: se,
               onUpdateAmount: le,
-              splits: x,
+              splits: A,
               transaction: t
             }
           )
@@ -979,9 +970,9 @@ const Dt = w(({ transaction: t }) => {
         onClose: () => {
           c(!1), B(!1);
         },
-        onPrimaryAction: ne,
+        onPrimaryAction: re,
         onSecondaryAction: () => {
-          r(C.ON_TRANSACTION_UNSPLIT_CANCEL);
+          n(C.ON_TRANSACTION_UNSPLIT_CANCEL);
         },
         primaryText: i.delete_button,
         secondaryText: i.cancel_button,
@@ -992,21 +983,21 @@ const Dt = w(({ transaction: t }) => {
       }
     )
   ] }) });
-}, Ut = w(Ht), zt = () => {
-  const t = yt(), { onEvent: r } = G(), { addTag: s } = R(), { transactions: a } = O(), [n, o] = l.useState(!1), [i, _] = l.useState(""), [c, d] = l.useState(""), u = l.useRef(null);
+}, Ht = w(Ft), zt = () => {
+  const t = F(), { onEvent: n } = G(), { addTag: s } = R(), { transactions: a } = O(), [r, o] = l.useState(!1), [i, _] = l.useState(""), [c, d] = l.useState(""), u = l.useRef(null);
   l.useEffect(() => {
-    n && u?.current?.focus();
-  }, [n]);
-  const p = () => {
-    r(
-      n ? C.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : C.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
-    ), n || _(""), o(!n);
-  }, g = async () => {
-    r(C.ON_TRANSACTION_TAGS_TAG_ADDED), await s(i), o(!1);
+    r && u?.current?.focus();
+  }, [r]);
+  const g = () => {
+    n(
+      r ? C.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : C.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
+    ), r || _(""), o(!r);
+  }, p = async () => {
+    n(C.ON_TRANSACTION_TAGS_TAG_ADDED), await s(i), o(!1);
   };
   return l.useEffect(() => {
     d(i.length > 40 ? a.tags_error_name_must_be_40_chars : "");
-  }, [i]), /* @__PURE__ */ m(W, { className: "mx-txn-tag-manager-header", children: [
+  }, [i]), /* @__PURE__ */ m(V, { className: "mx-txn-tag-manager-header", children: [
     /* @__PURE__ */ m(
       L,
       {
@@ -1017,13 +1008,13 @@ const Dt = w(({ transaction: t }) => {
         px: 24,
         py: 16,
         children: [
-          /* @__PURE__ */ e(A, { bold: !0, children: a.tags_your_tags }),
+          /* @__PURE__ */ e(x, { bold: !0, children: a.tags_your_tags }),
           /* @__PURE__ */ e(
             me,
             {
-              "aria-expanded": n,
+              "aria-expanded": r,
               "aria-label": a.tags_add_tag_btn_aria,
-              onClick: p,
+              onClick: g,
               children: a.tags_add_tag_btn
             }
           )
@@ -1034,9 +1025,9 @@ const Dt = w(({ transaction: t }) => {
       ae,
       {
         copy: { title: a.tags_add_tag_btn },
-        isOpen: n,
+        isOpen: r,
         onClose: () => o(!1),
-        onPrimaryAction: g,
+        onPrimaryAction: p,
         onSecondaryAction: () => o(!1),
         children: [
           /* @__PURE__ */ e(
@@ -1055,8 +1046,8 @@ const Dt = w(({ transaction: t }) => {
       }
     )
   ] });
-}, Vt = w(zt), Wt = ({ onSearchValueChanged: t, searchValue: r }) => {
-  const { common: s, transactions: a } = O(), n = /* @__PURE__ */ e(
+}, Ut = w(zt), Wt = ({ onSearchValueChanged: t, searchValue: n }) => {
+  const { common: s, transactions: a } = O(), r = /* @__PURE__ */ e(
     ue,
     {
       "aria-label": a.tags_cancel_search || "Search",
@@ -1064,37 +1055,39 @@ const Dt = w(({ transaction: t }) => {
       children: /* @__PURE__ */ e(Se, {})
     }
   );
-  return /* @__PURE__ */ e(W, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(V, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
     Le,
     {
-      InputProps: {
-        startAdornment: /* @__PURE__ */ e(Pe, { position: "start", children: /* @__PURE__ */ e(ct, { color: "disabled" }) }),
-        endAdornment: /* @__PURE__ */ e(Pe, { position: "end", sx: { padding: 0 }, children: r ? n : null })
-      },
       "aria-label": s.search_aria,
       name: "search",
       onChange: (o) => t(o.target.value),
       placeholder: s.search_placeholder,
+      slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ e(Pe, { position: "start", children: /* @__PURE__ */ e(ct, { color: "disabled" }) }),
+          endAdornment: /* @__PURE__ */ e(Pe, { position: "end", sx: { padding: 0 }, children: n ? r : null })
+        }
+      },
       sx: { bgcolor: "background.paper", width: "100%" },
-      value: r
+      value: n
     }
   ) });
-}, Yt = w(Wt), jt = ({ onTagChecked: t, selectedTags: r, tag: s }) => {
-  const { onEvent: a } = G(), { removeTag: n, updateTag: o } = R(), { common: i, transactions: _ } = O(), [c, d] = l.useState(!1), [u, p] = l.useState(!1), [g, h] = l.useState(""), [I, M] = l.useState(""), B = async () => {
-    a(C.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), s && await o({ ...s, name: g }), d(!1);
+}, Vt = w(Wt), Yt = ({ onTagChecked: t, selectedTags: n, tag: s }) => {
+  const { onEvent: a } = G(), { removeTag: r, updateTag: o } = R(), { common: i, transactions: _ } = O(), [c, d] = l.useState(!1), [u, g] = l.useState(!1), [p, h] = l.useState(""), [I, M] = l.useState(""), B = async () => {
+    a(C.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), s && await o({ ...s, name: p }), d(!1);
   }, k = async () => {
-    a(C.ON_TRANSACTION_TAGS_TAG_DELETED), await n(s.guid), p(!1);
+    a(C.ON_TRANSACTION_TAGS_TAG_DELETED), await r(s.guid), g(!1);
   };
   l.useEffect(() => {
-    M(g.length > 40 ? _.tags_error_name_must_be_40_chars : "");
-  }, [g]);
+    M(p.length > 40 ? _.tags_error_name_must_be_40_chars : "");
+  }, [p]);
   const f = () => {
     a(C.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), h(s.name), d(!0);
-  }, x = () => {
-    a(C.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), p(!0);
+  }, A = () => {
+    a(C.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), g(!0);
   };
   return /* @__PURE__ */ m(
-    U,
+    z,
     {
       className: "mx-txn-transaction-manager-row",
       disableGutters: !0,
@@ -1114,7 +1107,7 @@ const Dt = w(({ transaction: t }) => {
           {
             "aria-label": `Delete ${s.name} tag`,
             color: "secondary",
-            onClick: x,
+            onClick: A,
             children: /* @__PURE__ */ e(fe, { color: "secondary" })
           }
         )
@@ -1123,20 +1116,20 @@ const Dt = w(({ transaction: t }) => {
         /* @__PURE__ */ m(
           Q,
           {
-            "aria-checked": r.includes(s.guid),
+            "aria-checked": n.includes(s.guid),
             onClick: () => t(s.guid),
             role: "checkbox",
             children: [
               /* @__PURE__ */ e(X, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
-                Tt,
+                yt,
                 {
                   "aria-hidden": !0,
-                  checked: r.includes(s.guid),
+                  checked: n.includes(s.guid),
                   edge: "start",
                   tabIndex: -1
                 }
               ) }),
-              /* @__PURE__ */ e(z, { children: s.name })
+              /* @__PURE__ */ e(U, { children: s.name })
             ]
           }
         ),
@@ -1158,7 +1151,7 @@ const Dt = w(({ transaction: t }) => {
                   onChange: (y) => h(y.target.value),
                   placeholder: "Tag name",
                   sx: { width: "100%" },
-                  value: g
+                  value: p
                 }
               ),
               /* @__PURE__ */ e(ee, { id: "update-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: I })
@@ -1170,70 +1163,70 @@ const Dt = w(({ transaction: t }) => {
           {
             copy: { title: _.tags_delete_title },
             isOpen: u,
-            onClose: () => p(!1),
+            onClose: () => g(!1),
             onPrimaryAction: k,
             onSecondaryAction: () => a(C.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
             primaryText: i.delete_button,
             secondaryText: i.cancel_button,
-            children: /* @__PURE__ */ e(A, { truncate: !1, children: _.tags_deleting_this_tag_will_remove_it })
+            children: /* @__PURE__ */ e(x, { truncate: !1, children: _.tags_deleting_this_tag_will_remove_it })
           }
         )
       ]
     }
   );
-}, qt = w(jt), Qt = ({ selectedTags: t, onTagChecked: r }) => {
-  const { tags: s } = R(), [a, n] = l.useState(""), o = s.filter(
+}, jt = w(Yt), qt = ({ selectedTags: t, onTagChecked: n }) => {
+  const { tags: s } = R(), [a, r] = l.useState(""), o = s.filter(
     (i) => i.name.toLowerCase().includes(a.toLowerCase())
   );
   return /* @__PURE__ */ m("div", { className: "mx-txn-tag-manager", children: [
     /* @__PURE__ */ e(
-      Yt,
+      Vt,
       {
-        onSearchValueChanged: (i) => n(i),
+        onSearchValueChanged: (i) => r(i),
         searchValue: a
       }
     ),
-    /* @__PURE__ */ e(Vt, {}),
+    /* @__PURE__ */ e(Ut, {}),
     /* @__PURE__ */ e(he, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(be, { children: o.map((i) => /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ e(qt, { onTagChecked: r, selectedTags: t, tag: i }),
+      /* @__PURE__ */ e(jt, { onTagChecked: n, selectedTags: t, tag: i }),
       /* @__PURE__ */ e(Te, { sx: { ml: 24 } })
     ] }, i.guid)) }) })
   ] });
-}, Xt = w(Qt), Zt = ({ transaction: t }) => {
-  const { onEvent: r } = G(), { tags: s, updateTaggings: a, updateTransaction: n } = R(), { common: o, transactions: i } = O(), { updateManualTransaction: _ } = re(), c = H(), [d, u] = l.useState(!1), [p, g] = l.useState(t.tags);
+}, Qt = w(qt), Xt = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { tags: s, updateTaggings: a, updateTransaction: r } = R(), { common: o, transactions: i } = O(), { updateManualTransaction: _ } = ne(), c = F(), [d, u] = l.useState(!1), [g, p] = l.useState(t.tags);
   l.useEffect(() => {
-    g(t.tags);
+    p(t.tags);
   }, [d, t]);
   const h = (k) => {
-    const f = [...p], x = p.indexOf(k);
-    x >= 0 ? f.splice(x, 1) : f.push(k), g(f);
+    const f = [...g], A = g.indexOf(k);
+    A >= 0 ? f.splice(A, 1) : f.push(k), p(f);
   }, I = async () => {
     if (t.is_manual && !t.guid) {
-      _({ ...t, tags: p }), u(!1);
+      _({ ...t, tags: g }), u(!1);
       return;
     }
-    await a(p, t.guid), await n({ ...t, tags: p }), r(Y.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), u(!1);
+    await a(g, t.guid), await r({ ...t, tags: g }), n(Y.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), u(!1);
   }, M = l.useMemo(
     () => t.tags.map(
-      (k, f, x) => `${s.find((y) => y.guid === k)?.name}${f < x.length - 1 ? " / " : ""}`
+      (k, f, A) => `${s.find((y) => y.guid === k)?.name}${f < A.length - 1 ? " / " : ""}`
     ),
     [s, t]
   ), B = c.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(U, { disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
       Q,
       {
         onClick: () => {
-          r(C.ON_TRANSACTION_TAGS_CLICK), u(!0);
+          n(C.ON_TRANSACTION_TAGS_CLICK), u(!0);
         },
         children: [
           /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: B }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            z,
+            U,
             {
               primary: i.tags_title,
-              primaryTypographyProps: { variant: "caption" },
-              secondary: /* @__PURE__ */ e(A, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.tags?.length > 0 ? M : i.tags_desc })
+              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.tags?.length > 0 ? M : i.tags_desc }),
+              slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
@@ -1250,35 +1243,35 @@ const Dt = w(({ transaction: t }) => {
         primaryText: o.save_button,
         secondaryText: o.cancel_button,
         title: i.tags_title,
-        children: /* @__PURE__ */ e(Xt, { onTagChecked: h, selectedTags: p })
+        children: /* @__PURE__ */ e(Qt, { onTagChecked: h, selectedTags: g })
       }
     )
   ] });
-}, Jt = w(Zt), ea = ({ transaction: t, viewOnly: r = !1 }) => {
-  const { updateTransaction: s } = R(), { common: a, transactions: n } = O(), { onEvent: o } = G(), { announce: i, ariaLive: _ } = xe(), [c, d] = l.useState(!1), [u, p] = l.useState(""), g = l.useRef(null);
+}, Zt = w(Xt), Jt = ({ transaction: t, viewOnly: n = !1 }) => {
+  const { updateTransaction: s } = R(), { common: a, transactions: r } = O(), { onEvent: o } = G(), { announce: i, ariaLive: _ } = Ae(), [c, d] = l.useState(!1), [u, g] = l.useState(""), p = l.useRef(null);
   l.useEffect(() => {
-    c && (p(t.description), g?.current?.focus());
+    c && (g(t.description), p?.current?.focus());
   }, [c]);
   const h = () => {
     d(!0), o(C.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK), setTimeout(() => document.getElementById("transaction-description-input")?.focus(), 0);
   }, I = async () => {
     o(Y.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
       transaction_guid: t.guid
-    }), await s({ ...t, description: u }), d(!1), i(`${n.payee_title}: ${u}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
+    }), await s({ ...t, description: u }), d(!1), i(`${r.payee_title}: ${u}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
   };
-  return /* @__PURE__ */ m(W, { className: "mx-txn-transaction-description", children: [
+  return /* @__PURE__ */ m(V, { className: "mx-txn-transaction-description", children: [
     _,
     c ? /* @__PURE__ */ m(Xe, { row: !0, children: [
       /* @__PURE__ */ e(
         $e,
         {
-          "aria-label": n.payee_title,
+          "aria-label": r.payee_title,
           id: "transaction-description-input",
-          inputProps: { maxLength: 140 },
-          label: n.payee_title,
-          name: n.payee_title,
-          onChange: (M) => p(M.target.value),
-          ref: g,
+          label: r.payee_title,
+          name: r.payee_title,
+          onChange: (M) => g(M.target.value),
+          ref: p,
+          slotProps: { htmlInput: { maxLength: 140 } },
           sx: {
             backgroundColor: "background.paper",
             ".MuiOutlinedInput-root": { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
@@ -1302,11 +1295,11 @@ const Dt = w(({ transaction: t }) => {
         }
       )
     ] }) : /* @__PURE__ */ m(L, { alignItems: "center", direction: "row", gap: 4, sx: { minHeight: 44 }, children: [
-      /* @__PURE__ */ e(A, { bold: !0, children: t.description }),
-      !r && /* @__PURE__ */ e(
+      /* @__PURE__ */ e(x, { bold: !0, children: t.description }),
+      !n && /* @__PURE__ */ e(
         ue,
         {
-          "aria-label": n.payee_edit,
+          "aria-label": r.payee_edit,
           id: "transaction-description-edit-button",
           onClick: h,
           sx: { color: "action.active" },
@@ -1315,9 +1308,9 @@ const Dt = w(({ transaction: t }) => {
       )
     ] })
   ] });
-}, ta = w(ea), aa = ({ transaction: t }) => {
-  const { updateTransaction: r } = R(), { transactions: s } = O(), { onEvent: a } = G(), n = H(), o = n.palette.mode === "dark", i = async () => {
-    a(Y.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await r({ ...t, is_flagged: !t.is_flagged });
+}, ea = w(Jt), ta = ({ transaction: t }) => {
+  const { updateTransaction: n } = R(), { transactions: s } = O(), { onEvent: a } = G(), r = F(), o = r.palette.mode === "dark", i = async () => {
+    a(Y.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await n({ ...t, is_flagged: !t.is_flagged });
   };
   return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
     lt,
@@ -1332,41 +1325,41 @@ const Dt = w(({ transaction: t }) => {
         color: o ? "common.white" : "secondary.main",
         "&.Mui-selected": {
           color: o ? "primary.main" : "common.white",
-          backgroundColor: o ? Ae(n.palette.primary.main, 0.25) : "warning.dark",
+          backgroundColor: o ? xe(r.palette.primary.main, 0.25) : "warning.dark",
           ":hover": {
             color: o ? "primary.main" : "common.white",
-            backgroundColor: o ? Ae(n.palette.primary.main, 0.2) : "warning.main"
+            backgroundColor: o ? xe(r.palette.primary.main, 0.2) : "warning.main"
           }
         },
         ":hover": {
           color: o ? "common.white" : "warning.contrastText",
-          backgroundColor: o ? Ae(n.palette.primary.main, 0.2) : "warning.light"
+          backgroundColor: o ? xe(r.palette.primary.main, 0.2) : "warning.light"
         }
       },
       value: "flagged",
       children: /* @__PURE__ */ e(ut, { color: "inherit" })
     }
   ) });
-}, ra = w(aa), ge = (t, r, s, a = !0, n = "inset") => a ? /* @__PURE__ */ m(l.Fragment, { children: [
-  /* @__PURE__ */ m(U, { disableGutters: !0, disablePadding: !0, children: [
+}, aa = w(ta), pe = (t, n, s, a = !0, r = "inset") => a ? /* @__PURE__ */ m(l.Fragment, { children: [
+  /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: t }) }),
     /* @__PURE__ */ e(
-      z,
+      U,
       {
-        primary: r,
-        primaryTypographyProps: { variant: "caption" },
-        secondary: s
+        primary: n,
+        secondary: s,
+        slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
       }
     )
   ] }),
-  /* @__PURE__ */ e(Te, { variant: n })
+  /* @__PURE__ */ e(Te, { variant: r })
 ] }) : null, na = ({ transaction: t }) => {
-  const { transactions: r } = O(), { tags: s } = R(), a = l.useMemo(() => {
-    const n = new Map(s.map((o) => [o.guid, o.name]));
-    return t.tags.map((o) => n.get(o)).filter(Boolean).join(" / ");
+  const { transactions: n } = O(), { tags: s } = R(), a = l.useMemo(() => {
+    const r = new Map(s.map((o) => [o.guid, o.name]));
+    return t.tags.map((o) => r.get(o)).filter(Boolean).join(" / ");
   }, [s, t.tags]);
   return /* @__PURE__ */ m(be, { sx: { "& .MuiListItem-root": { px: 24, py: 12 } }, children: [
-    ge(
+    pe(
       /* @__PURE__ */ e(
         Oe,
         {
@@ -1376,36 +1369,36 @@ const Dt = w(({ transaction: t }) => {
           variant: Ge.Transparent
         }
       ),
-      r.category_title,
-      /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: t.category ?? r.actions_select_a_category })
+      n.category_title,
+      /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.category ?? n.actions_select_a_category })
     ),
-    ge(
+    pe(
       /* @__PURE__ */ e(ye, { name: "calendar_month", sx: { color: "text.primary" } }),
-      r.date_title,
-      /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: Me(ve(t.date), Re.YEAR_MONTH_DAY) })
+      n.date_title,
+      /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: Me(ve(t.date), Re.YEAR_MONTH_DAY) })
     ),
-    ge(
+    pe(
       /* @__PURE__ */ e(ye, { name: "article", sx: { color: "text.primary" } }),
-      r.memo_title,
-      /* @__PURE__ */ e(A, { bold: !0, sx: { overflowWrap: "break-word", whiteSpace: "wrap" }, variant: "body1", children: t.memo ?? r.memo_desc }),
+      n.memo_title,
+      /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.memo ?? n.memo_desc }),
       !!t.memo,
       t.tags?.length > 0 ? "inset" : "fullWidth"
     ),
-    ge(
+    pe(
       /* @__PURE__ */ e(ye, { name: "local_offer", sx: { color: "text.primary" } }),
-      r.tags_title,
-      /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: t.tags?.length ? a : r.tags_desc }),
+      n.tags_title,
+      /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: t.tags?.length ? a : n.tags_desc }),
       !!t.tags?.length,
       "fullWidth"
     )
   ] });
-}, oa = w(na), ia = ({
+}, ra = w(na), oa = ({
   data: t,
-  color: r,
+  color: n,
   width: s = 85,
   height: a = 65
 }) => {
-  const n = H(), o = {
+  const r = F(), o = {
     series: [
       {
         data: t.map(({ value: c }) => c),
@@ -1420,7 +1413,7 @@ const Dt = w(({ transaction: t }) => {
       }
     ]
   }, i = t.map(
-    (c, d) => d === t.length - 1 ? r(n) : `${r(n)}80`
+    (c, d) => d === t.length - 1 ? n(r) : `${n(r)}80`
   ), _ = (c, d) => {
     if (c <= 0 || d <= 0) return "";
     const u = Math.min(6, c / 2, d / 2);
@@ -1489,18 +1482,18 @@ const Dt = w(({ transaction: t }) => {
       )
     }
   );
-}, sa = {
+}, ia = {
   BILL_AMOUNT_NOT_STANDARD: "BillAmountNotStandard"
-}, la = (t, r) => {
-  if (r)
-    switch (r.template) {
-      case sa.BILL_AMOUNT_NOT_STANDARD: {
-        const s = r.data_series ? et(r.data_series) : [], a = tt(s, r.payload?.merchant_name);
+}, sa = (t, n) => {
+  if (n)
+    switch (n.template) {
+      case ia.BILL_AMOUNT_NOT_STANDARD: {
+        const s = n.data_series ? et(n.data_series) : [], a = tt(s, n.payload?.merchant_name);
         return {
           instanceSlot: /* @__PURE__ */ e(
-            ia,
+            oa,
             {
-              color: (n) => n.palette.categories.billsUtilities,
+              color: (r) => r.palette.categories.billsUtilities,
               data: a.slice(-3)
             }
           ),
@@ -1513,24 +1506,24 @@ const Dt = w(({ transaction: t }) => {
         return null;
     }
   return null;
-}, ca = ({
-  bottomActions: t = xt,
-  canFlagTransaction: r = !0,
-  topActions: s = St,
+}, la = ({
+  bottomActions: t = St,
+  canFlagTransaction: n = !0,
+  topActions: s = ft,
   transaction: a
 }) => {
-  const { onEvent: n } = G(), { isCopyLoaded: o } = it(), { userFeatures: i } = st(), { accounts: _, common: c, insights_feed: d } = O(), { detailedCategories: u } = we(), {
-    alert: p,
-    associatedBeats: g,
+  const { onEvent: r } = G(), { isCopyLoaded: o } = it(), { userFeatures: i } = st(), { accounts: _, common: c, insights_feed: d } = O(), { detailedCategories: u } = we(), {
+    alert: g,
+    associatedBeats: p,
     detailedTransactions: h,
     cachedStartDate: I,
     loadEmbeddedInstanceTransactions: M,
     setAlert: B
-  } = R(), [k, f] = l.useState(!1), [x, y] = l.useState(!1), [Z, se] = l.useState(!1), le = H(), te = a?.number && a.number.length > 4, $ = l.useMemo(() => g.find((T) => T.associated_transaction_guid === a.guid), [g, a]), b = la(c, $), [K, ne] = l.useState(
+  } = R(), [k, f] = l.useState(!1), [A, y] = l.useState(!1), [Z, se] = l.useState(!1), le = F(), te = a?.number && a.number.length > 4, $ = l.useMemo(() => p.find((T) => T.associated_transaction_guid === a.guid), [p, a]), b = sa(c, $), [K, re] = l.useState(
     b ? b.dataSeries.length - 1 : 0
   );
   l.useEffect(
-    () => n(Y.TRANSACTION_DETAILS_VIEW, { transaction_guid: a.guid }),
+    () => r(Y.TRANSACTION_DETAILS_VIEW, { transaction_guid: a.guid }),
     []
   ), l.useEffect(() => {
     if (!b || b.dataSeries.length === 0) return;
@@ -1539,27 +1532,27 @@ const Dt = w(({ transaction: t }) => {
       y(!1);
     }));
   }, [K, b, I]);
-  const F = t.includes(ie.MerchantBudget) && !a?.merchant_guid ? t.filter((T) => T !== ie.MerchantBudget) : t, oe = ke(() => {
+  const H = t.includes(ie.MerchantBudget) && !a?.merchant_guid ? t.filter((T) => T !== ie.MerchantBudget) : t, oe = ke(() => {
     if (b) {
       const T = u.find(
-        (Ue) => Ue.guid === a.top_level_category_guid
+        (ze) => ze.guid === a.top_level_category_guid
       ), D = $?.payload?.average_amount ?? 0, J = a.amount;
-      let pe = d.general.increased_text;
-      J - D < 0 && (pe = d.general.decreased_text);
+      let ge = d.general.increased_text;
+      J - D < 0 && (ge = d.general.decreased_text);
       const ce = D === 0 ? 0 : Math.round(Math.abs(J - D) / D * 100);
-      return { category: T, percentageAmount: ce, changetype: pe };
+      return { category: T, percentageAmount: ce, changetype: ge };
     }
     return null;
   }, [b, u]), N = ke(() => {
     if (!b?.dataSeries?.length)
       return [];
-    const { guid: T, date: D } = b.dataSeries[K], J = De(D), pe = Be(D);
-    return h.filter((ce) => ce.date >= Ie(J) && ce.date <= Ie(pe) && ce.guid === T);
-  }, [K, b, h, x]);
+    const { guid: T, date: D } = b.dataSeries[K], J = De(D), ge = Be(D);
+    return h.filter((ce) => ce.date >= Ie(J) && ce.date <= Ie(ge) && ce.guid === T);
+  }, [K, b, h, A]);
   if (!o)
     return /* @__PURE__ */ e(_t, {});
   const v = Qe(i, "MX_TXN_DETAILS_VIEW_ONLY"), S = le.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(W, { className: "mx-txn-transaction-details", width: "100%", children: [
+  return /* @__PURE__ */ m(V, { className: "mx-txn-transaction-details", width: "100%", children: [
     a && /* @__PURE__ */ m(L, { children: [
       /* @__PURE__ */ m(L, { gap: 12, p: 24, children: [
         /* @__PURE__ */ e(he, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
@@ -1570,13 +1563,13 @@ const Dt = w(({ transaction: t }) => {
             size: 64
           }
         ) }),
-        /* @__PURE__ */ e(ta, { transaction: a, viewOnly: v }),
+        /* @__PURE__ */ e(ea, { transaction: a, viewOnly: v }),
         /* @__PURE__ */ m(L, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
           /* @__PURE__ */ m(ee, { color: a.isIncome ? "success.main" : "text.primary", variant: "h1", children: [
             a.isIncome ? "+" : "",
-            V(a.amount, "0,0.00")
+            W(a.amount, "0,0.00")
           ] }),
-          !v && r && /* @__PURE__ */ e(ra, { transaction: a })
+          !v && n && /* @__PURE__ */ e(aa, { transaction: a })
         ] }),
         b?.instanceSlot && /* @__PURE__ */ e(
           at,
@@ -1595,16 +1588,16 @@ const Dt = w(({ transaction: t }) => {
           }
         ),
         /* @__PURE__ */ m(L, { sx: { bgcolor: S, borderRadius: "4px", gap: 4, p: 8 }, children: [
-          /* @__PURE__ */ e(A, { bold: !0, children: `${a.account}
+          /* @__PURE__ */ e(x, { bold: !0, children: `${a.account}
                 ${te ? a.number : "•".repeat(4).concat(a.number ?? "")}` }),
-          /* @__PURE__ */ e(A, { bold: !0, variant: "tiny", children: a.feed_description })
+          /* @__PURE__ */ e(x, { bold: !0, truncate: !0, variant: "tiny", children: a.feed_description })
         ] })
       ] }),
-      /* @__PURE__ */ e(he, { square: !0, sx: { boxShadow: "none" }, children: v ? /* @__PURE__ */ e(oa, { transaction: a }) : /* @__PURE__ */ e(be, { children: s.map((T, D) => /* @__PURE__ */ m(l.Fragment, { children: [
-        T === de.Category && /* @__PURE__ */ e(vt, { transaction: a }),
-        T === de.Date && /* @__PURE__ */ e(Et, { transaction: a }),
-        T === de.Memo && /* @__PURE__ */ e(Gt, { transaction: a }),
-        T === de.Tags && /* @__PURE__ */ e(Jt, { transaction: a }),
+      /* @__PURE__ */ e(he, { square: !0, sx: { boxShadow: "none" }, children: v ? /* @__PURE__ */ e(ra, { transaction: a }) : /* @__PURE__ */ e(be, { children: s.map((T, D) => /* @__PURE__ */ m(l.Fragment, { children: [
+        T === de.Category && /* @__PURE__ */ e(Dt, { transaction: a }),
+        T === de.Date && /* @__PURE__ */ e(vt, { transaction: a }),
+        T === de.Memo && /* @__PURE__ */ e(Pt, { transaction: a }),
+        T === de.Tags && /* @__PURE__ */ e(Zt, { transaction: a }),
         /* @__PURE__ */ e(
           Te,
           {
@@ -1613,28 +1606,28 @@ const Dt = w(({ transaction: t }) => {
           }
         )
       ] }, T)) }) }),
-      !v && F.length > 0 && /* @__PURE__ */ m(l.Fragment, { children: [
-        /* @__PURE__ */ e(A, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "body1", children: _.actions }),
+      !v && H.length > 0 && /* @__PURE__ */ m(l.Fragment, { children: [
+        /* @__PURE__ */ e(x, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "body1", children: _.actions }),
         /* @__PURE__ */ e(he, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ m(be, { children: [
-          F.map((T, D) => /* @__PURE__ */ m(l.Fragment, { children: [
-            T === ie.MerchantBudget && /* @__PURE__ */ e(Dt, { transaction: a }),
-            T === ie.SplitTransaction && /* @__PURE__ */ e(Ut, { transaction: a }),
-            T === ie.HideTransaction && /* @__PURE__ */ e(kt, { transaction: a }),
-            T === ie.MerchantLogo && /* @__PURE__ */ e(Mt, { transaction: a }),
+          H.map((T, D) => /* @__PURE__ */ m(l.Fragment, { children: [
+            T === ie.MerchantBudget && /* @__PURE__ */ e(It, { transaction: a }),
+            T === ie.SplitTransaction && /* @__PURE__ */ e(Ht, { transaction: a }),
+            T === ie.HideTransaction && /* @__PURE__ */ e(Rt, { transaction: a }),
+            T === ie.MerchantLogo && /* @__PURE__ */ e(wt, { transaction: a }),
             /* @__PURE__ */ e(
               Te,
               {
                 component: "li",
-                variant: D < F.length - 1 ? "inset" : "fullWidth"
+                variant: D < H.length - 1 ? "inset" : "fullWidth"
               }
             )
           ] }, T)),
-          a.is_manual && !a.parent_guid && !a.has_been_split && /* @__PURE__ */ e(Lt, { transaction: a })
+          a.is_manual && !a.parent_guid && !a.has_been_split && /* @__PURE__ */ e(Ot, { transaction: a })
         ] }) })
       ] })
     ] }),
     $ && b && /* @__PURE__ */ e(
-      rt,
+      nt,
       {
         ariaLabel: Me(
           b?.dataSeries[K]?.date,
@@ -1643,14 +1636,14 @@ const Dt = w(({ transaction: t }) => {
         barChartProps: {
           amounts: {
             average: $.payload.average_amount,
-            formattedAverage: V($.payload.average_amount, "0,0")
+            formattedAverage: W($.payload.average_amount, "0,0")
           },
           color: oe.category?.color || "",
           data: b.chartData,
           margin: { bottom: 10, left: 24, right: 24, top: 20 },
           monthlyAmountLabel: d.general.monthly_amount,
           onBarClick: (T) => {
-            ne(T);
+            re(T);
           },
           trendAmountLabel: d.general.trend,
           legendPosition: "top"
@@ -1676,10 +1669,10 @@ const Dt = w(({ transaction: t }) => {
         ),
         isOpen: k,
         onClose: () => {
-          f(!1), ne(b.dataSeries.length - 1);
+          f(!1), re(b.dataSeries.length - 1);
         },
         onTabChange: (T) => {
-          ne(T);
+          re(T);
         },
         tipSection: Z ? void 0 : {
           message: E(
@@ -1691,31 +1684,31 @@ const Dt = w(({ transaction: t }) => {
         },
         title: d.general.transaction_history_title,
         transactionListProps: {
-          showLoader: x,
+          showLoader: A,
           showInsights: !0,
           transaction: N
         }
       }
     ),
     /* @__PURE__ */ e(
-      Ve,
+      We,
       {
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         autoHideDuration: 3500,
         onClose: () => B(""),
-        open: !!p,
-        children: /* @__PURE__ */ e(ze, { closeText: "", onClose: () => B(""), severity: "success", variant: "filled", children: p })
+        open: !!g,
+        children: /* @__PURE__ */ e(Ue, { closeText: "", onClose: () => B(""), severity: "success", variant: "filled", children: g })
       }
     )
   ] });
-}, ir = w(ca);
+}, rn = w(la);
 export {
   ie as B,
-  vt as C,
-  Et as D,
-  Gt as M,
-  ir as T,
-  Jt as a,
+  Dt as C,
+  vt as D,
+  Pt as M,
+  rn as T,
+  Zt as a,
   de as b,
   At as c
 };