@mx-cartographer/experiences 7.2.22-alpha.sms2 → 7.2.22

package/dist/{TransactionDetails-D9ycDgYU.mjs → TransactionDetails-gdzlKeDG.mjs}

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