@mx-cartographer/experiences 7.5.1 → 7.5.3

package/dist/{TransactionDetails-m5PddMQn.mjs → TransactionDetails-h9zr6QKo.mjs}

@@ -1,86 +1,86 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import u from "react";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import _ from "react";
 import { observer as A } from "mobx-react-lite";
-import { useVirtualizer as Re } from "@tanstack/react-virtual";
-import v from "@mui/material/Box";
+import { useVirtualizer as Pe } from "@tanstack/react-virtual";
+import O from "@mui/material/Box";
 import J from "@mui/material/Divider";
 import Q from "@mui/material/List";
-import { MerchantLogo as ge, Icon as C, Text as h, useTokens as te, CategoryIcon as he, CategoryIconVariants as be, IconWeight as D, P as ce, H1 as Ae, TextField as Te } from "@mxenabled/mxui";
+import { MerchantLogo as ge, Icon as C, Text as y, useTokens as te, CategoryIcon as he, CategoryIconVariants as be, IconWeight as D, P as ce, H1 as Ae, TextField as Te } from "@mxenabled/mxui";
 import $ from "@mui/material/ListItemAvatar";
 import M from "@mui/material/ListItemText";
 import b from "@mui/material/Stack";
-import { T as Pe, L as Ge, O as g, C as Me, b as Ke, i as $e } from "./User-Cnlegl1N.mjs";
-import { G as Be, h as w, u as N, g as O, m as xe, b as Fe, o as He } from "./hooks-ZMp65DFz.mjs";
+import { T as Ge, L as Me, O as T, C as Ke, b as $e, i as Be } from "./User-Cnlegl1N.mjs";
+import { G as Fe, h as v, u as N, g as w, m as xe, b as He, o as ze } from "./hooks-ZMp65DFz.mjs";
 import { f as ae } from "./NumberFormatting-DjTD0t3W.mjs";
-import { Receipt as ze, Delete as ie, ChevronRight as Ue, Cancel as se, Search as Xe, Edit as Ve, Flag as We } from "@mxenabled/mx-icons";
+import { Receipt as Ue, Delete as ie, ChevronRight as Xe, Cancel as se, Search as Ve, Edit as We, Flag as Ye } from "@mxenabled/mx-icons";
 import { fromUnixTime as Y } from "date-fns/fromUnixTime";
 import { isSameDay as Ne } from "date-fns/isSameDay";
-import { h as Ye } from "./DateUtil-CBdcsyuk.mjs";
+import { h as je } from "./DateUtil-CBdcsyuk.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { A as P } from "./WidgetContainer-CoFDmQRE.mjs";
+import { A as P, u as De } from "./WidgetContainer-30Dy7US7.mjs";
 import re from "@mui/material/Paper";
 import de from "@mui/material/Button";
-import je from "@mui/material/FormGroup";
+import qe from "@mui/material/FormGroup";
 import ee from "@mui/material/IconButton";
 import ve from "@mui/material/TextField";
-import qe from "@mui/material/ToggleButton";
-import De from "@mui/material/styles/useTheme";
+import Ze from "@mui/material/ToggleButton";
+import Ee from "@mui/material/styles/useTheme";
 import z from "@mui/material/Avatar";
 import B from "@mui/material/ListItem";
-import { D as W, f as we, a as Ee } from "./Dialog-BPTr3qHE.mjs";
+import { D as W, f as Oe, a as we } from "./Dialog-BPTr3qHE.mjs";
 import U from "@mui/material/ListItemButton";
 import X from "@mui/material/ListItemIcon";
-import { a as Oe } from "./CategorySelectorDrawer-B-I3kajA.mjs";
+import { a as Le } from "./CategorySelectorDrawer-B-I3kajA.mjs";
 import { b as le } from "./Localization-2MODESHW.mjs";
-import { getUnixTime as Ze } from "date-fns/getUnixTime";
-import { D as ue } from "./Drawer-By9V-B5L.mjs";
+import { getUnixTime as Je } from "date-fns/getUnixTime";
+import { D as _e } from "./Drawer-By9V-B5L.mjs";
 import ye from "@mui/material/InputAdornment";
-import Je from "@mui/material/Checkbox";
+import Qe from "@mui/material/Checkbox";
 import pe from "@mui/material/Grid";
-import { C as Qe } from "./CurrencyInput-itK0R3wV.mjs";
-import et from "@mui/material/Switch";
+import { C as et } from "./CurrencyInput-itK0R3wV.mjs";
+import tt from "@mui/material/Switch";
 var Z = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(Z || {}), oe = /* @__PURE__ */ ((t) => (t[t.SplitTransaction = 0] = "SplitTransaction", t[t.HideTransaction = 1] = "HideTransaction", t[t.MerchantLogo = 2] = "MerchantLogo", t))(oe || {});
-const tt = [
+const at = [
   0,
   1,
   2,
   3
   /* Tags */
-], at = [
+], nt = [
   0,
   1,
   2
   /* MerchantLogo */
 ], G = () => {
-  if (!u.useContext(Be))
+  if (!_.useContext(Fe))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
-  return w().uiStore;
+  return v().uiStore;
 };
-function nt() {
+function rt() {
   return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
 }
-function rt(t) {
-  const r = nt().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), i = window.parent || window.opener || !1;
+function ot(t) {
+  const r = rt().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), i = window.parent || window.opener || !1;
   return i && i.postMessage && r ? (i.postMessage(t, r), !0) : !1;
 }
-function ot(t) {
-  return rt({
+function it(t) {
+  return ot({
     metadata: { beat_guid: t },
     mx: !0,
     type: "mx/moneyDashboard/insightOnTransaction"
   });
 }
-const it = ({ transaction: t, onClick: r }) => {
-  const { associatedBeats: i } = w(), { expandedSplits: a } = G(), { transactions: o } = N(), { showInsights: n } = G(), s = t.transaction_type === Pe.CREDIT, c = u.useMemo(() => i.find((d) => d.associated_transaction_guid === t.guid), [i, t]);
+const st = ({ transaction: t, onClick: r }) => {
+  const { associatedBeats: i } = v(), { expandedSplits: n } = G(), { transactions: o } = N(), { showInsights: a } = G(), l = t.transaction_type === Ge.CREDIT, c = _.useMemo(() => i.find((d) => d.associated_transaction_guid === t.guid), [i, t]);
   return (
     //TODO: implement common/components/ListItemRow.tsx
-    /* @__PURE__ */ l(
-      Ge,
+    /* @__PURE__ */ s(
+      Me,
       {
-        clickEventName: g.ON_TRANSACTION_LIST_ITEM_CLICK,
+        clickEventName: T.ON_TRANSACTION_LIST_ITEM_CLICK,
         onClick: r ? () => r(t.guid) : void 0,
         children: [
-          /* @__PURE__ */ e($, { children: t.parent_guid && a.includes(t.parent_guid) ? /* @__PURE__ */ e(u.Fragment, {}) : /* @__PURE__ */ e(
+          /* @__PURE__ */ e($, { children: t.parent_guid && n.includes(t.parent_guid) ? /* @__PURE__ */ e(_.Fragment, {}) : /* @__PURE__ */ e(
             ge,
             {
               categoryGuid: t.top_level_category_guid || "",
@@ -91,40 +91,40 @@ const it = ({ transaction: t, onClick: r }) => {
             M,
             {
               disableTypography: !0,
-              secondary: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", children: [
-                /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 4, children: [
+              secondary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+                /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 4, children: [
                   t.is_flagged && /* @__PURE__ */ e(C, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
                   t.is_hidden && /* @__PURE__ */ e(C, { name: "visibility_off", size: 16 }),
                   t.has_been_split && /* @__PURE__ */ e(C, { name: "call_split", size: 16 }),
-                  /* @__PURE__ */ e(h, { variant: "XSmall", children: t.has_been_split ? o.split_transaction_category_label : t.category })
+                  /* @__PURE__ */ e(y, { variant: "XSmall", children: t.has_been_split ? o.split_transaction_category_label : t.category })
                 ] }),
-                c && n && /* @__PURE__ */ e(
-                  h,
+                c && a && /* @__PURE__ */ e(
+                  y,
                   {
                     bold: !0,
                     color: "action.active",
                     onClick: (d) => {
-                      d.stopPropagation(), d.preventDefault(), ot(c.guid);
+                      d.stopPropagation(), d.preventDefault(), it(c.guid);
                     },
                     variant: "XSmall",
                     children: c.short_title
                   }
                 )
               ] }),
-              children: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
-                /* @__PURE__ */ l(h, { bold: !0, variant: "Body", children: [
+              children: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
+                /* @__PURE__ */ s(y, { bold: !0, variant: "Body", children: [
                   t.is_hidden && o.hide_trnx_cancel_hidden_note,
                   t.payee || t.description || t.feed_description
                 ] }),
-                /* @__PURE__ */ l(
-                  h,
+                /* @__PURE__ */ s(
+                  y,
                   {
                     bold: !0,
-                    color: s ? "success.main" : "text.primary",
+                    color: l ? "success.main" : "text.primary",
                     sx: { flexShrink: 0 },
                     variant: "Body",
                     children: [
-                      s ? "+" : "",
+                      l ? "+" : "",
                       ae(t.amount, "0,0.00")
                     ]
                   }
@@ -136,56 +136,56 @@ const it = ({ transaction: t, onClick: r }) => {
       }
     )
   );
-}, st = A(it), lt = ({
+}, lt = A(st), ct = ({
   bgcolor: t = "background.default",
   children: r
-}) => /* @__PURE__ */ e(v, { display: "inline-block", sx: { bgcolor: t, py: 6, width: "100%" }, children: /* @__PURE__ */ e(h, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), ct = ({ showIcon: t = !0, showSubtitle: r = !0 }) => {
-  const i = te(), { transactions: a } = N();
-  return /* @__PURE__ */ l(b, { alignItems: "center", gap: i.Spacing.Small, height: "auto", mt: i.Spacing.Large, children: [
-    t && /* @__PURE__ */ e(ze, { color: "secondary", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ e(h, { bold: !0, color: "secondary", variant: "Small", children: a.zero_state_no_transactions }),
-    r && /* @__PURE__ */ e(h, { color: "secondary", variant: "XSmall", children: a.zero_state_there_are_no_transactions })
+}) => /* @__PURE__ */ e(O, { display: "inline-block", sx: { bgcolor: t, py: 6, width: "100%" }, children: /* @__PURE__ */ e(y, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), dt = ({ showIcon: t = !0, showSubtitle: r = !0 }) => {
+  const i = te(), { transactions: n } = N();
+  return /* @__PURE__ */ s(b, { alignItems: "center", gap: i.Spacing.Small, height: "auto", mt: i.Spacing.Large, children: [
+    t && /* @__PURE__ */ e(Ue, { color: "secondary", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ e(y, { bold: !0, color: "secondary", variant: "Small", children: n.zero_state_no_transactions }),
+    r && /* @__PURE__ */ e(y, { color: "secondary", variant: "XSmall", children: n.zero_state_there_are_no_transactions })
   ] });
-}, dt = A(ct), Se = (t, r) => {
-  const i = Y(r[t].date), a = Y(r[t - 1]?.date);
-  return !Ne(i, a);
+}, _t = A(dt), Se = (t, r) => {
+  const i = Y(r[t].date), n = Y(r[t - 1]?.date);
+  return !Ne(i, n);
 }, ut = (t, r) => {
-  const i = Y(r[t].date), a = Y(r[t + 1]?.date);
-  return Ne(i, a);
-}, Ce = 65, fe = 32, _t = ({
+  const i = Y(r[t].date), n = Y(r[t + 1]?.date);
+  return Ne(i, n);
+}, Ce = 65, fe = 32, mt = ({
   bgcolor: t,
   filter: r,
   height: i = "calc(100dvh - 36px)",
-  loader: a = /* @__PURE__ */ e(Ie, { label: "Loading", size: 40 }),
+  loader: n = /* @__PURE__ */ e(Ie, { label: "Loading", size: 40 }),
   onClick: o,
-  showInsights: n = !1,
-  showLoader: s = !1,
+  showInsights: a = !1,
+  showLoader: l = !1,
   showHiddenTransactions: c = !1,
   transaction: d,
-  width: _ = "100%",
-  zeroState: m = /* @__PURE__ */ e(dt, {})
+  width: u = "100%",
+  zeroState: m = /* @__PURE__ */ e(_t, {})
 }) => {
-  const { isLoading: p, sortedTransactions: S } = w(), y = u.useMemo(() => {
-    const L = r ? S.filter(r) : S, R = d ?? L;
-    return c ? R : R.filter((V) => !V.is_hidden);
-  }, [S, c]), { clearExpandedSplits: T, setShowInsights: I, toggleSplit: f } = G(), { onEvent: k } = O(), F = (L) => {
-    const R = y.find((V) => V.guid === L);
-    if (R?.has_been_split) {
-      f(R.guid);
+  const { isLoading: p, sortedTransactions: S } = v(), h = _.useMemo(() => {
+    const L = r ? S.filter(r) : S, k = d ?? L;
+    return c ? k : k.filter((V) => !V.is_hidden);
+  }, [S, c]), { clearExpandedSplits: g, setShowInsights: I, toggleSplit: f } = G(), { onEvent: R } = w(), F = (L) => {
+    const k = h.find((V) => V.guid === L);
+    if (k?.has_been_split) {
+      f(k.guid);
       return;
     }
-    k(P.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: R?.account_guid,
+    R(P.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: k?.account_guid,
       transaction_guid: L
     }), o?.(L);
-  }, j = u.useRef(null), K = Re({
-    count: y.length,
+  }, j = _.useRef(null), K = Pe({
+    count: h.length,
     getScrollElement: () => j.current,
-    estimateSize: (L) => Ce + (Se(L, y) ? fe : 0),
+    estimateSize: (L) => Ce + (Se(L, h) ? fe : 0),
     overscan: 5
   });
-  return u.useEffect(() => K.measure(), [y]), u.useEffect(() => I(n), [n]), u.useEffect(() => () => T(), []), /* @__PURE__ */ e(Q, { sx: { width: _ }, children: /* @__PURE__ */ e(v, { height: i, overflow: "auto", ref: j, width: _, children: /* @__PURE__ */ l(
-    v,
+  return _.useEffect(() => K.measure(), [h]), _.useEffect(() => I(a), [a]), _.useEffect(() => () => g(), []), /* @__PURE__ */ e(Q, { sx: { width: u }, children: /* @__PURE__ */ e(O, { height: i, overflow: "auto", ref: j, width: u, children: /* @__PURE__ */ s(
+    O,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
@@ -194,12 +194,12 @@ const it = ({ transaction: t, onClick: r }) => {
       position: "relative",
       width: "100%",
       children: [
-        (p || s) && a,
-        !p && !s && K.getVirtualItems().length === 0 && m,
-        !p && !s && K.getVirtualItems().length > 0 && K.getVirtualItems().map((L) => {
-          const R = y[L.index], V = Se(L.index, y), _e = ut(L.index, y), x = Ce + (V ? fe : 0);
-          return /* @__PURE__ */ l(
-            v,
+        (p || l) && n,
+        !p && !l && K.getVirtualItems().length === 0 && m,
+        !p && !l && K.getVirtualItems().length > 0 && K.getVirtualItems().map((L) => {
+          const k = h[L.index], V = Se(L.index, h), ue = ut(L.index, h), x = Ce + (V ? fe : 0);
+          return /* @__PURE__ */ s(
+            O,
             {
               sx: {
                 height: x,
@@ -209,52 +209,52 @@ const it = ({ transaction: t, onClick: r }) => {
                 bgcolor: "background.paper"
               },
               children: [
-                V && /* @__PURE__ */ e(lt, { bgcolor: t, children: Ye(R.date) }),
+                V && /* @__PURE__ */ e(ct, { bgcolor: t, children: je(k.date) }),
                 /* @__PURE__ */ e(
-                  st,
+                  lt,
                   {
                     ...o && { onClick: F },
-                    transaction: R
+                    transaction: k
                   }
                 ),
-                /* @__PURE__ */ e(J, { sx: { ml: _e ? 68 : 0 } })
+                /* @__PURE__ */ e(J, { sx: { ml: ue ? 68 : 0 } })
               ]
             },
-            R.guid
+            k.guid
           );
         })
       ]
     }
   ) }) });
-}, Ra = A(_t), mt = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: r, updateTransaction: i } = w(), { categories: a } = xe(), { onEvent: o } = O(), { setShouldDisableDrawerScroll: n, updateManualTransaction: s } = G(), { transactions: c } = N(), [d, _] = u.useState(!1), [m, p] = u.useState(""), S = async (f) => {
+}, ka = A(mt), pt = ({ transaction: t }) => {
+  const { addOrUpdateTransactionRule: r, updateTransaction: i } = v(), { categories: n } = xe(), { onEvent: o } = w(), { setShouldDisableDrawerScroll: a, updateManualTransaction: l } = G(), { transactions: c } = N(), [d, u] = _.useState(!1), [m, p] = _.useState(""), S = async (f) => {
     await i({ ...t, category_guid: m }), f && await r(m, t), p(""), o(P.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: t.guid
     });
-  }, y = (f) => {
+  }, h = (f) => {
     if (t.is_manual && !t.guid) {
-      const k = a.find((F) => F.guid === f);
-      s({
+      const R = n.find((F) => F.guid === f);
+      l({
         ...t,
-        category: k?.name,
+        category: R?.name,
         category_guid: f,
-        top_level_category_guid: k?.parent_guid || f
+        top_level_category_guid: R?.parent_guid || f
       });
     } else
       p(f);
-    T();
-  }, T = () => {
-    _(!1), n(!1);
-  }, I = u.useMemo(
-    () => a.find((f) => f.guid === m),
+    g();
+  }, g = () => {
+    u(!1), a(!1);
+  }, I = _.useMemo(
+    () => n.find((f) => f.guid === m),
     [m]
   );
-  return /* @__PURE__ */ l(u.Fragment, { children: [
-    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(_.Fragment, { children: [
+    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
       U,
       {
         onClick: () => {
-          o(g.ON_TRANSACTION_CATEGORY_CLICK), _(!0);
+          o(T.ON_TRANSACTION_CATEGORY_CLICK), u(!0);
         },
         children: [
           /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(z, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(
@@ -271,7 +271,7 @@ const it = ({ transaction: t, onClick: r }) => {
             {
               primary: c.category_title,
               primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(h, { bold: !0, variant: "Body", children: t.category ?? c.actions_select_a_category })
+              secondary: /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: t.category ?? c.actions_select_a_category })
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(C, { name: "chevron_right", weight: D.Dark }) })
@@ -279,11 +279,11 @@ const it = ({ transaction: t, onClick: r }) => {
       }
     ) }),
     /* @__PURE__ */ e(
-      Oe,
+      Le,
       {
         initialSelected: t.category_guid,
-        onClose: T,
-        onSelect: y,
+        onClose: g,
+        onSelect: h,
         showDrawer: d,
         title: c.actions_select_a_category
       }
@@ -311,31 +311,31 @@ const it = ({ transaction: t, onClick: r }) => {
       }
     )
   ] });
-}, pt = ({ transaction: t }) => {
-  const r = te(), { onEvent: i } = O(), { updateTransaction: a } = w(), { updateManualTransaction: o } = G(), { common: n, transactions: s } = N(), [c, d] = u.useState(!1), [_, m] = u.useState(t.date), p = (y) => {
-    m(Ze(y));
+}, gt = ({ transaction: t }) => {
+  const r = te(), { onEvent: i } = w(), { updateTransaction: n } = v(), { updateManualTransaction: o } = G(), { common: a, transactions: l } = N(), [c, d] = _.useState(!1), [u, m] = _.useState(t.date), p = (h) => {
+    m(Je(h));
   }, S = async () => {
     if (t.is_manual && !t.guid) {
-      o({ ...t, date: _ }), d(!1);
+      o({ ...t, date: u }), d(!1);
       return;
     }
-    await a({ ...t, date: _ }), i(P.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), d(!1);
+    await n({ ...t, date: u }), i(P.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), d(!1);
   };
-  return /* @__PURE__ */ l(v, { className: "mx-txn-date-action", children: [
-    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(O, { className: "mx-txn-date-action", children: [
+    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
       U,
       {
         onClick: () => {
-          i(g.ON_TRANSACTION_DATE_CLICK), d(!0);
+          i(T.ON_TRANSACTION_DATE_CLICK), d(!0);
         },
         children: [
           /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(z, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(C, { name: "calendar_month", sx: { color: "text.primary" }, weight: D.Dark }) }) }),
           /* @__PURE__ */ e(
             M,
             {
-              primary: s.date_title,
+              primary: l.date_title,
               primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(h, { bold: !0, variant: "Body", children: we(Y(t.date), Ee.YEAR_MONTH_DAY) })
+              secondary: /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: Oe(Y(t.date), we.YEAR_MONTH_DAY) })
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(C, { name: "chevron_right", weight: D.Dark }) })
@@ -343,49 +343,49 @@ const it = ({ transaction: t, onClick: r }) => {
       }
     ) }),
     /* @__PURE__ */ e(
-      ue,
+      _e,
       {
-        ariaLabelClose: n.close_aria,
+        ariaLabelClose: a.close_aria,
         isOpen: c,
         onClose: () => d(!1),
         onPrimaryAction: S,
-        primaryText: n.save_button,
-        secondaryText: n.cancel_button,
-        title: s.date_edit_title,
+        primaryText: a.save_button,
+        secondaryText: a.cancel_button,
+        title: l.date_edit_title,
         children: /* @__PURE__ */ e(b, { alignItems: "center", mt: r.Spacing.XXLarge, children: /* @__PURE__ */ e(
-          Me,
+          Ke,
           {
-            beginDate: Y(_),
+            beginDate: Y(u),
             copy: {
-              nextAria: s.date_next_aria,
-              prevAria: s.date_prev_aria,
-              today: n.date_range_picker.today
+              nextAria: l.date_next_aria,
+              prevAria: l.date_prev_aria,
+              today: a.date_range_picker.today
             },
             onDateSelected: p,
-            selectionType: Ke.Single
+            selectionType: $e.Single
           }
         ) })
       }
     )
   ] });
-}, gt = ({ transaction: t }) => {
-  const { onEvent: r } = O(), { removeTransaction: i } = w(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = N(), [s, c] = u.useState(!1), d = async () => {
-    await i(t.guid), r(g.ON_TRANSACTION_DELETE_DELETED);
+}, ht = ({ transaction: t }) => {
+  const { onEvent: r } = w(), { removeTransaction: i } = v(), { setShouldDisableDrawerScroll: n } = G(), { common: o, transactions: a } = N(), [l, c] = _.useState(!1), d = async () => {
+    await i(t.guid), r(T.ON_TRANSACTION_DELETE_DELETED);
   };
-  return /* @__PURE__ */ l(v, { className: "mx-txn-delete", children: [
-    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(O, { className: "mx-txn-delete", children: [
+    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
       U,
       {
         onClick: () => {
-          r(g.ON_TRANSACTION_DELETE_CLICK), a(!0), c(!0);
+          r(T.ON_TRANSACTION_DELETE_CLICK), n(!0), c(!0);
         },
         children: [
           /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(z, { variant: "rounded", children: /* @__PURE__ */ e(ie, { color: "secondary", fontSize: "small" }) }) }),
           /* @__PURE__ */ e(
             M,
             {
-              primary: n.manual_transaction_delete_title,
-              secondary: n.manual_transaction_delete_subtitle
+              primary: a.manual_transaction_delete_title,
+              secondary: a.manual_transaction_delete_subtitle
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(ie, {}) })
@@ -395,73 +395,73 @@ const it = ({ transaction: t, onClick: r }) => {
     /* @__PURE__ */ e(
       W,
       {
-        copy: { title: n.manual_transaction_delete_title },
-        isOpen: s,
+        copy: { title: a.manual_transaction_delete_title },
+        isOpen: l,
         onClose: () => {
-          a(!1), c(!1);
+          n(!1), c(!1);
         },
         onPrimaryAction: d,
-        onSecondaryAction: () => r(g.ON_TRANSACTION_DELETE_CANCEL),
+        onSecondaryAction: () => r(T.ON_TRANSACTION_DELETE_CANCEL),
         primaryText: o.delete_button,
         secondaryText: o.cancel_button,
-        children: /* @__PURE__ */ e(h, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: n.manual_transaction_delete_description })
+        children: /* @__PURE__ */ e(y, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: a.manual_transaction_delete_description })
       }
     )
   ] });
-}, ht = A(gt), Tt = ({ transaction: t }) => {
-  const { onEvent: r } = O(), { updateTransaction: i } = w(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = N(), [s, c] = u.useState(!1), d = async () => {
+}, Tt = A(ht), yt = ({ transaction: t }) => {
+  const { onEvent: r } = w(), { updateTransaction: i } = v(), { setShouldDisableDrawerScroll: n } = G(), { common: o, transactions: a } = N(), [l, c] = _.useState(!1), d = async () => {
     await i({ ...t, merchant_guid: "" }), r(P.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: t.guid
     });
   };
-  return /* @__PURE__ */ l(v, { className: "mx-txn-delete-logo", children: [
-    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(O, { className: "mx-txn-delete-logo", children: [
+    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
       U,
       {
         onClick: () => {
-          r(g.ON_TRANSACTION_DELETE_LOGO_CLICK), c(!0);
+          r(T.ON_TRANSACTION_DELETE_LOGO_CLICK), c(!0);
         },
         children: [
           /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(z, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(C, { name: "delete", sx: { color: "text.primary" }, weight: D.Dark }) }) }),
-          /* @__PURE__ */ e(M, { primary: n.merchant_logo_title, secondary: n.merchant_logo_desc }),
+          /* @__PURE__ */ e(M, { primary: a.merchant_logo_title, secondary: a.merchant_logo_desc }),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(C, { name: "chevron_right", weight: D.Dark }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       W,
       {
-        copy: { title: n.merchant_logo_modal_title },
-        isOpen: s,
+        copy: { title: a.merchant_logo_modal_title },
+        isOpen: l,
         onClose: () => {
-          a(!1), c(!1);
+          n(!1), c(!1);
         },
         onPrimaryAction: d,
-        onSecondaryAction: () => r(g.ON_TRANSACTION_DELETE_LOGO_CANCEL),
+        onSecondaryAction: () => r(T.ON_TRANSACTION_DELETE_LOGO_CANCEL),
         primaryText: o.delete_button,
         secondaryText: o.cancel_button,
-        title: n.merchant_logo_modal_title,
+        title: a.merchant_logo_modal_title,
         children: [
-          /* @__PURE__ */ e(h, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: n.merchant_logo_modal_desc }),
-          /* @__PURE__ */ e(h, { bold: !0, sx: { whiteSpace: "normal" }, variant: "Paragraph", children: ` ${n.merchant_logo_modal_desc_bold}` })
+          /* @__PURE__ */ e(y, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: a.merchant_logo_modal_desc }),
+          /* @__PURE__ */ e(y, { bold: !0, sx: { whiteSpace: "normal" }, variant: "Paragraph", children: ` ${a.merchant_logo_modal_desc_bold}` })
         ]
       }
     )
   ] });
-}, yt = A(Tt), St = ({ transaction: t }) => {
-  const { onEvent: r } = O(), { updateTransaction: i } = w(), { setShouldDisableDrawerScroll: a } = G(), { common: o, transactions: n } = N(), [s, c] = u.useState(!1), d = t.is_hidden, _ = async () => {
+}, St = A(yt), Ct = ({ transaction: t }) => {
+  const { onEvent: r } = w(), { updateTransaction: i } = v(), { setShouldDisableDrawerScroll: n } = G(), { common: o, transactions: a } = N(), [l, c] = _.useState(!1), d = t.is_hidden, u = async () => {
     await i({ ...t, is_hidden: !t.is_hidden }), r(
-      d ? g.ON_TRANSACTION_UNHIDDEN : g.ON_TRANSACTION_HIDDEN
+      d ? T.ON_TRANSACTION_UNHIDDEN : T.ON_TRANSACTION_HIDDEN
     );
   };
-  return /* @__PURE__ */ l(v, { className: "mx-txn-hide-transaction", children: [
-    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(O, { className: "mx-txn-hide-transaction", children: [
+    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
       U,
       {
         "aria-checked": d,
         onClick: () => {
           r(
-            d ? g.ON_TRANSACTION_UNHIDE_CLICK : g.ON_TRANSACTION_HIDE_CLICK
+            d ? T.ON_TRANSACTION_UNHIDE_CLICK : T.ON_TRANSACTION_HIDE_CLICK
           ), r(
             d ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction",
             {
@@ -482,12 +482,12 @@ const it = ({ transaction: t, onClick: r }) => {
           /* @__PURE__ */ e(
             M,
             {
-              primary: d ? n.hide_trnx_subtitle_unhide_trnx : n.hide_trnx_subtitle_hide_trnx,
-              secondary: d ? n.hide_trnx_desc_unhiding : n.hide_trnx_desc_hiding
+              primary: d ? a.hide_trnx_subtitle_unhide_trnx : a.hide_trnx_subtitle_hide_trnx,
+              secondary: d ? a.hide_trnx_desc_unhiding : a.hide_trnx_desc_hiding
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
-            et,
+            tt,
             {
               checked: d,
               id: "hide-transaction",
@@ -502,74 +502,74 @@ const it = ({ transaction: t, onClick: r }) => {
       W,
       {
         copy: {
-          title: d ? n.hide_trnx_subtitle_unhide_trnx : n.hide_trnx_subtitle_hide_trnx
+          title: d ? a.hide_trnx_subtitle_unhide_trnx : a.hide_trnx_subtitle_hide_trnx
         },
-        isOpen: s,
+        isOpen: l,
         onClose: () => {
-          a(!1), c(!1);
+          n(!1), c(!1);
         },
-        onPrimaryAction: _,
+        onPrimaryAction: u,
         onSecondaryAction: () => r(
-          d ? g.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : g.ON_TRANSACTION_HIDE_CANCEL_CLICK
+          d ? T.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : T.ON_TRANSACTION_HIDE_CANCEL_CLICK
         ),
         primaryText: d ? o.unhide_button : o.hide_button,
         secondaryText: o.cancel_button,
-        children: /* @__PURE__ */ e(h, { truncate: !1, variant: "Paragraph", children: d ? n.hide_trnx_desc_unhiding : n.hide_trnx_desc_hiding })
+        children: /* @__PURE__ */ e(y, { truncate: !1, variant: "Paragraph", children: d ? a.hide_trnx_desc_unhiding : a.hide_trnx_desc_hiding })
       }
     )
   ] });
-}, Ct = A(St), Le = ({ transaction: t }) => {
-  const { amount: r, description: i, isIncome: a, merchant_guid: o, payee: n, top_level_category_guid: s } = t;
-  return /* @__PURE__ */ l(b, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
+}, ft = A(Ct), Re = ({ transaction: t }) => {
+  const { amount: r, description: i, isIncome: n, merchant_guid: o, payee: a, top_level_category_guid: l } = t;
+  return /* @__PURE__ */ s(b, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
     /* @__PURE__ */ e(
       ge,
       {
-        categoryGuid: s || "",
+        categoryGuid: l || "",
         merchantGuid: o || "",
         size: 64
       }
     ),
-    /* @__PURE__ */ l(b, { overflow: "hidden'", children: [
-      /* @__PURE__ */ e(h, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: i || n }),
-      /* @__PURE__ */ l(Ae, { color: a ? "success.main" : "text.primary", truncate: !0, children: [
-        a ? "+" : "",
+    /* @__PURE__ */ s(b, { overflow: "hidden'", children: [
+      /* @__PURE__ */ e(y, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: i || a }),
+      /* @__PURE__ */ s(Ae, { color: n ? "success.main" : "text.primary", truncate: !0, children: [
+        n ? "+" : "",
         ae(r, "0,0.00")
       ] })
     ] })
   ] });
-}, ft = ({ transaction: t }) => {
-  const { onEvent: r } = O(), { updateTransaction: i } = w(), { updateManualTransaction: a } = G(), { common: o, transactions: n } = N(), [s, c] = u.useState(!1), [d, _] = u.useState("");
-  u.useEffect(() => {
-    s && _(t.memo ? t.memo : "");
-  }, [s]);
+}, bt = ({ transaction: t }) => {
+  const { onEvent: r } = w(), { updateTransaction: i } = v(), { updateManualTransaction: n } = G(), { common: o, transactions: a } = N(), [l, c] = _.useState(!1), [d, u] = _.useState("");
+  _.useEffect(() => {
+    l && u(t.memo ? t.memo : "");
+  }, [l]);
   const m = async () => {
     if (t.is_manual && !t.guid) {
-      a({ ...t, memo: d }), c(!1);
+      n({ ...t, memo: d }), c(!1);
       return;
     }
     await i({ ...t, memo: d }), r(P.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), c(!1);
   };
-  return /* @__PURE__ */ l("div", { className: "mx-txn-memo-action", children: [
-    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ s("div", { className: "mx-txn-memo-action", children: [
+    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
       U,
       {
         onClick: () => {
-          r(g.ON_TRANSACTION_MEMO_CLICK), c(!0);
+          r(T.ON_TRANSACTION_MEMO_CLICK), c(!0);
         },
         children: [
           /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(z, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(C, { name: "article", sx: { color: "text.primary" }, weight: D.Dark }) }) }),
           /* @__PURE__ */ e(
             M,
             {
-              primary: n.memo_title,
+              primary: a.memo_title,
               primaryTypographyProps: { variant: "XSmall" },
               secondary: /* @__PURE__ */ e(
-                h,
+                y,
                 {
                   bold: !0,
                   sx: { overflowWrap: "break-word", whiteSpace: "wrap" },
                   variant: "Body",
-                  children: t.memo ? t.memo : n.memo_desc
+                  children: t.memo ? t.memo : a.memo_desc
                 }
               )
             }
@@ -578,26 +578,26 @@ const it = ({ transaction: t, onClick: r }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ l(
-      ue,
+    /* @__PURE__ */ s(
+      _e,
       {
         ariaLabelClose: o.close_aria,
-        isOpen: s,
+        isOpen: l,
         onClose: () => c(!1),
         onPrimaryAction: m,
-        title: n.memo_title,
+        title: a.memo_title,
         children: [
-          /* @__PURE__ */ e(Le, { transaction: t }),
+          /* @__PURE__ */ e(Re, { transaction: t }),
           /* @__PURE__ */ e(
             ve,
             {
-              "aria-label": n.memo_desc_aria,
+              "aria-label": a.memo_desc_aria,
               focused: !0,
               fullWidth: !0,
               multiline: !0,
               name: "memo",
-              onChange: (p) => _(p.target.value),
-              placeholder: n.memo_desc,
+              onChange: (p) => u(p.target.value),
+              placeholder: a.memo_desc,
               rows: 4,
               sx: { px: 16 },
               value: d
@@ -607,89 +607,61 @@ const it = ({ transaction: t, onClick: r }) => {
       }
     )
   ] });
-}, bt = A(ft), At = (t = "polite") => {
-  const [r, i] = u.useState(""), [a, o] = u.useState(t), n = u.useCallback((c, d) => {
-    d && o(d), i(c);
-  }, []), s = u.useMemo(
-    () => /* @__PURE__ */ e(
-      v,
-      {
-        "aria-atomic": "true",
-        "aria-live": a,
-        role: a === "assertive" ? "alert" : "status",
-        sx: {
-          position: "absolute",
-          width: "1px",
-          height: "1px",
-          padding: 0,
-          margin: "-1px",
-          overflow: "hidden",
-          clip: "rect(0 0 0 0)",
-          clipPath: "inset(50%)",
-          whiteSpace: "nowrap",
-          border: 0
-        },
-        children: r
-      }
-    ),
-    [r, a]
-  );
-  return { announce: n, ariaLive: s };
-}, xt = ({
+}, At = A(bt), xt = ({
   index: t,
   onDeleteRow: r,
   onCategoryChanged: i,
-  onUpdateAmount: a,
+  onUpdateAmount: n,
   split: o
 }) => {
-  const n = te(), { onEvent: s } = O(), { transactions: c } = N(), [d, _] = u.useState(`${o.amount}`), [m, p] = u.useState(!1), S = t === 0, y = (T) => {
-    isNaN(Number(T)) || (_(T), a(t, Number(T)));
+  const a = te(), { onEvent: l } = w(), { transactions: c } = N(), [d, u] = _.useState(`${o.amount}`), [m, p] = _.useState(!1), S = t === 0, h = (g) => {
+    isNaN(Number(g)) || (u(g), n(t, Number(g)));
   };
-  return /* @__PURE__ */ l(
-    v,
+  return /* @__PURE__ */ s(
+    O,
     {
       bgcolor: "background.paper",
       className: "mx-txn-split-manager-row",
-      pb: n.Spacing.Tiny,
-      px: n.Spacing.XSmall,
+      pb: a.Spacing.Tiny,
+      px: a.Spacing.XSmall,
       children: [
-        /* @__PURE__ */ l(pe, { alignItems: S ? "center" : "start", container: !0, children: [
-          /* @__PURE__ */ e(pe, { item: !0, xs: 7, children: /* @__PURE__ */ l(b, { alignItems: "start", children: [
+        /* @__PURE__ */ s(pe, { alignItems: S ? "center" : "start", container: !0, children: [
+          /* @__PURE__ */ e(pe, { item: !0, xs: 7, children: /* @__PURE__ */ s(b, { alignItems: "start", children: [
             /* @__PURE__ */ e(
               de,
               {
-                endIcon: /* @__PURE__ */ e(Ue, {}),
+                endIcon: /* @__PURE__ */ e(Xe, {}),
                 onClick: () => p(!0),
                 startIcon: /* @__PURE__ */ e(he, { categoryGuid: o.top_level_category_guid }),
-                sx: { px: n.Spacing.Small, py: n.Spacing.XSmall },
+                sx: { px: a.Spacing.Small, py: a.Spacing.XSmall },
                 children: o.category
               }
             ),
-            /* @__PURE__ */ e(v, { children: !o.category_guid && /* @__PURE__ */ l(
+            /* @__PURE__ */ e(O, { children: !o.category_guid && /* @__PURE__ */ s(
               b,
               {
                 color: "error.main",
                 direction: "row",
-                gap: n.Spacing.XSmall,
-                p: n.Spacing.Small,
+                gap: a.Spacing.XSmall,
+                p: a.Spacing.Small,
                 children: [
-                  /* @__PURE__ */ e(se, { sx: { fontSize: n.FontSize.Body } }),
-                  /* @__PURE__ */ e(h, { variant: "Small", children: c.split_transaction_errors_select_category })
+                  /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(se, { sx: { fontSize: a.FontSize.Body } }) }),
+                  /* @__PURE__ */ e(y, { variant: "Small", children: c.split_transaction_errors_select_category })
                 ]
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ e(pe, { item: !0, xs: 5, children: S ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(h, { children: ae(o.amount, "0,0.00") }) }) : /* @__PURE__ */ l(b, { alignItems: "start", children: [
-            /* @__PURE__ */ l(b, { alignItems: "start", direction: "row", gap: n.Spacing.XSmall, children: [
+          /* @__PURE__ */ e(pe, { item: !0, xs: 5, children: S ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(y, { children: ae(o.amount, "0,0.00") }) }) : /* @__PURE__ */ s(b, { alignItems: "start", children: [
+            /* @__PURE__ */ s(b, { alignItems: "start", direction: "row", gap: a.Spacing.XSmall, children: [
               /* @__PURE__ */ e(
-                Qe,
+                et,
                 {
                   amount: d,
                   ariaLabel: c.split_transaction_edit_split_amount,
                   name: "split-amount-input",
-                  setAmount: y,
+                  setAmount: h,
                   sx: {
-                    ".MuiOutlinedInput-input": { p: n.Spacing.Small }
+                    ".MuiOutlinedInput-input": { p: a.Spacing.Small }
                   },
                   type: "number"
                 }
@@ -700,35 +672,35 @@ const it = ({ transaction: t, onClick: r }) => {
                   "aria-label": c.split_transaction_delete_split_btn,
                   color: "secondary",
                   onClick: () => {
-                    s(g.ON_TRANSACTION_SPLIT_DELETE_CLICK), r(t);
+                    l(T.ON_TRANSACTION_SPLIT_DELETE_CLICK), r(t);
                   },
                   sx: { w: 44, h: 44 },
                   children: /* @__PURE__ */ e(ie, {})
                 }
               )
             ] }),
-            !d && /* @__PURE__ */ l(
+            !d && /* @__PURE__ */ s(
               b,
               {
                 color: "error.main",
                 direction: "row",
-                gap: n.Spacing.XSmall,
-                py: n.Spacing.Small,
+                gap: a.Spacing.XSmall,
+                py: a.Spacing.Small,
                 children: [
-                  /* @__PURE__ */ e(se, { sx: { fontSize: n.FontSize.Body } }),
-                  /* @__PURE__ */ e(h, { variant: "Small", children: c.split_transaction_errors_enter_an_amount })
+                  /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(se, { sx: { fontSize: a.FontSize.Body } }) }),
+                  /* @__PURE__ */ e(y, { variant: "Small", children: c.split_transaction_errors_enter_an_amount })
                 ]
               }
             )
           ] }) })
         ] }),
         /* @__PURE__ */ e(
-          Oe,
+          Le,
           {
             initialSelected: o.category_guid,
             onClose: () => p(!1),
-            onSelect: (T) => {
-              i(t, T), p(!1);
+            onSelect: (g) => {
+              i(t, g), p(!1);
             },
             showDrawer: m,
             title: c.actions_select_a_category
@@ -741,91 +713,91 @@ const it = ({ transaction: t, onClick: r }) => {
   onAddSplit: t,
   onCategoryChanged: r,
   onDeleteSplit: i,
-  onUpdateAmount: a,
+  onUpdateAmount: n,
   splits: o,
-  transaction: n
+  transaction: a
 }) => {
-  const s = te(), { transactions: c } = N(), { onEvent: d } = O(), [_, m] = u.useState(""), { announce: p, ariaLive: S } = At();
-  return u.useEffect(() => {
+  const l = te(), { transactions: c } = N(), { onEvent: d } = w(), [u, m] = _.useState(""), { announce: p, ariaLive: S } = De();
+  return _.useEffect(() => {
     if (o.length <= 1)
       m(c.split_transaction_errors_min_splits), p(c.split_transaction_errors_min_splits);
     else if (o[0].amount < 0) {
-      const y = le(
+      const h = le(
         c.split_transaction_errors_totals_must_equal_amount,
-        ae(n.amount, "0,0.00")
+        ae(a.amount, "0,0.00")
       );
-      m(y), p(y);
+      m(h), p(h);
     } else
       m(""), p("");
-  }, [o]), /* @__PURE__ */ l(v, { className: "mx-txn-split-manager", children: [
-    o.map((y, T) => /* @__PURE__ */ e(
+  }, [o]), /* @__PURE__ */ s(O, { className: "mx-txn-split-manager", children: [
+    o.map((h, g) => /* @__PURE__ */ e(
       Nt,
       {
-        index: T,
+        index: g,
         onCategoryChanged: r,
         onDeleteRow: i,
-        onUpdateAmount: a,
-        split: y
+        onUpdateAmount: n,
+        split: h
       },
-      T
+      g
     )),
-    _ && /* @__PURE__ */ l(
+    u && /* @__PURE__ */ s(
       b,
       {
         color: "error.main",
         direction: "row",
-        gap: s.Spacing.XSmall,
-        p: s.Spacing.Medium,
+        gap: l.Spacing.XSmall,
+        p: l.Spacing.Medium,
         children: [
-          /* @__PURE__ */ e(se, { sx: { fontSize: s.FontSize.Body } }),
-          /* @__PURE__ */ e(h, { variant: "Small", children: _ }),
+          /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(se, { sx: { fontSize: l.FontSize.Body } }) }),
+          /* @__PURE__ */ e(y, { variant: "Small", children: u }),
           S
         ]
       }
     ),
-    /* @__PURE__ */ e(v, { p: s.Spacing.Medium, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(O, { p: l.Spacing.Medium, children: /* @__PURE__ */ e(
       de,
       {
         "aria-label": c.split_transaction_add_split_btn,
         onClick: () => {
-          d(g.ON_TRANSACTION_SPLIT_ADD_CLICK), t();
+          d(T.ON_TRANSACTION_SPLIT_ADD_CLICK), t();
         },
         children: c.split_transaction_add_split_btn
       }
     ) })
   ] });
-}, vt = A(It), Dt = ({ transaction: t }) => {
-  const { onEvent: r } = O(), { splitTransaction: i, unSplitTransaction: a } = w(), { common: o, transactions: n } = N(), { setShouldDisableDrawerScroll: s } = G(), { categories: c } = xe(), d = {
+}, Dt = A(It), vt = ({ transaction: t }) => {
+  const { onEvent: r } = w(), { splitTransaction: i, unSplitTransaction: n } = v(), { common: o, transactions: a } = N(), { setShouldDisableDrawerScroll: l } = G(), { categories: c } = xe(), d = {
     ...t,
     amount: t.amount - 1,
     guid: "",
     has_been_split: !1,
     parent_guid: t.guid
-  }, _ = {
+  }, u = {
     ...t,
     amount: 1,
     category_guid: void 0,
-    category: n.split_transaction_select_category_btn,
+    category: a.split_transaction_select_category_btn,
     guid: "",
     has_been_split: !1,
     parent_guid: t.guid,
     top_level_category_guid: void 0
-  }, [m, p] = u.useState(!1), [S, y] = u.useState(!1), [T, I] = u.useState([]), f = () => {
-    const x = [...T];
-    x.push({ ..._ }), x[0].amount -= 1, I(x);
-  }, k = (x) => {
+  }, [m, p] = _.useState(!1), [S, h] = _.useState(!1), [g, I] = _.useState([]), f = () => {
+    const x = [...g];
+    x.push({ ...u }), x[0].amount -= 1, I(x);
+  }, R = (x) => {
     if (x > 0) {
-      const H = T[x], E = [...T];
+      const H = g[x], E = [...g];
       E.splice(x, 1), E[0].amount += H.amount, I(E);
     }
   }, F = (x, H) => {
-    const E = [...T];
+    const E = [...g];
     E[x].amount = H, E[0].amount = t.amount - E.reduce(
       (q, me, ke) => q + (ke !== 0 ? me.amount : 0),
       0
     ), I(E);
   }, j = (x, H) => {
-    const E = [...T], q = c.find((me) => me.guid === H);
+    const E = [...g], q = c.find((me) => me.guid === H);
     q && (E[x] = {
       ...E[x],
       category_guid: H,
@@ -834,59 +806,59 @@ const it = ({ transaction: t, onClick: r }) => {
     }, I(E));
   }, K = () => {
     if (t.parent_guid || t.has_been_split) {
-      y(!0);
+      h(!0);
       return;
     }
-    I([{ ...d }, { ..._ }]), r(P.TRANSACTION_DETAILS_CLICK_SPLIT, {
+    I([{ ...d }, { ...u }]), r(P.TRANSACTION_DETAILS_CLICK_SPLIT, {
       transaction_guid: t.guid
     }), p(!0);
   }, L = async () => {
-    r(g.ON_TRANSACTION_SPLIT_SAVE_CLICK), await i({ ...t, has_been_split: !0 }, T), p(!1);
-  }, R = async () => {
-    r(g.ON_TRANSACTION_SPLIT_CANCEL_CLICK), I([{ ...d }, { ..._ }]), p(!1);
+    r(T.ON_TRANSACTION_SPLIT_SAVE_CLICK), await i({ ...t, has_been_split: !0 }, g), p(!1);
+  }, k = async () => {
+    r(T.ON_TRANSACTION_SPLIT_CANCEL_CLICK), I([{ ...d }, { ...u }]), p(!1);
   }, V = async () => {
     r(P.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
       transaction_guid: t.guid
     });
     const x = t.parent_guid ?? t.guid;
-    await a(x);
-  }, _e = u.useMemo(() => {
-    const x = T.some((E) => !E.category_guid), H = T.some((E) => E.amount <= 0);
+    await n(x);
+  }, ue = _.useMemo(() => {
+    const x = g.some((E) => !E.category_guid), H = g.some((E) => E.amount <= 0);
     return x || H;
-  }, [T]);
-  return /* @__PURE__ */ l(u.Fragment, { children: [
-    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(U, { onClick: K, children: [
+  }, [g]);
+  return /* @__PURE__ */ s(_.Fragment, { children: [
+    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(U, { onClick: K, children: [
       /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(z, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(C, { name: "call_split", sx: { color: "text.primary" }, weight: D.Dark }) }) }),
       /* @__PURE__ */ e(
         M,
         {
-          primary: t.has_been_split || t.parent_guid ? n.split_transaction_unsplit_title : n.split_transaction_title,
-          secondary: t.has_been_split || t.parent_guid ? n.split_transaction_unsplit_subtitle : n.split_transaction_desc
+          primary: t.has_been_split || t.parent_guid ? a.split_transaction_unsplit_title : a.split_transaction_title,
+          secondary: t.has_been_split || t.parent_guid ? a.split_transaction_unsplit_subtitle : a.split_transaction_desc
         }
       ),
       /* @__PURE__ */ e(X, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(C, { name: "delete", weight: D.Dark }) : /* @__PURE__ */ e(C, { name: "chevron_right", weight: D.Dark }) })
     ] }) }),
-    /* @__PURE__ */ l(
-      ue,
+    /* @__PURE__ */ s(
+      _e,
       {
         ariaLabelClose: o.close_aria,
         isOpen: m,
-        isPrimaryDisabled: _e,
-        onClose: R,
+        isPrimaryDisabled: ue,
+        onClose: k,
         onPrimaryAction: L,
         primaryText: o.save_button,
         secondaryText: o.cancel_button,
-        title: n.split_transaction_title,
+        title: a.split_transaction_title,
         children: [
-          /* @__PURE__ */ e(Le, { transaction: t }),
+          /* @__PURE__ */ e(Re, { transaction: t }),
           /* @__PURE__ */ e(
-            vt,
+            Dt,
             {
               onAddSplit: f,
               onCategoryChanged: j,
-              onDeleteSplit: k,
+              onDeleteSplit: R,
               onUpdateAmount: F,
-              splits: T,
+              splits: g,
               transaction: t
             }
           )
@@ -896,40 +868,40 @@ const it = ({ transaction: t, onClick: r }) => {
     /* @__PURE__ */ e(
       W,
       {
-        copy: { title: n.split_transaction_unsplit_title },
+        copy: { title: a.split_transaction_unsplit_title },
         isOpen: S,
         onClose: () => {
-          s(!1), y(!1);
+          l(!1), h(!1);
         },
         onPrimaryAction: V,
         onSecondaryAction: () => {
-          r(g.ON_TRANSACTION_UNSPLIT_CANCEL);
+          r(T.ON_TRANSACTION_UNSPLIT_CANCEL);
         },
         primaryText: o.delete_button,
         secondaryText: o.cancel_button,
         children: /* @__PURE__ */ e(ce, { variant: "Paragraph", children: le(
-          n.split_transaction_unsplit_description,
+          a.split_transaction_unsplit_description,
           t.description
         ) })
       }
     )
   ] });
-}, wt = A(Dt), Et = () => {
-  const t = De(), { onEvent: r } = O(), { addTag: i } = w(), { transactions: a } = N(), [o, n] = u.useState(!1), [s, c] = u.useState(""), [d, _] = u.useState(""), m = u.useRef(null);
-  u.useEffect(() => {
+}, Et = A(vt), Ot = () => {
+  const t = Ee(), { onEvent: r } = w(), { addTag: i } = v(), { transactions: n } = N(), [o, a] = _.useState(!1), [l, c] = _.useState(""), [d, u] = _.useState(""), m = _.useRef(null);
+  _.useEffect(() => {
     o && m?.current?.focus();
   }, [o]);
   const p = () => {
     r(
-      o ? g.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : g.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
-    ), o || c(""), n(!o);
+      o ? T.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : T.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
+    ), o || c(""), a(!o);
   }, S = async () => {
-    r(g.ON_TRANSACTION_TAGS_TAG_ADDED), await i(s), n(!1);
+    r(T.ON_TRANSACTION_TAGS_TAG_ADDED), await i(l), a(!1);
   };
-  return u.useEffect(() => {
-    _(s.length > 40 ? a.tags_error_name_must_be_40_chars : "");
-  }, [s]), /* @__PURE__ */ l(v, { className: "mx-txn-tag-manager-header", children: [
-    /* @__PURE__ */ l(
+  return _.useEffect(() => {
+    u(l.length > 40 ? n.tags_error_name_must_be_40_chars : "");
+  }, [l]), /* @__PURE__ */ s(O, { className: "mx-txn-tag-manager-header", children: [
+    /* @__PURE__ */ s(
       b,
       {
         alignItems: "center",
@@ -939,37 +911,37 @@ const it = ({ transaction: t, onClick: r }) => {
         px: 24,
         py: 16,
         children: [
-          /* @__PURE__ */ e(h, { bold: !0, children: a.tags_your_tags }),
+          /* @__PURE__ */ e(y, { bold: !0, children: n.tags_your_tags }),
           /* @__PURE__ */ e(
             de,
             {
               "aria-expanded": o,
-              "aria-label": a.tags_add_tag_btn_aria,
+              "aria-label": n.tags_add_tag_btn_aria,
               onClick: p,
-              children: a.tags_add_tag_btn
+              children: n.tags_add_tag_btn
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       W,
       {
-        copy: { title: a.tags_add_tag_btn },
+        copy: { title: n.tags_add_tag_btn },
         isOpen: o,
-        onClose: () => n(!1),
+        onClose: () => a(!1),
         onPrimaryAction: S,
-        onSecondaryAction: () => n(!1),
+        onSecondaryAction: () => a(!1),
         children: [
           /* @__PURE__ */ e(
             Te,
             {
-              "aria-label": a.tags_placeholder,
+              "aria-label": n.tags_placeholder,
               name: "add-tag",
-              onChange: (y) => c(y.target.value),
-              placeholder: a.tags_placeholder,
+              onChange: (h) => c(h.target.value),
+              placeholder: n.tags_placeholder,
               sx: { width: "100%" },
-              value: s
+              value: l
             }
           ),
           /* @__PURE__ */ e(ce, { id: "add-tag-error", sx: { color: "error.main" }, variant: "ParagraphSmall", children: d })
@@ -977,58 +949,58 @@ const it = ({ transaction: t, onClick: r }) => {
       }
     )
   ] });
-}, Ot = A(Et), Lt = ({ onSearchValueChanged: t, searchValue: r }) => {
-  const { common: i, transactions: a } = N(), o = te(), n = /* @__PURE__ */ e(
+}, wt = A(Ot), Lt = ({ onSearchValueChanged: t, searchValue: r }) => {
+  const { common: i, transactions: n } = N(), o = te(), a = /* @__PURE__ */ e(
     ee,
     {
-      "aria-label": a.tags_cancel_search || "Search",
+      "aria-label": n.tags_cancel_search || "Search",
       onClick: () => t(""),
       children: /* @__PURE__ */ e(se, {})
     }
   );
-  return /* @__PURE__ */ e(v, { className: "mx-txn-tag-manager-search", px: o.Spacing.Large, py: o.Spacing.Medium, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(O, { className: "mx-txn-tag-manager-search", px: o.Spacing.Large, py: o.Spacing.Medium, children: /* @__PURE__ */ e(
     Te,
     {
       InputProps: {
-        startAdornment: /* @__PURE__ */ e(ye, { position: "start", children: /* @__PURE__ */ e(Xe, { color: "disabled" }) }),
-        endAdornment: /* @__PURE__ */ e(ye, { position: "end", sx: { padding: 0 }, children: r ? n : null })
+        startAdornment: /* @__PURE__ */ e(ye, { position: "start", children: /* @__PURE__ */ e(Ve, { color: "disabled" }) }),
+        endAdornment: /* @__PURE__ */ e(ye, { position: "end", sx: { padding: 0 }, children: r ? a : null })
       },
       "aria-label": i.search_aria,
       name: "search",
-      onChange: (s) => t(s.target.value),
+      onChange: (l) => t(l.target.value),
       placeholder: i.search_placeholder,
       sx: { bgcolor: "background.paper", width: "100%" },
       value: r
     }
   ) });
-}, kt = A(Lt), Rt = ({ onTagChecked: t, selectedTags: r, tag: i }) => {
-  const { onEvent: a } = O(), { removeTag: o, updateTag: n } = w(), { common: s, transactions: c } = N(), [d, _] = u.useState(!1), [m, p] = u.useState(!1), [S, y] = u.useState(""), [T, I] = u.useState(""), f = async () => {
-    a(g.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await n({ ...i, name: S }), _(!1);
-  }, k = async () => {
-    a(g.ON_TRANSACTION_TAGS_TAG_DELETED), await o(i.guid), p(!1);
+}, Rt = A(Lt), kt = ({ onTagChecked: t, selectedTags: r, tag: i }) => {
+  const { onEvent: n } = w(), { removeTag: o, updateTag: a } = v(), { common: l, transactions: c } = N(), [d, u] = _.useState(!1), [m, p] = _.useState(!1), [S, h] = _.useState(""), [g, I] = _.useState(""), f = async () => {
+    n(T.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await a({ ...i, name: S }), u(!1);
+  }, R = async () => {
+    n(T.ON_TRANSACTION_TAGS_TAG_DELETED), await o(i.guid), p(!1);
   };
-  u.useEffect(() => {
+  _.useEffect(() => {
     I(S.length > 40 ? c.tags_error_name_must_be_40_chars : "");
   }, [S]);
   const F = () => {
-    a(g.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), y(i.name), _(!0);
+    n(T.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), h(i.name), u(!0);
   }, j = () => {
-    a(g.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), p(!0);
+    n(T.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), p(!0);
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     B,
     {
       className: "mx-txn-transaction-manager-row",
       disableGutters: !0,
       disablePadding: !0,
-      secondaryAction: !i.is_default_tag && /* @__PURE__ */ l(b, { direction: "row", children: [
+      secondaryAction: !i.is_default_tag && /* @__PURE__ */ s(b, { direction: "row", children: [
         /* @__PURE__ */ e(
           ee,
           {
             "aria-label": `Edit ${i.name} tag`,
             color: "secondary",
             onClick: F,
-            children: /* @__PURE__ */ e(Ve, { color: "secondary" })
+            children: /* @__PURE__ */ e(We, { color: "secondary" })
           }
         ),
         /* @__PURE__ */ e(
@@ -1042,40 +1014,40 @@ const it = ({ transaction: t, onClick: r }) => {
         )
       ] }),
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           U,
           {
             "aria-checked": r.includes(i.guid),
             onClick: () => t(i.guid),
             role: "checkbox",
             children: [
-              /* @__PURE__ */ e(X, { sx: { ml: 0 }, children: /* @__PURE__ */ e(Je, { checked: r.includes(i.guid), edge: "start", tabIndex: -1 }) }),
+              /* @__PURE__ */ e(X, { sx: { ml: 0 }, children: /* @__PURE__ */ e(Qe, { checked: r.includes(i.guid), edge: "start", tabIndex: -1 }) }),
               /* @__PURE__ */ e(M, { children: i.name })
             ]
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           W,
           {
             copy: { title: "Update tag name" },
             isOpen: d,
-            onClose: () => _(!1),
+            onClose: () => u(!1),
             onPrimaryAction: f,
-            onSecondaryAction: () => _(!1),
+            onSecondaryAction: () => u(!1),
             children: [
               /* @__PURE__ */ e(
                 Te,
                 {
-                  "aria-describedby": T ? "update-tag-error" : void 0,
+                  "aria-describedby": g ? "update-tag-error" : void 0,
                   "aria-label": c.tags_update_the_tag_name,
                   name: "update-tag",
-                  onChange: (K) => y(K.target.value),
+                  onChange: (K) => h(K.target.value),
                   placeholder: "Tag name",
                   sx: { width: "100%" },
                   value: S
                 }
               ),
-              /* @__PURE__ */ e(ce, { id: "update-tag-error", sx: { color: "error.main" }, variant: "ParagraphSmall", children: T })
+              /* @__PURE__ */ e(ce, { id: "update-tag-error", sx: { color: "error.main" }, variant: "ParagraphSmall", children: g })
             ]
           }
         ),
@@ -1085,69 +1057,69 @@ const it = ({ transaction: t, onClick: r }) => {
             copy: { title: c.tags_delete_title },
             isOpen: m,
             onClose: () => p(!1),
-            onPrimaryAction: k,
-            onSecondaryAction: () => a(g.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
-            primaryText: s.delete_button,
-            secondaryText: s.cancel_button,
-            children: /* @__PURE__ */ e(h, { truncate: !1, children: c.tags_deleting_this_tag_will_remove_it })
+            onPrimaryAction: R,
+            onSecondaryAction: () => n(T.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
+            primaryText: l.delete_button,
+            secondaryText: l.cancel_button,
+            children: /* @__PURE__ */ e(y, { truncate: !1, children: c.tags_deleting_this_tag_will_remove_it })
           }
         )
       ]
     }
   );
-}, Pt = A(Rt), Gt = ({ selectedTags: t, onTagChecked: r }) => {
-  const { tags: i } = w(), [a, o] = u.useState(""), n = i.filter(
-    (s) => s.name.toLowerCase().includes(a.toLowerCase())
+}, Pt = A(kt), Gt = ({ selectedTags: t, onTagChecked: r }) => {
+  const { tags: i } = v(), [n, o] = _.useState(""), a = i.filter(
+    (l) => l.name.toLowerCase().includes(n.toLowerCase())
   );
-  return /* @__PURE__ */ l("div", { className: "mx-txn-tag-manager", children: [
+  return /* @__PURE__ */ s("div", { className: "mx-txn-tag-manager", children: [
     /* @__PURE__ */ e(
-      kt,
+      Rt,
       {
-        onSearchValueChanged: (s) => o(s),
-        searchValue: a
+        onSearchValueChanged: (l) => o(l),
+        searchValue: n
       }
     ),
-    /* @__PURE__ */ e(Ot, {}),
-    /* @__PURE__ */ e(re, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(Q, { children: n.map((s) => /* @__PURE__ */ l(u.Fragment, { children: [
-      /* @__PURE__ */ e(Pt, { onTagChecked: r, selectedTags: t, tag: s }),
+    /* @__PURE__ */ e(wt, {}),
+    /* @__PURE__ */ e(re, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(Q, { children: a.map((l) => /* @__PURE__ */ s(_.Fragment, { children: [
+      /* @__PURE__ */ e(Pt, { onTagChecked: r, selectedTags: t, tag: l }),
       /* @__PURE__ */ e(J, { sx: { ml: 24 } })
-    ] }, s.guid)) }) })
+    ] }, l.guid)) }) })
   ] });
 }, Mt = A(Gt), Kt = ({ transaction: t }) => {
-  const { onEvent: r } = O(), { tags: i, updateTaggings: a, updateTransaction: o } = w(), { common: n, transactions: s } = N(), { updateManualTransaction: c } = G(), [d, _] = u.useState(!1), [m, p] = u.useState(t.tags);
-  u.useEffect(() => {
+  const { onEvent: r } = w(), { tags: i, updateTaggings: n, updateTransaction: o } = v(), { common: a, transactions: l } = N(), { updateManualTransaction: c } = G(), [d, u] = _.useState(!1), [m, p] = _.useState(t.tags);
+  _.useEffect(() => {
     p(t.tags);
   }, [d, t]);
   const S = (I) => {
-    const f = [...m], k = m.indexOf(I);
-    k >= 0 ? f.splice(k, 1) : f.push(I), p(f);
-  }, y = async () => {
+    const f = [...m], R = m.indexOf(I);
+    R >= 0 ? f.splice(R, 1) : f.push(I), p(f);
+  }, h = async () => {
     if (t.is_manual && !t.guid) {
-      c({ ...t, tags: m }), _(!1);
+      c({ ...t, tags: m }), u(!1);
       return;
     }
-    await a(m, t.guid), await o({ ...t, tags: m }), r(P.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), _(!1);
-  }, T = u.useMemo(
+    await n(m, t.guid), await o({ ...t, tags: m }), r(P.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), u(!1);
+  }, g = _.useMemo(
     () => t.tags.map(
-      (I, f, k) => `${i.find((F) => F.guid === I)?.name}${f < k.length - 1 ? " / " : ""}`
+      (I, f, R) => `${i.find((F) => F.guid === I)?.name}${f < R.length - 1 ? " / " : ""}`
     ),
     [i, t]
   );
-  return /* @__PURE__ */ l(u.Fragment, { children: [
-    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(_.Fragment, { children: [
+    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ s(
       U,
       {
         onClick: () => {
-          r(g.ON_TRANSACTION_TAGS_CLICK), _(!0);
+          r(T.ON_TRANSACTION_TAGS_CLICK), u(!0);
         },
         children: [
           /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(z, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ e(C, { name: "local_offer", sx: { color: "text.primary" }, weight: D.Dark }) }) }),
           /* @__PURE__ */ e(
             M,
             {
-              primary: s.tags_title,
+              primary: l.tags_title,
               primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(h, { bold: !0, variant: "Body", children: t.tags?.length > 0 ? T : s.tags_desc })
+              secondary: /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: t.tags?.length > 0 ? g : l.tags_desc })
             }
           ),
           /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(C, { name: "chevron_right", weight: D.Dark }) })
@@ -1155,82 +1127,88 @@ const it = ({ transaction: t, onClick: r }) => {
       }
     ) }),
     /* @__PURE__ */ e(
-      ue,
+      _e,
       {
-        ariaLabelClose: n.close_aria,
+        ariaLabelClose: a.close_aria,
         isOpen: d,
-        onClose: () => _(!1),
-        onPrimaryAction: y,
-        primaryText: n.save_button,
-        secondaryText: n.cancel_button,
-        title: s.tags_title,
+        onClose: () => u(!1),
+        onPrimaryAction: h,
+        primaryText: a.save_button,
+        secondaryText: a.cancel_button,
+        title: l.tags_title,
         children: /* @__PURE__ */ e(Mt, { onTagChecked: S, selectedTags: m })
       }
     )
   ] });
 }, $t = A(Kt), Bt = ({ transaction: t, viewOnly: r = !1 }) => {
-  const { updateTransaction: i } = w(), { common: a, transactions: o } = N(), { onEvent: n } = O(), [s, c] = u.useState(!1), [d, _] = u.useState(""), m = u.useRef(null);
-  u.useEffect(() => {
-    s && (_(t.description), m?.current?.focus());
-  }, [s]);
-  const p = async () => {
-    n(P.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
+  const { updateTransaction: i } = v(), { common: n, transactions: o } = N(), { onEvent: a } = w(), { announce: l, ariaLive: c } = De(), [d, u] = _.useState(!1), [m, p] = _.useState(""), S = _.useRef(null);
+  _.useEffect(() => {
+    d && (p(t.description), S?.current?.focus());
+  }, [d]);
+  const h = async () => {
+    a(P.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
       transaction_guid: t.guid
-    }), await i({ ...t, description: d }), c(!1);
+    }), await i({ ...t, description: m }), u(!1), l(`${o.payee_title}: ${m}`);
   };
-  return /* @__PURE__ */ e(v, { className: "mx-txn-transaction-description", children: s ? /* @__PURE__ */ l(je, { row: !0, children: [
-    /* @__PURE__ */ e(
-      ve,
-      {
-        "aria-label": o.payee_title,
-        label: o.payee_title,
-        name: o.payee_title,
-        onChange: (S) => _(S.target.value),
-        ref: m,
-        sx: {
-          backgroundColor: "background.paper",
-          ".MuiOutlinedInput-root": { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
-          ".MuiOutlinedInput-input": { p: 11 },
-          width: 250
-        },
-        value: d
-      }
-    ),
-    /* @__PURE__ */ e(
-      de,
-      {
-        disabled: !d,
-        onClick: p,
-        sx: { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },
-        variant: "outlined",
-        children: a.save_button
-      }
-    )
-  ] }) : /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 4, sx: { minHeight: 44 }, children: [
-    /* @__PURE__ */ e(h, { bold: !0, children: t.description }),
-    !r && /* @__PURE__ */ e(
-      ee,
-      {
-        "aria-label": o.payee_edit,
-        onClick: () => {
-          c(!0), n(g.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK);
-        },
-        sx: { color: "action.active" },
-        children: /* @__PURE__ */ e(C, { name: "create", size: 22 })
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ s(O, { className: "mx-txn-transaction-description", children: [
+    c,
+    d ? /* @__PURE__ */ s(qe, { row: !0, children: [
+      /* @__PURE__ */ e(
+        ve,
+        {
+          "aria-label": o.payee_title,
+          label: o.payee_title,
+          name: o.payee_title,
+          onChange: (g) => p(g.target.value),
+          ref: S,
+          sx: {
+            backgroundColor: "background.paper",
+            ".MuiOutlinedInput-root": { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
+            ".MuiOutlinedInput-input": { p: 11 },
+            width: 250
+          },
+          value: m
+        }
+      ),
+      /* @__PURE__ */ e(
+        de,
+        {
+          disabled: !m,
+          onClick: h,
+          sx: {
+            borderTopLeftRadius: 0,
+            borderBottomLeftRadius: 0
+          },
+          variant: "outlined",
+          children: n.save_button
+        }
+      )
+    ] }) : /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 4, sx: { minHeight: 44 }, children: [
+      /* @__PURE__ */ e(y, { bold: !0, children: t.description }),
+      !r && /* @__PURE__ */ e(
+        ee,
+        {
+          "aria-label": o.payee_edit,
+          onClick: () => {
+            u(!0), a(T.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK);
+          },
+          sx: { color: "action.active" },
+          children: /* @__PURE__ */ e(C, { name: "create", size: 22 })
+        }
+      )
+    ] })
+  ] });
 }, Ft = A(Bt), Ht = ({ transaction: t }) => {
-  const { updateTransaction: r } = w(), { transactions: i } = N(), { onEvent: a } = O(), o = De(), n = async () => {
-    a(P.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await r({ ...t, is_flagged: !t.is_flagged });
+  const { updateTransaction: r } = v(), { transactions: i } = N(), { onEvent: n } = w(), o = Ee(), a = async () => {
+    n(P.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await r({ ...t, is_flagged: !t.is_flagged });
   };
   return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
-    qe,
+    Ze,
     {
       "aria-label": i.flag_btn_aria,
       "aria-pressed": t.is_flagged,
       color: "warning",
-      onClick: n,
+      onClick: a,
       selected: t.is_flagged,
       sx: {
         borderRadius: 6,
@@ -1249,11 +1227,11 @@ const it = ({ transaction: t, onClick: r }) => {
         }
       },
       value: "flagged",
-      children: /* @__PURE__ */ e(We, { color: "inherit" })
+      children: /* @__PURE__ */ e(Ye, { color: "inherit" })
     }
   ) });
-}, zt = A(Ht), ne = (t, r, i, a = !0, o = "inset") => a ? /* @__PURE__ */ l(u.Fragment, { children: [
-  /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
+}, zt = A(Ht), ne = (t, r, i, n = !0, o = "inset") => n ? /* @__PURE__ */ s(_.Fragment, { children: [
+  /* @__PURE__ */ s(B, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(z, { sx: { bgcolor: "border.light" }, variant: "rounded", children: t }) }),
     /* @__PURE__ */ e(
       M,
@@ -1266,11 +1244,11 @@ const it = ({ transaction: t, onClick: r }) => {
   ] }),
   /* @__PURE__ */ e(J, { variant: o })
 ] }) : null, Ut = ({ transaction: t }) => {
-  const { transactions: r } = N(), { tags: i } = w(), a = u.useMemo(() => {
-    const o = new Map(i.map((n) => [n.guid, n.name]));
-    return t.tags.map((n) => o.get(n)).filter(Boolean).join(" / ");
+  const { transactions: r } = N(), { tags: i } = v(), n = _.useMemo(() => {
+    const o = new Map(i.map((a) => [a.guid, a.name]));
+    return t.tags.map((a) => o.get(a)).filter(Boolean).join(" / ");
   }, [i, t.tags]);
-  return /* @__PURE__ */ l(Q, { sx: { "& .MuiListItem-root": { px: 24, py: 12 } }, children: [
+  return /* @__PURE__ */ s(Q, { sx: { "& .MuiListItem-root": { px: 24, py: 12 } }, children: [
     ne(
       /* @__PURE__ */ e(
         he,
@@ -1282,99 +1260,98 @@ const it = ({ transaction: t, onClick: r }) => {
         }
       ),
       r.category_title,
-      /* @__PURE__ */ e(h, { bold: !0, variant: "Body", children: t.category ?? r.actions_select_a_category })
+      /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: t.category ?? r.actions_select_a_category })
     ),
     ne(
       /* @__PURE__ */ e(C, { name: "calendar_month", sx: { color: "text.primary" }, weight: D.Dark }),
       r.date_title,
-      /* @__PURE__ */ e(h, { bold: !0, variant: "Body", children: we(Y(t.date), Ee.YEAR_MONTH_DAY) })
+      /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: Oe(Y(t.date), we.YEAR_MONTH_DAY) })
     ),
     ne(
       /* @__PURE__ */ e(C, { name: "article", sx: { color: "text.primary" }, weight: D.Dark }),
       r.memo_title,
-      /* @__PURE__ */ e(h, { bold: !0, sx: { overflowWrap: "break-word", whiteSpace: "wrap" }, variant: "Body", children: t.memo ?? r.memo_desc }),
+      /* @__PURE__ */ e(y, { bold: !0, sx: { overflowWrap: "break-word", whiteSpace: "wrap" }, variant: "Body", children: t.memo ?? r.memo_desc }),
       !!t.memo,
       t.tags?.length > 0 ? "inset" : "fullWidth"
     ),
     ne(
       /* @__PURE__ */ e(C, { name: "local_offer", sx: { color: "text.primary" }, weight: D.Dark }),
       r.tags_title,
-      /* @__PURE__ */ e(h, { bold: !0, variant: "Body", children: t.tags?.length ? a : r.tags_desc }),
+      /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: t.tags?.length ? n : r.tags_desc }),
       !!t.tags?.length,
       "fullWidth"
     )
   ] });
 }, Xt = A(Ut), Vt = ({
-  bottomActions: t = at,
+  bottomActions: t = nt,
   canFlagTransaction: r = !0,
-  topActions: i = tt,
-  transaction: a
+  topActions: i = at,
+  transaction: n
 }) => {
-  const { onEvent: o } = O(), { isCopyLoaded: n } = Fe(), { userFeatures: s } = He(), c = a?.number && a.number.length > 4;
-  if (u.useEffect(
-    () => o(P.TRANSACTION_DETAILS_VIEW, { transaction_guid: a.guid }),
+  const { onEvent: o } = w(), { isCopyLoaded: a } = He(), { userFeatures: l } = ze(), c = n?.number && n.number.length > 4;
+  if (_.useEffect(
+    () => o(P.TRANSACTION_DETAILS_VIEW, { transaction_guid: n.guid }),
     []
-  ), !n)
+  ), !a)
     return /* @__PURE__ */ e(Ie, {});
-  const d = $e(s, "MX_TXN_DETAILS_VIEW_ONLY");
-  return /* @__PURE__ */ e(v, { className: "mx-txn-transaction-details", width: "100%", children: a && /* @__PURE__ */ l(b, { children: [
-    /* @__PURE__ */ l(b, { gap: 12, p: 24, children: [
+  const d = Be(l, "MX_TXN_DETAILS_VIEW_ONLY");
+  return /* @__PURE__ */ e(O, { className: "mx-txn-transaction-details", width: "100%", children: n && /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ s(b, { gap: 12, p: 24, children: [
       /* @__PURE__ */ e(re, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
         ge,
         {
-          categoryGuid: a.top_level_category_guid || "",
-          merchantGuid: a.merchant_guid || "",
+          categoryGuid: n.top_level_category_guid || "",
+          merchantGuid: n.merchant_guid || "",
           size: 64
         }
       ) }),
-      /* @__PURE__ */ e(Ft, { transaction: a, viewOnly: d }),
-      /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
-        /* @__PURE__ */ l(Ae, { color: a.isIncome ? "success.main" : "text.primary", children: [
-          a.isIncome ? "+" : "",
-          ae(a.amount, "0,0.00")
+      /* @__PURE__ */ e(Ft, { transaction: n, viewOnly: d }),
+      /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
+        /* @__PURE__ */ s(Ae, { color: n.isIncome ? "success.main" : "text.primary", children: [
+          n.isIncome ? "+" : "",
+          ae(n.amount, "0,0.00")
         ] }),
-        !d && r && /* @__PURE__ */ e(zt, { transaction: a })
+        !d && r && /* @__PURE__ */ e(zt, { transaction: n })
       ] }),
-      /* @__PURE__ */ l(b, { bgcolor: "background.highlight", borderRadius: "12px", gap: 4, p: 8, children: [
-        /* @__PURE__ */ e(h, { bold: !0, children: `${a.account}
-                ${c ? a.number : "•".repeat(4).concat(a.number ?? "")}` }),
-        /* @__PURE__ */ e(h, { bold: !0, color: "secondary", variant: "Tiny", children: a.feed_description })
+      /* @__PURE__ */ s(b, { bgcolor: "background.highlight", borderRadius: "12px", gap: 4, p: 8, children: [
+        /* @__PURE__ */ e(y, { bold: !0, children: `${n.account}
+                ${c ? n.number : "•".repeat(4).concat(n.number ?? "")}` }),
+        /* @__PURE__ */ e(y, { bold: !0, color: "secondary", variant: "Tiny", children: n.feed_description })
       ] })
     ] }),
-    /* @__PURE__ */ e(re, { square: !0, sx: { boxShadow: "none" }, children: d ? /* @__PURE__ */ e(Xt, { transaction: a }) : /* @__PURE__ */ e(Q, { children: i.map((_, m) => /* @__PURE__ */ l(u.Fragment, { children: [
-      _ === Z.Category && /* @__PURE__ */ e(mt, { transaction: a }),
-      _ === Z.Date && /* @__PURE__ */ e(pt, { transaction: a }),
-      _ === Z.Memo && /* @__PURE__ */ e(bt, { transaction: a }),
-      _ === Z.Tags && /* @__PURE__ */ e($t, { transaction: a }),
+    /* @__PURE__ */ e(re, { square: !0, sx: { boxShadow: "none" }, children: d ? /* @__PURE__ */ e(Xt, { transaction: n }) : /* @__PURE__ */ e(Q, { children: i.map((u, m) => /* @__PURE__ */ s(_.Fragment, { children: [
+      u === Z.Category && /* @__PURE__ */ e(pt, { transaction: n }),
+      u === Z.Date && /* @__PURE__ */ e(gt, { transaction: n }),
+      u === Z.Memo && /* @__PURE__ */ e(At, { transaction: n }),
+      u === Z.Tags && /* @__PURE__ */ e($t, { transaction: n }),
       /* @__PURE__ */ e(J, { variant: m < i.length - 1 ? "inset" : "fullWidth" })
-    ] }, _)) }) }),
-    !d && t.length > 0 && /* @__PURE__ */ l(u.Fragment, { children: [
-      /* @__PURE__ */ e(h, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
-      /* @__PURE__ */ e(re, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ l(Q, { children: [
-        t.map((_, m) => /* @__PURE__ */ l(u.Fragment, { children: [
-          _ === oe.SplitTransaction && /* @__PURE__ */ e(wt, { transaction: a }),
-          _ === oe.HideTransaction && /* @__PURE__ */ e(Ct, { transaction: a }),
-          _ === oe.MerchantLogo && /* @__PURE__ */ e(yt, { transaction: a }),
+    ] }, u)) }) }),
+    !d && t.length > 0 && /* @__PURE__ */ s(_.Fragment, { children: [
+      /* @__PURE__ */ e(y, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
+      /* @__PURE__ */ e(re, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ s(Q, { children: [
+        t.map((u, m) => /* @__PURE__ */ s(_.Fragment, { children: [
+          u === oe.SplitTransaction && /* @__PURE__ */ e(Et, { transaction: n }),
+          u === oe.HideTransaction && /* @__PURE__ */ e(ft, { transaction: n }),
+          u === oe.MerchantLogo && /* @__PURE__ */ e(St, { transaction: n }),
           /* @__PURE__ */ e(J, { variant: m < t.length - 1 ? "inset" : "fullWidth" })
-        ] }, _)),
-        a.is_manual && !a.parent_guid && !a.has_been_split && /* @__PURE__ */ e(ht, { transaction: a })
+        ] }, u)),
+        n.is_manual && !n.parent_guid && !n.has_been_split && /* @__PURE__ */ e(Tt, { transaction: n })
       ] }) })
     ] })
   ] }) });
 }, Pa = A(Vt);
 export {
   oe as B,
-  mt as C,
-  pt as D,
-  bt as M,
-  lt as S,
-  Ra as T,
+  pt as C,
+  gt as D,
+  At as M,
+  ct as S,
+  ka as T,
   Pa as a,
-  G as b,
-  st as c,
-  $t as d,
-  Z as e,
+  lt as b,
+  $t as c,
+  Z as d,
   ut as h,
   Se as s,
-  At as u
+  G as u
 };