@mx-cartographer/experiences 9.0.8 → 9.0.9-alpha.al1

package/dist/{TransactionDetails-DwSNzM4U.mjs → TransactionDetails-DQ_eE7M4.mjs}

@@ -1,42 +1,42 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import l, { useMemo as ke } from "react";
+import c, { useMemo as ke } from "react";
 import { observer as w } from "mobx-react-lite";
 import Ue from "@mui/material/Alert";
-import V from "@mui/material/Box";
+import Y from "@mui/material/Box";
 import Te from "@mui/material/Divider";
 import be from "@mui/material/List";
 import he from "@mui/material/Paper";
 import We from "@mui/material/Snackbar";
 import L from "@mui/material/Stack";
-import { useTheme as F, alpha as xe } from "@mui/material/styles";
+import { useTheme as H, alpha as xe } from "@mui/material/styles";
 import { P as ee, Text as x, H2 as Ve, MerchantLogo as Ce, Toast as Ye, CategoryIcon as Oe, CategoryIconVariants as Ge, TextField as Le, Icon as ye } from "@mxenabled/mxui";
 import { endOfMonth as Be } from "date-fns/endOfMonth";
 import { getUnixTime as Ie } from "date-fns/getUnixTime";
 import { isBefore as je } from "date-fns/isBefore";
 import { startOfMonth as De } from "date-fns/startOfMonth";
-import { b as E } from "./Localization-DnoVyBNK.mjs";
-import { f as W } from "./NumberFormatting--XMeeBfr.mjs";
+import { b as I } from "./Localization-DnoVyBNK.mjs";
+import { f as V } from "./NumberFormatting--XMeeBfr.mjs";
 import { a as qe, i as Qe } from "./BudgetUtil-Bg2AQJpQ.mjs";
 import me from "@mui/material/Button";
 import Xe from "@mui/material/FormGroup";
 import ue from "@mui/material/IconButton";
 import $e from "@mui/material/TextField";
 import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
-import { b as Ze, T as Je, u as ne, O as C, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-BxgB26dd.mjs";
-import { u as O, g as R, o as rt, c as ot, l as we, f as G, a as it, C as st } from "./hooks-97sNJ_lf.mjs";
-import { A as Y } from "./Analytics-WeZYytR0.mjs";
+import { b as Ze, T as Je, u as ne, O as f, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-BxgB26dd.mjs";
+import { u as E, g as M, o as rt, c as ot, l as we, f as G, a as it, C as st } from "./hooks-97sNJ_lf.mjs";
+import { A as j } from "./Analytics-WeZYytR0.mjs";
 import lt from "@mui/material/ToggleButton";
-import { ChevronRight as Ke, Icon as P, Delete as fe, Cancel as Se, Search as ct, Edit as dt, Flag as ut } from "@mxenabled/mx-icons";
+import { ChevronRight as Ke, Icon as k, Delete as fe, Cancel as Se, Search as ct, Edit as dt, Flag as ut } from "@mxenabled/mx-icons";
 import { fromUnixTime as ve } from "date-fns/fromUnixTime";
-import j from "@mui/material/Avatar";
-import z from "@mui/material/ListItem";
-import q from "@mui/material/ListItemAvatar";
-import U from "@mui/material/ListItemText";
+import q from "@mui/material/Avatar";
+import U from "@mui/material/ListItem";
+import Q from "@mui/material/ListItemAvatar";
+import W from "@mui/material/ListItemText";
 import { f as Me, D as Re } from "./DateFormats-HudZ3Bjs.mjs";
 import { BarChart as mt } from "@mui/x-charts";
 import { L as _t } from "./Loader-CxeBwuPG.mjs";
-import Q from "@mui/material/ListItemButton";
-import X from "@mui/material/ListItemIcon";
+import X from "@mui/material/ListItemButton";
+import Z from "@mui/material/ListItemIcon";
 import { b as Fe } from "./CategorySelectorDrawer-NJsFsKP1.mjs";
 import { D as ae } from "./Dialog-Bvd2n8hz.mjs";
 import { D as _e } from "./Drawer-DsnW2o0v.mjs";
@@ -62,16 +62,16 @@ const ft = [
 ], At = ({
   startDate: t,
   onViewHistory: n,
-  totalTransaction: s,
+  totalTransaction: l,
   amount: a,
   spentPercentage: r,
   remainingAmount: o,
   iconColor: i,
   icon: _
 }) => {
-  const { budgets: c } = O();
-  return /* @__PURE__ */ e(l.Fragment, { children: /* @__PURE__ */ m(
-    V,
+  const { budgets: s } = E();
+  return /* @__PURE__ */ e(c.Fragment, { children: /* @__PURE__ */ m(
+    Y,
     {
       sx: {
         bgcolor: "background.paper",
@@ -93,7 +93,7 @@ const ft = [
             },
             children: [
               /* @__PURE__ */ e(ee, { bold: !0, variant: "subtitle1", children: Tt(t) }),
-              n && /* @__PURE__ */ e(me, { endIcon: /* @__PURE__ */ e(Ke, {}), onClick: n, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: c.spending_history }) })
+              n && /* @__PURE__ */ e(me, { endIcon: /* @__PURE__ */ e(Ke, {}), onClick: n, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: s.spending_history }) })
             ]
           }
         ),
@@ -101,18 +101,18 @@ const ft = [
           Ze,
           {
             amount: /* @__PURE__ */ m(L, { sx: { alignItems: "baseline", flexDirection: "row", gap: 4 }, children: [
-              /* @__PURE__ */ e(Ve, { children: W(s, "0,0.00") }),
+              /* @__PURE__ */ e(Ve, { children: V(l, "0,0.00") }),
               /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: "/" }),
-              /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: W(a, "0,0.00") })
+              /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: V(a, "0,0.00") })
             ] }),
             completeColor: `${i}.main`,
             icon: _,
-            label: c.spent_label,
-            leftLabel: E(c.percent_spent, r.toFixed()),
+            label: s.spent_label,
+            leftLabel: I(s.percent_spent, r.toFixed()),
             percentComplete: r,
-            rightLabel: E(
-              c.balance_left,
-              W(o, "0,0.00")
+            rightLabel: I(
+              s.balance_left,
+              V(o, "0,0.00")
             ),
             sx: {
               pb: 24,
@@ -127,12 +127,12 @@ const ft = [
 }, xt = ({
   merchantBudget: t,
   transaction: n,
-  onClose: s,
+  onClose: l,
   isOpen: a,
   setCurrencyDialogAction: r,
   renderingToast: o
 }) => {
-  const { budgets: i, common: _ } = O(), { sortedTransactions: c } = R(), d = l.useMemo(() => c.reduce((h, I) => I.parent_guid ? h : h + I.amount, 0), [c]), { remainingAmount: u, spentPercentage: g, iconColor: p } = qe(
+  const { budgets: i, common: _ } = E(), { sortedTransactions: s } = M(), d = c.useMemo(() => s.reduce((h, D) => D.parent_guid ? h : h + D.amount, 0), [s]), { remainingAmount: u, spentPercentage: g, iconColor: p } = qe(
     d,
     t.amount ?? 0
   );
@@ -145,7 +145,7 @@ const ft = [
         py: 16
       },
       isOpen: a,
-      onClose: s,
+      onClose: l,
       onPrimaryAction: () => r(Ee.EDIT),
       onSecondaryAction: () => {
         r(Ee.DELETE);
@@ -158,7 +158,7 @@ const ft = [
           pr: 24
         }
       },
-      title: E(i.details_type_title, t.merchant_name),
+      title: I(i.details_type_title, t.merchant_name),
       children: [
         /* @__PURE__ */ e(
           At,
@@ -186,60 +186,60 @@ const ft = [
 }, Nt = w(xt);
 var Ee = /* @__PURE__ */ ((t) => (t.CREATE = "create", t.EDIT = "edit", t.DELETE = "delete", t))(Ee || {});
 const It = w(({ transaction: t }) => {
-  const [n, s] = l.useState(null), [a, r] = l.useState(""), [o, i] = l.useState(!1), _ = l.useRef(!1), [c, d] = l.useState(null), u = F(), {
+  const [n, l] = c.useState(null), [a, r] = c.useState(""), [o, i] = c.useState(!1), _ = c.useRef(!1), [s, d] = c.useState(null), u = H(), {
     addMerchantBudget: g,
     updateMerchantBudget: p,
     deleteMerchantBudget: h,
-    getMerchantBudgetByMerchantGuid: I,
-    alert: M,
-    setAlert: B
-  } = rt(), { setFilter: k } = R(), { accounts: f } = ot(), A = u.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: y, common: Z } = O(), { announce: se, ariaLive: le } = Ae(), [te, $] = l.useState(!1), b = t?.merchant_guid ? I(t.merchant_guid) : void 0, K = () => {
-    d(n), s(null), r("");
+    getMerchantBudgetByMerchantGuid: D,
+    alert: O,
+    setAlert: K
+  } = rt(), { setFilter: P } = M(), { accounts: y } = ot(), N = u.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: C, common: J } = E(), { announce: se, ariaLive: le } = Ae(), [te, B] = c.useState(!1), b = t?.merchant_guid ? D(t.merchant_guid) : void 0, F = () => {
+    d(n), l(null), r("");
   }, re = () => {
-    b ? $(!0) : s(
+    b ? B(!0) : l(
       "create"
       /* CREATE */
     );
-  }, H = {
+  }, z = {
     create: {
-      content: E(
-        y.create_budget_content,
+      content: I(
+        C.create_budget_content,
         /* @__PURE__ */ e("strong", { children: t.description }),
-        `${W(t.amount, "0,0.00")}`
+        `${V(t.amount, "0,0.00")}`
       ),
-      title: y.dialog_create_budget_title,
-      primaryButtonText: y.dialog_primary_button_text,
-      errorAlertMessage: E(
-        y.alert_merchant_budget_not_created,
+      title: C.dialog_create_budget_title,
+      primaryButtonText: C.dialog_primary_button_text,
+      errorAlertMessage: I(
+        C.alert_merchant_budget_not_created,
         t.description
       ),
-      errorRetryAction: () => s(
+      errorRetryAction: () => l(
         "create"
         /* CREATE */
       ),
-      successAlertMessage: E(
-        y.alert_budget_created,
+      successAlertMessage: I(
+        C.alert_budget_created,
         t.description
       ),
       apiTrigger: async () => await g(t.merchant_guid, Number(a))
     },
     edit: {
-      content: E(
-        y.edit_budget_content,
+      content: I(
+        C.edit_budget_content,
         /* @__PURE__ */ e("strong", { children: t.description })
       ),
-      title: y.details_edit_title,
-      primaryButtonText: y.add_save_button,
-      errorAlertMessage: E(
-        y.error_alert_edit_merchant_budget,
+      title: C.details_edit_title,
+      primaryButtonText: C.add_save_button,
+      errorAlertMessage: I(
+        C.error_alert_edit_merchant_budget,
         t.description
       ),
-      errorRetryAction: () => s(
+      errorRetryAction: () => l(
         "edit"
         /* EDIT */
       ),
-      successAlertMessage: E(
-        y.success_alert_edit_merchant_budget,
+      successAlertMessage: I(
+        C.success_alert_edit_merchant_budget,
         t.description
       ),
       apiTrigger: async () => await p({
@@ -248,81 +248,81 @@ const It = w(({ transaction: t }) => {
       })
     },
     delete: {
-      content: E(
-        y.delete_description,
+      content: I(
+        C.delete_description,
         /* @__PURE__ */ e("strong", { children: t.description })
       ),
-      title: y.delete_title,
-      primaryButtonText: y.details_delete_button,
-      errorAlertMessage: E(
-        y.error_alert_delete_merchant_budget,
+      title: C.delete_title,
+      primaryButtonText: C.details_delete_button,
+      errorAlertMessage: I(
+        C.error_alert_delete_merchant_budget,
         t.description
       ),
-      errorRetryAction: () => s(
+      errorRetryAction: () => l(
         "delete"
         /* DELETE */
       ),
-      successAlertMessage: E(
-        y.success_alert_delete_merchant_budget,
+      successAlertMessage: I(
+        C.success_alert_delete_merchant_budget,
         t.description
       ),
       apiTrigger: async () => await h(b.guid)
     }
-  }, oe = async () => {
+  }, A = async () => {
     if (_.current) return;
     _.current = !0;
-    const { apiTrigger: v, successAlertMessage: S, errorAlertMessage: T } = H[n], { isSuccess: D } = await v(), J = D ? S : T;
-    K(), i(!D), B(J), se(J), D && n === "delete" && $(!1), _.current = !1;
+    const { apiTrigger: S, successAlertMessage: R, errorAlertMessage: T } = z[n], { isSuccess: v } = await S(), oe = v ? R : T;
+    F(), i(!v), K(oe), se(oe), v && n === "delete" && B(!1), _.current = !1;
   };
-  l.useEffect(() => {
-    const v = {
+  c.useEffect(() => {
+    const S = {
       start: De(new Date(t.date * 1e3)),
       end: Be(new Date(t.date * 1e3))
     };
-    te && k({
-      accounts: f.map((S) => S.guid),
-      custom: te ? (S) => S.merchant_guid === t.merchant_guid : (S) => S.guid === t.guid,
-      dateRange: v
+    te && P({
+      accounts: y.map((R) => R.guid),
+      custom: te ? (R) => R.merchant_guid === t.merchant_guid : (R) => R.guid === t.guid,
+      dateRange: S
     });
-  }, [te, t, f]);
-  const N = () => /* @__PURE__ */ e(
+  }, [te, t, y]);
+  const $ = () => /* @__PURE__ */ e(
     Ye,
     {
-      actionText: y.autogenerate_budgets_error_primary_button,
+      actionText: C.autogenerate_budgets_error_primary_button,
       autoHideDuration: 3500,
-      closeAriaLabel: Z.close_aria,
-      handleClose: () => B(""),
-      message: M,
-      onActionClick: H[c]?.errorRetryAction,
-      open: !!M,
+      closeAriaLabel: J.close_aria,
+      handleClose: () => K(""),
+      message: O,
+      onActionClick: z[s]?.errorRetryAction,
+      open: !!O,
       severity: o ? "error" : "success",
       showAction: o,
       showClose: !0
     }
   );
-  return /* @__PURE__ */ m(l.Fragment, { children: [
+  return /* @__PURE__ */ m(c.Fragment, { children: [
     le,
-    /* @__PURE__ */ e(z, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(Q, { onClick: re, children: [
-      /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: A }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
+    /* @__PURE__ */ e(U, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(X, { onClick: re, children: [
+      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: N }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
       /* @__PURE__ */ e(
-        U,
+        W,
         {
-          primary: y.add_merchant_budget_primary_text,
-          secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: b ? `${W(b.amount, "0,0.00")} / ${Z.month_text}` : y.add_merchant_budget_secondary_text }),
+          primary: C.add_merchant_budget_primary_text,
+          secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: b ? `${V(b.amount, "0,0.00")} / ${J.month_text}` : C.add_merchant_budget_secondary_text }),
           slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
         }
       ),
-      /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
+      /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
     ] }) }),
     !!b && /* @__PURE__ */ e(
       Nt,
       {
         isOpen: te,
         merchantBudget: b,
-        onClose: () => $(!1),
-        renderingToast: () => M && N(),
-        setCurrencyDialogAction: (v) => {
-          v === "edit" && r(b?.amount.toString() || ""), s(v);
+        onClose: () => B(!1),
+        renderingToast: () => O && $(),
+        setCurrencyDialogAction: (S) => {
+          S === "edit" && r(b?.amount.toString() || ""), l(S);
         },
         transaction: t
       }
@@ -330,54 +330,54 @@ const It = w(({ transaction: t }) => {
     n && /* @__PURE__ */ e(
       gt,
       {
-        closeAriaLabel: Z.close_aria,
-        content: H[n].content,
+        closeAriaLabel: J.close_aria,
+        content: z[n].content,
         handleInputChange: r,
-        handleModalClose: K,
-        handlePrimaryAction: oe,
-        handleSecondaryAction: K,
-        inputLabel: n !== "delete" ? Z.amount_text : "",
+        handleModalClose: F,
+        handlePrimaryAction: A,
+        handleSecondaryAction: F,
+        inputLabel: n !== "delete" ? J.amount_text : "",
         inputValue: a,
         isOpen: !!n,
-        primaryText: H[n].primaryButtonText,
-        secondaryText: Z.cancel_button,
-        title: H[n].title
+        primaryText: z[n].primaryButtonText,
+        secondaryText: J.cancel_button,
+        title: z[n].title
       }
     ),
-    !!M && N()
+    !!O && $()
   ] });
 }), Dt = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: s } = R(), { categories: a } = we(), { onEvent: r } = G(), { setShouldDisableDrawerScroll: o, updateManualTransaction: i } = ne(), { transactions: _ } = O(), c = F(), [d, u] = l.useState(!1), [g, p] = l.useState(""), h = async (f) => {
-    await s({ ...t, category_guid: g }), f && await n(g, t), p(""), r(Y.TRANSACTION_DETAILS_CLICK_CATEGORY, {
+  const { addOrUpdateTransactionRule: n, updateTransaction: l } = M(), { categories: a } = we(), { onEvent: r } = G(), { setShouldDisableDrawerScroll: o, updateManualTransaction: i } = ne(), { transactions: _ } = E(), s = H(), [d, u] = c.useState(!1), [g, p] = c.useState(""), h = async (y) => {
+    await l({ ...t, category_guid: g }), y && await n(g, t), p(""), r(j.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: t.guid
     });
-  }, I = (f) => {
+  }, D = (y) => {
     if (t.is_manual && !t.guid) {
-      const A = a.find((y) => y.guid === f);
+      const N = a.find((C) => C.guid === y);
       i({
         ...t,
-        category: A?.name,
-        category_guid: f,
-        top_level_category_guid: A?.parent_guid || f
+        category: N?.name,
+        category_guid: y,
+        top_level_category_guid: N?.parent_guid || y
       });
     } else
-      p(f);
-    M();
-  }, M = () => {
+      p(y);
+    O();
+  }, O = () => {
     u(!1), o(!1);
-  }, B = l.useMemo(
-    () => a.find((f) => f.guid === g),
+  }, K = c.useMemo(
+    () => a.find((y) => y.guid === g),
     [g]
-  ), k = c.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
+  ), P = s.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ m(U, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
-      Q,
+      X,
       {
         onClick: () => {
-          r(C.ON_TRANSACTION_CATEGORY_CLICK), u(!0);
+          r(f.ON_TRANSACTION_CATEGORY_CLICK), u(!0);
         },
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: k }, variant: "rounded", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: P }, variant: "rounded", children: /* @__PURE__ */ e(
             Oe,
             {
               categoryGuid: t.top_level_category_guid,
@@ -387,14 +387,14 @@ const It = w(({ transaction: t }) => {
             }
           ) }) }),
           /* @__PURE__ */ e(
-            U,
+            W,
             {
               primary: _.category_title,
               secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.category ?? _.actions_select_a_category }),
               slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
-          /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -402,8 +402,8 @@ const It = w(({ transaction: t }) => {
       Fe,
       {
         initialSelected: t.category_guid,
-        onClose: M,
-        onSelect: I,
+        onClose: O,
+        onSelect: D,
         showDrawer: d,
         title: _.actions_select_a_category
       }
@@ -412,7 +412,7 @@ const It = w(({ transaction: t }) => {
       ae,
       {
         copy: {
-          title: E(
+          title: I(
             _.actions_apply_to_all_transaction_types,
             t.description
           )
@@ -423,42 +423,42 @@ const It = w(({ transaction: t }) => {
         onSecondaryAction: () => h(!1),
         primaryText: _.actions_apply_to_all,
         secondaryText: _.actions_this_time_only,
-        children: /* @__PURE__ */ e(ee, { variant: "subtitle1", children: E(
+        children: /* @__PURE__ */ e(ee, { variant: "subtitle1", children: I(
           _.actions_all_past_and_future,
           t.description,
-          B?.name
+          K?.name
         ) })
       }
     )
   ] });
 }, vt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: s } = R(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = O(), i = F(), [_, c] = l.useState(!1), [d, u] = l.useState(t.date), g = (I) => {
-    u(Ie(I));
+  const { onEvent: n } = G(), { updateTransaction: l } = M(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), [d, u] = c.useState(t.date), g = (D) => {
+    u(Ie(D));
   }, p = async () => {
     if (t.is_manual && !t.guid) {
-      a({ ...t, date: d }), c(!1);
+      a({ ...t, date: d }), s(!1);
       return;
     }
-    await s({ ...t, date: d }), n(Y.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), c(!1);
+    await l({ ...t, date: d }), n(j.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), s(!1);
   }, h = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(z, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ m(U, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
-      Q,
+      X,
       {
         onClick: () => {
-          n(C.ON_TRANSACTION_DATE_CLICK), c(!0);
+          n(f.ON_TRANSACTION_DATE_CLICK), s(!0);
         },
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            U,
+            W,
             {
               primary: o.date_title,
               secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: Me(ve(t.date), Re.YEAR_MONTH_DAY) }),
               slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
-          /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -467,7 +467,7 @@ const It = w(({ transaction: t }) => {
       {
         ariaLabelClose: r.close_aria,
         isOpen: _,
-        onClose: () => c(!1),
+        onClose: () => s(!1),
         onPrimaryAction: p,
         primaryText: r.save_button,
         secondaryText: r.cancel_button,
@@ -489,26 +489,26 @@ const It = w(({ transaction: t }) => {
     )
   ] });
 }, Et = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { removeTransaction: s } = R(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = O(), [i, _] = l.useState(!1), c = async () => {
-    await s(t.guid), n(C.ON_TRANSACTION_DELETE_DELETED);
+  const { onEvent: n } = G(), { removeTransaction: l } = M(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = E(), [i, _] = c.useState(!1), s = async () => {
+    await l(t.guid), n(f.ON_TRANSACTION_DELETE_DELETED);
   };
-  return /* @__PURE__ */ m(V, { className: "mx-txn-delete", children: [
-    t && /* @__PURE__ */ e(z, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(
-      Q,
+  return /* @__PURE__ */ m(Y, { className: "mx-txn-delete", children: [
+    t && /* @__PURE__ */ e(U, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(
+      X,
       {
         onClick: () => {
-          n(C.ON_TRANSACTION_DELETE_CLICK), a(!0), _(!0);
+          n(f.ON_TRANSACTION_DELETE_CLICK), a(!0), _(!0);
         },
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { variant: "rounded", children: /* @__PURE__ */ e(fe, { color: "secondary", fontSize: "small" }) }) }),
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { variant: "rounded", children: /* @__PURE__ */ e(fe, { color: "secondary", fontSize: "small" }) }) }),
           /* @__PURE__ */ e(
-            U,
+            W,
             {
               primary: o.manual_transaction_delete_title,
               secondary: o.manual_transaction_delete_subtitle
             }
           ),
-          /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(fe, {}) })
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(fe, {}) })
         ]
       }
     ) }),
@@ -520,8 +520,8 @@ const It = w(({ transaction: t }) => {
         onClose: () => {
           a(!1), _(!1);
         },
-        onPrimaryAction: c,
-        onSecondaryAction: () => n(C.ON_TRANSACTION_DELETE_CANCEL),
+        onPrimaryAction: s,
+        onSecondaryAction: () => n(f.ON_TRANSACTION_DELETE_CANCEL),
         primaryText: r.delete_button,
         secondaryText: r.cancel_button,
         children: /* @__PURE__ */ e(x, { variant: "subtitle1", children: o.manual_transaction_delete_description })
@@ -529,22 +529,22 @@ const It = w(({ transaction: t }) => {
     )
   ] });
 }, Ot = w(Et), Lt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: s } = R(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = O(), i = F(), [_, c] = l.useState(!1), d = async () => {
-    await s({ ...t, merchant_guid: "" }), n(Y.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
+  const { onEvent: n } = G(), { updateTransaction: l } = M(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), d = async () => {
+    await l({ ...t, merchant_guid: "" }), n(j.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: t.guid
     });
   }, u = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(z, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ m(U, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
-      Q,
+      X,
       {
         onClick: () => {
-          n(C.ON_TRANSACTION_DELETE_LOGO_CLICK), c(!0);
+          n(f.ON_TRANSACTION_DELETE_LOGO_CLICK), s(!0);
         },
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: u }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "delete", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(U, { primary: o.merchant_logo_title, secondary: o.merchant_logo_desc }),
-          /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: u }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "delete", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(W, { primary: o.merchant_logo_title, secondary: o.merchant_logo_desc }),
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -554,10 +554,10 @@ const It = w(({ transaction: t }) => {
         copy: { title: o.merchant_logo_modal_title },
         isOpen: _,
         onClose: () => {
-          a(!1), c(!1);
+          a(!1), s(!1);
         },
         onPrimaryAction: d,
-        onSecondaryAction: () => n(C.ON_TRANSACTION_DELETE_LOGO_CANCEL),
+        onSecondaryAction: () => n(f.ON_TRANSACTION_DELETE_LOGO_CANCEL),
         primaryText: r.delete_button,
         secondaryText: r.cancel_button,
         title: o.merchant_logo_modal_title,
@@ -569,24 +569,24 @@ const It = w(({ transaction: t }) => {
     )
   ] }) });
 }, wt = w(Lt), Mt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { setAlert: s, updateTransaction: a } = R(), { setShouldDisableDrawerScroll: r } = ne(), { common: o, transactions: i } = O(), _ = F(), [c, d] = l.useState(!1), u = t.is_hidden, g = async () => {
+  const { onEvent: n } = G(), { setAlert: l, updateTransaction: a } = M(), { setShouldDisableDrawerScroll: r } = ne(), { common: o, transactions: i } = E(), _ = H(), [s, d] = c.useState(!1), u = t.is_hidden, g = async () => {
     try {
       await a({ ...t, is_hidden: !t.is_hidden }), n(
-        u ? C.ON_TRANSACTION_UNHIDDEN : C.ON_TRANSACTION_HIDDEN
-      ), s(u ? i.transaction_included : i.transaction_excluded);
+        u ? f.ON_TRANSACTION_UNHIDDEN : f.ON_TRANSACTION_HIDDEN
+      ), l(u ? i.transaction_included : i.transaction_excluded);
     } catch {
-      s(u ? i.transaction_not_included : i.transaction_not_excluded);
+      l(u ? i.transaction_not_included : i.transaction_not_excluded);
     }
   }, p = _.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(z, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ m(U, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
-      Q,
+      X,
       {
         "aria-checked": u,
         "aria-labelledby": "hide-transaction-text",
         onClick: () => {
           n(
-            u ? C.ON_TRANSACTION_UNHIDE_CLICK : C.ON_TRANSACTION_HIDE_CLICK
+            u ? f.ON_TRANSACTION_UNHIDE_CLICK : f.ON_TRANSACTION_HIDE_CLICK
           ), n(
             u ? "transaction_details_click_unhide_transaction" : "transaction_details_click_hide_transaction",
             {
@@ -596,16 +596,16 @@ const It = w(({ transaction: t }) => {
         },
         role: "switch",
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: p }, variant: "rounded", children: u ? /* @__PURE__ */ e(P, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(P, { name: "visibility", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: p }, variant: "rounded", children: u ? /* @__PURE__ */ e(k, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(k, { name: "visibility", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            U,
+            W,
             {
               id: "hide-transaction-text",
               primary: i.exclude_transaction,
               secondary: i.excluding_transaction
             }
           ),
-          /* @__PURE__ */ e(X, { "aria-hidden": "true", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(Z, { "aria-hidden": "true", children: /* @__PURE__ */ e(
             Ct,
             {
               checked: u,
@@ -623,13 +623,13 @@ const It = w(({ transaction: t }) => {
         copy: {
           title: u ? i.include_transaction : i.exclude_transaction
         },
-        isOpen: c,
+        isOpen: s,
         onClose: () => {
           r(!1), d(!1);
         },
         onPrimaryAction: g,
         onSecondaryAction: () => n(
-          u ? C.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : C.ON_TRANSACTION_HIDE_CANCEL_CLICK
+          u ? f.ON_TRANSACTION_UNHIDE_CANCEL_CLICK : f.ON_TRANSACTION_HIDE_CANCEL_CLICK
         ),
         primaryText: u ? i.include : i.exclude,
         secondaryText: o.cancel_button,
@@ -638,7 +638,7 @@ const It = w(({ transaction: t }) => {
     )
   ] }) });
 }, Rt = w(Mt), He = ({ transaction: t }) => {
-  const { amount: n, description: s, isIncome: a, merchant_guid: r, payee: o, top_level_category_guid: i } = t;
+  const { amount: n, description: l, isIncome: a, merchant_guid: r, payee: o, top_level_category_guid: i } = t;
   return /* @__PURE__ */ m(L, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -649,43 +649,43 @@ const It = w(({ transaction: t }) => {
       }
     ),
     /* @__PURE__ */ m(L, { overflow: "hidden'", children: [
-      /* @__PURE__ */ e(x, { bold: !0, mb: 4, truncate: !0, variant: "body1", children: s || o }),
+      /* @__PURE__ */ e(x, { bold: !0, mb: 4, truncate: !0, variant: "body1", children: l || o }),
       /* @__PURE__ */ m(ee, { color: a ? "success.main" : "text.primary", truncate: !0, variant: "h1", children: [
         a ? "+" : "",
-        W(n, "0,0.00")
+        V(n, "0,0.00")
       ] })
     ] })
   ] });
 }, kt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: s } = R(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = O(), i = F(), [_, c] = l.useState(!1), [d, u] = l.useState("");
-  l.useEffect(() => {
+  const { onEvent: n } = G(), { updateTransaction: l } = M(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), [d, u] = c.useState("");
+  c.useEffect(() => {
     _ && u(t.memo ? t.memo : "");
   }, [_]);
   const g = async () => {
     if (t.is_manual && !t.guid) {
-      a({ ...t, memo: d }), c(!1);
+      a({ ...t, memo: d }), s(!1);
       return;
     }
-    await s({ ...t, memo: d }), n(Y.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), c(!1);
+    await l({ ...t, memo: d }), n(j.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), s(!1);
   }, p = i.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(z, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ m(U, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
-      Q,
+      X,
       {
         onClick: () => {
-          n(C.ON_TRANSACTION_MEMO_CLICK), c(!0);
+          n(f.ON_TRANSACTION_MEMO_CLICK), s(!0);
         },
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "article", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "article", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            U,
+            W,
             {
               primary: o.memo_title,
               secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.memo ? t.memo : o.memo_desc }),
               slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
-          /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -694,7 +694,7 @@ const It = w(({ transaction: t }) => {
       {
         ariaLabelClose: r.close_aria,
         isOpen: _,
-        onClose: () => c(!1),
+        onClose: () => s(!1),
         onPrimaryAction: g,
         title: o.memo_title,
         children: [
@@ -720,14 +720,14 @@ const It = w(({ transaction: t }) => {
 }, Pt = w(kt), Gt = ({
   index: t,
   onDeleteRow: n,
-  onCategoryChanged: s,
+  onCategoryChanged: l,
   onUpdateAmount: a,
   split: r
 }) => {
-  const { onEvent: o } = G(), { transactions: i } = O(), [_, c] = l.useState(`${r.amount}`), [d, u] = l.useState(!1), g = t === 0, p = (h) => {
-    isNaN(Number(h)) || (c(h), a(t, Number(h)));
+  const { onEvent: o } = G(), { transactions: i } = E(), [_, s] = c.useState(`${r.amount}`), [d, u] = c.useState(!1), g = t === 0, p = (h) => {
+    isNaN(Number(h)) || (s(h), a(t, Number(h)));
   };
-  return /* @__PURE__ */ m(V, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
+  return /* @__PURE__ */ m(Y, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
     /* @__PURE__ */ m(Ne, { alignItems: g ? "center" : "start", container: !0, children: [
       /* @__PURE__ */ e(Ne, { size: 7, children: /* @__PURE__ */ m(L, { alignItems: "start", children: [
         /* @__PURE__ */ e(
@@ -740,12 +740,12 @@ const It = w(({ transaction: t }) => {
             children: r.category
           }
         ),
-        /* @__PURE__ */ e(V, { children: !r.category_guid && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
+        /* @__PURE__ */ e(Y, { children: !r.category_guid && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
           /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(Se, { sx: { fontSize: 15 } }) }),
           /* @__PURE__ */ e(x, { variant: "body2", children: i.split_transaction_errors_select_category })
         ] }) })
       ] }) }),
-      /* @__PURE__ */ e(Ne, { size: 5, children: g ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: W(r.amount, "0,0.00") }) }) : /* @__PURE__ */ m(L, { alignItems: "start", children: [
+      /* @__PURE__ */ e(Ne, { size: 5, children: g ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: V(r.amount, "0,0.00") }) }) : /* @__PURE__ */ m(L, { alignItems: "start", children: [
         /* @__PURE__ */ m(L, { alignItems: "start", direction: "row", gap: 8, children: [
           /* @__PURE__ */ e(
             bt,
@@ -768,7 +768,7 @@ const It = w(({ transaction: t }) => {
               "aria-label": i.split_transaction_delete_split_btn,
               color: "secondary",
               onClick: () => {
-                o(C.ON_TRANSACTION_SPLIT_DELETE_CLICK), n(t);
+                o(f.ON_TRANSACTION_SPLIT_DELETE_CLICK), n(t);
               },
               sx: { w: 44, h: 44 },
               children: /* @__PURE__ */ e(fe, {})
@@ -787,7 +787,7 @@ const It = w(({ transaction: t }) => {
         initialSelected: r.category_guid,
         onClose: () => u(!1),
         onSelect: (h) => {
-          s(t, h), u(!1);
+          l(t, h), u(!1);
         },
         showDrawer: d,
         title: i.actions_select_a_category
@@ -797,165 +797,158 @@ const It = w(({ transaction: t }) => {
 }, Bt = w(Gt), $t = ({
   onAddSplit: t,
   onCategoryChanged: n,
-  onDeleteSplit: s,
+  onDeleteSplit: l,
   onUpdateAmount: a,
   splits: r,
   transaction: o
 }) => {
-  const { transactions: i } = O(), { onEvent: _ } = G(), [c, d] = l.useState(""), { announce: u, ariaLive: g } = Ae();
-  return l.useEffect(() => {
+  const { transactions: i } = E(), { onEvent: _ } = G(), [s, d] = c.useState(""), { announce: u, ariaLive: g } = Ae();
+  return c.useEffect(() => {
     if (r.length <= 1)
       d(i.split_transaction_errors_min_splits), u(i.split_transaction_errors_min_splits);
     else if (r[0].amount < 0) {
-      const p = E(
+      const p = I(
         i.split_transaction_errors_totals_must_equal_amount,
-        W(o.amount, "0,0.00")
+        V(o.amount, "0,0.00")
       );
       d(p), u(p);
     } else
       d(""), u("");
-  }, [r]), /* @__PURE__ */ m(V, { className: "mx-txn-split-manager", children: [
+  }, [r]), /* @__PURE__ */ m(Y, { className: "mx-txn-split-manager", children: [
     g,
     r.map((p, h) => /* @__PURE__ */ e(
       Bt,
       {
         index: h,
         onCategoryChanged: n,
-        onDeleteRow: s,
+        onDeleteRow: l,
         onUpdateAmount: a,
         split: p
       },
       h
     )),
-    c && /* @__PURE__ */ m(L, { bgcolor: "background.paper", color: "error.main", direction: "row", gap: 8, p: 16, children: [
+    s && /* @__PURE__ */ m(L, { bgcolor: "background.paper", color: "error.main", direction: "row", gap: 8, p: 16, children: [
       /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(Se, { sx: { fontSize: 15 } }) }),
-      /* @__PURE__ */ e(x, { variant: "body2", children: c })
+      /* @__PURE__ */ e(x, { variant: "body2", children: s })
     ] }),
-    /* @__PURE__ */ e(V, { p: 16, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Y, { p: 16, children: /* @__PURE__ */ e(
       me,
       {
         "aria-label": i.split_transaction_add_split_btn,
         onClick: () => {
-          _(C.ON_TRANSACTION_SPLIT_ADD_CLICK), t();
+          _(f.ON_TRANSACTION_SPLIT_ADD_CLICK), t();
         },
         children: i.split_transaction_add_split_btn
       }
     ) })
   ] });
 }, Kt = w($t), Ft = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { announce: s, ariaLive: a } = Ae(), { splitTransaction: r, unSplitTransaction: o } = R(), { common: i, transactions: _ } = O(), { setShouldDisableDrawerScroll: c } = ne(), { categories: d } = we(), u = F(), g = {
+  const { onEvent: n } = G(), { announce: l, ariaLive: a } = Ae(), { splitTransaction: r, unSplitTransaction: o, transactionSplitting: i } = M(), { common: _, transactions: s } = E(), { setShouldDisableDrawerScroll: d } = ne(), { categories: u } = we(), g = H(), p = {
     ...t,
     amount: t.amount - 1,
     guid: "",
     has_been_split: !1,
     parent_guid: t.guid
-  }, p = {
+  }, h = {
     ...t,
     amount: 1,
     category_guid: void 0,
-    category: _.split_transaction_select_category_btn,
+    category: s.split_transaction_select_category_btn,
     guid: "",
     has_been_split: !1,
     parent_guid: t.guid,
     top_level_category_guid: void 0
-  }, [h, I] = l.useState(!1), [M, B] = l.useState(!1), [k, f] = l.useState(!1), [A, y] = l.useState([]), Z = () => {
-    const N = [...A];
-    N.push({ ...p }), N[0].amount -= 1, y(N), s(
-      E(
-        _.split_transaction_add_split_announcement,
-        N.length
+  }, [D, O] = c.useState(!1), [K, P] = c.useState(!1), [y, N] = c.useState([]), C = () => {
+    const A = [...y];
+    A.push({ ...h }), A[0].amount -= 1, N(A), l(
+      I(
+        s.split_transaction_add_split_announcement,
+        A.length
       )
     );
-  }, se = (N) => {
-    if (N > 0) {
-      const v = A[N], S = [...A];
-      S.splice(N, 1), S[0].amount += v.amount, y(S), s(
-        E(_.split_transaction_delete_split_announcement, N + 1)
+  }, J = (A) => {
+    if (A > 0) {
+      const $ = y[A], S = [...y];
+      S.splice(A, 1), S[0].amount += $.amount, N(S), l(
+        I(s.split_transaction_delete_split_announcement, A + 1)
       );
     }
-  }, le = (N, v) => {
-    const S = [...A];
-    S[N].amount = v, S[0].amount = t.amount - S.reduce(
-      (T, D, J) => T + (J !== 0 ? D.amount : 0),
+  }, se = (A, $) => {
+    const S = [...y];
+    S[A].amount = $, S[0].amount = t.amount - S.reduce(
+      (R, T, v) => R + (v !== 0 ? T.amount : 0),
       0
-    ), y(S);
-  }, te = (N, v) => {
-    const S = [...A], T = d.find((D) => D.guid === v);
-    T && (S[N] = {
-      ...S[N],
-      category_guid: v,
-      category: T.name,
-      top_level_category_guid: T.parent_guid || v
-    }, y(S), s(
-      E(
-        _.split_transaction_select_category_announcement,
-        T.name,
-        N + 1
+    ), N(S);
+  }, le = (A, $) => {
+    const S = [...y], R = u.find((T) => T.guid === $);
+    R && (S[A] = {
+      ...S[A],
+      category_guid: $,
+      category: R.name,
+      top_level_category_guid: R.parent_guid || $
+    }, N(S), l(
+      I(
+        s.split_transaction_select_category_announcement,
+        R.name,
+        A + 1
       )
     ));
-  }, $ = () => {
+  }, te = () => {
     if (t.parent_guid || t.has_been_split) {
-      B(!0);
+      P(!0);
       return;
     }
-    y([{ ...g }, { ...p }]), n(Y.TRANSACTION_DETAILS_CLICK_SPLIT, {
+    N([{ ...p }, { ...h }]), n(j.TRANSACTION_DETAILS_CLICK_SPLIT, {
       transaction_guid: t.guid
-    }), I(!0);
+    }), O(!0);
+  }, B = async () => {
+    n(f.ON_TRANSACTION_SPLIT_SAVE_CLICK), await r({ ...t, has_been_split: !0 }, y), O(!1);
   }, b = async () => {
-    if (!k) {
-      f(!0);
-      try {
-        n(C.ON_TRANSACTION_SPLIT_SAVE_CLICK), await r({ ...t, has_been_split: !0 }, A), I(!1);
-      } finally {
-        f(!1);
-      }
-    }
-  }, K = async () => {
-    k || (n(C.ON_TRANSACTION_SPLIT_CANCEL_CLICK), y([{ ...g }, { ...p }]), f(!1), I(!1));
-  }, re = async () => {
-    n(Y.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
+    i || (n(f.ON_TRANSACTION_SPLIT_CANCEL_CLICK), N([{ ...p }, { ...h }]), O(!1));
+  }, F = async () => {
+    n(j.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
       transaction_guid: t.guid
     });
-    const N = t.parent_guid ?? t.guid;
-    await o(N);
-  }, H = l.useMemo(() => {
-    const N = A.some((S) => !S.category_guid), v = A.some((S) => S.amount <= 0);
-    return N || v;
-  }, [A]), oe = u.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(l.Fragment, { children: t && /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ m(Q, { onClick: $, children: [
-      /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: oe }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "call_split", sx: { color: "text.primary" } }) }) }),
+    const A = t.parent_guid ?? t.guid;
+    await o(A);
+  }, re = c.useMemo(() => {
+    const A = y.some((S) => !S.category_guid), $ = y.some((S) => S.amount <= 0);
+    return A || $;
+  }, [y]), z = g.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ m(U, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ m(X, { onClick: te, children: [
+      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: z }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "call_split", sx: { color: "text.primary" } }) }) }),
       /* @__PURE__ */ e(
-        U,
+        W,
         {
-          primary: t.has_been_split || t.parent_guid ? _.split_transaction_unsplit_title : _.split_transaction_title,
-          secondary: t.has_been_split || t.parent_guid ? _.split_transaction_unsplit_subtitle : _.split_transaction_desc
+          primary: t.has_been_split || t.parent_guid ? s.split_transaction_unsplit_title : s.split_transaction_title,
+          secondary: t.has_been_split || t.parent_guid ? s.split_transaction_unsplit_subtitle : s.split_transaction_desc
         }
       ),
-      /* @__PURE__ */ e(X, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(P, { name: "delete" }) : /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
+      /* @__PURE__ */ e(Z, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(k, { name: "delete" }) : /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
     ] }),
     /* @__PURE__ */ m(
       _e,
       {
-        ariaLabelClose: i.close_aria,
-        isOpen: h,
-        isPrimaryDisabled: H || k,
-        onClose: K,
-        onPrimaryAction: b,
-        primaryText: i.save_button,
-        secondaryText: i.cancel_button,
-        title: _.split_transaction_title,
+        ariaLabelClose: _.close_aria,
+        isOpen: D,
+        isPrimaryDisabled: re || i,
+        onClose: b,
+        onPrimaryAction: B,
+        primaryText: _.save_button,
+        secondaryText: _.cancel_button,
+        title: s.split_transaction_title,
         children: [
           a,
           /* @__PURE__ */ e(He, { transaction: t }),
           /* @__PURE__ */ e(
             Kt,
             {
-              onAddSplit: Z,
-              onCategoryChanged: te,
-              onDeleteSplit: se,
-              onUpdateAmount: le,
-              splits: A,
+              onAddSplit: C,
+              onCategoryChanged: le,
+              onDeleteSplit: J,
+              onUpdateAmount: se,
+              splits: y,
               transaction: t
             }
           )
@@ -965,39 +958,39 @@ const It = w(({ transaction: t }) => {
     /* @__PURE__ */ e(
       ae,
       {
-        copy: { title: _.split_transaction_unsplit_title },
-        isOpen: M,
+        copy: { title: s.split_transaction_unsplit_title },
+        isOpen: K,
         onClose: () => {
-          c(!1), B(!1);
+          d(!1), P(!1);
         },
-        onPrimaryAction: re,
+        onPrimaryAction: F,
         onSecondaryAction: () => {
-          n(C.ON_TRANSACTION_UNSPLIT_CANCEL);
+          n(f.ON_TRANSACTION_UNSPLIT_CANCEL);
         },
-        primaryText: i.delete_button,
-        secondaryText: i.cancel_button,
-        children: /* @__PURE__ */ e(ee, { variant: "subtitle1", children: E(
-          _.split_transaction_unsplit_description,
+        primaryText: _.delete_button,
+        secondaryText: _.cancel_button,
+        children: /* @__PURE__ */ e(ee, { variant: "subtitle1", children: I(
+          s.split_transaction_unsplit_description,
           t.description
         ) })
       }
     )
   ] }) });
 }, Ht = w(Ft), zt = () => {
-  const t = F(), { onEvent: n } = G(), { addTag: s } = R(), { transactions: a } = O(), [r, o] = l.useState(!1), [i, _] = l.useState(""), [c, d] = l.useState(""), u = l.useRef(null);
-  l.useEffect(() => {
+  const t = H(), { onEvent: n } = G(), { addTag: l } = M(), { transactions: a } = E(), [r, o] = c.useState(!1), [i, _] = c.useState(""), [s, d] = c.useState(""), u = c.useRef(null);
+  c.useEffect(() => {
     r && u?.current?.focus();
   }, [r]);
   const g = () => {
     n(
-      r ? C.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : C.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
+      r ? f.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : f.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
     ), r || _(""), o(!r);
   }, p = async () => {
-    n(C.ON_TRANSACTION_TAGS_TAG_ADDED), await s(i), o(!1);
+    n(f.ON_TRANSACTION_TAGS_TAG_ADDED), await l(i), o(!1);
   };
-  return l.useEffect(() => {
+  return c.useEffect(() => {
     d(i.length > 40 ? a.tags_error_name_must_be_40_chars : "");
-  }, [i]), /* @__PURE__ */ m(V, { className: "mx-txn-tag-manager-header", children: [
+  }, [i]), /* @__PURE__ */ m(Y, { className: "mx-txn-tag-manager-header", children: [
     /* @__PURE__ */ m(
       L,
       {
@@ -1041,13 +1034,13 @@ const It = w(({ transaction: t }) => {
               value: i
             }
           ),
-          /* @__PURE__ */ e(ee, { id: "add-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: c })
+          /* @__PURE__ */ e(ee, { id: "add-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: s })
         ]
       }
     )
   ] });
 }, Ut = w(zt), Wt = ({ onSearchValueChanged: t, searchValue: n }) => {
-  const { common: s, transactions: a } = O(), r = /* @__PURE__ */ e(
+  const { common: l, transactions: a } = E(), r = /* @__PURE__ */ e(
     ue,
     {
       "aria-label": a.tags_cancel_search || "Search",
@@ -1055,13 +1048,13 @@ const It = w(({ transaction: t }) => {
       children: /* @__PURE__ */ e(Se, {})
     }
   );
-  return /* @__PURE__ */ e(V, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Y, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
     Le,
     {
-      "aria-label": s.search_aria,
+      "aria-label": l.search_aria,
       name: "search",
       onChange: (o) => t(o.target.value),
-      placeholder: s.search_placeholder,
+      placeholder: l.search_placeholder,
       slotProps: {
         input: {
           startAdornment: /* @__PURE__ */ e(Pe, { position: "start", children: /* @__PURE__ */ e(ct, { color: "disabled" }) }),
@@ -1072,64 +1065,64 @@ const It = w(({ transaction: t }) => {
       value: n
     }
   ) });
-}, Vt = w(Wt), Yt = ({ onTagChecked: t, selectedTags: n, tag: s }) => {
-  const { onEvent: a } = G(), { removeTag: r, updateTag: o } = R(), { common: i, transactions: _ } = O(), [c, d] = l.useState(!1), [u, g] = l.useState(!1), [p, h] = l.useState(""), [I, M] = l.useState(""), B = async () => {
-    a(C.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), s && await o({ ...s, name: p }), d(!1);
-  }, k = async () => {
-    a(C.ON_TRANSACTION_TAGS_TAG_DELETED), await r(s.guid), g(!1);
+}, Vt = w(Wt), Yt = ({ onTagChecked: t, selectedTags: n, tag: l }) => {
+  const { onEvent: a } = G(), { removeTag: r, updateTag: o } = M(), { common: i, transactions: _ } = E(), [s, d] = c.useState(!1), [u, g] = c.useState(!1), [p, h] = c.useState(""), [D, O] = c.useState(""), K = async () => {
+    a(f.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), l && await o({ ...l, name: p }), d(!1);
+  }, P = async () => {
+    a(f.ON_TRANSACTION_TAGS_TAG_DELETED), await r(l.guid), g(!1);
   };
-  l.useEffect(() => {
-    M(p.length > 40 ? _.tags_error_name_must_be_40_chars : "");
+  c.useEffect(() => {
+    O(p.length > 40 ? _.tags_error_name_must_be_40_chars : "");
   }, [p]);
-  const f = () => {
-    a(C.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), h(s.name), d(!0);
-  }, A = () => {
-    a(C.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), g(!0);
+  const y = () => {
+    a(f.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), h(l.name), d(!0);
+  }, N = () => {
+    a(f.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), g(!0);
   };
   return /* @__PURE__ */ m(
-    z,
+    U,
     {
       className: "mx-txn-transaction-manager-row",
       disableGutters: !0,
       disablePadding: !0,
-      secondaryAction: !s.is_default_tag && /* @__PURE__ */ m(L, { direction: "row", children: [
+      secondaryAction: !l.is_default_tag && /* @__PURE__ */ m(L, { direction: "row", children: [
         /* @__PURE__ */ e(
           ue,
           {
-            "aria-label": `Edit ${s.name} tag`,
+            "aria-label": `Edit ${l.name} tag`,
             color: "secondary",
-            onClick: f,
+            onClick: y,
             children: /* @__PURE__ */ e(dt, { color: "secondary" })
           }
         ),
         /* @__PURE__ */ e(
           ue,
           {
-            "aria-label": `Delete ${s.name} tag`,
+            "aria-label": `Delete ${l.name} tag`,
             color: "secondary",
-            onClick: A,
+            onClick: N,
             children: /* @__PURE__ */ e(fe, { color: "secondary" })
           }
         )
       ] }),
       children: [
         /* @__PURE__ */ m(
-          Q,
+          X,
           {
-            "aria-checked": n.includes(s.guid),
-            onClick: () => t(s.guid),
+            "aria-checked": n.includes(l.guid),
+            onClick: () => t(l.guid),
             role: "checkbox",
             children: [
-              /* @__PURE__ */ e(X, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(Z, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
                 yt,
                 {
                   "aria-hidden": !0,
-                  checked: n.includes(s.guid),
+                  checked: n.includes(l.guid),
                   edge: "start",
                   tabIndex: -1
                 }
               ) }),
-              /* @__PURE__ */ e(U, { children: s.name })
+              /* @__PURE__ */ e(W, { children: l.name })
             ]
           }
         ),
@@ -1137,24 +1130,24 @@ const It = w(({ transaction: t }) => {
           ae,
           {
             copy: { title: "Update tag name" },
-            isOpen: c,
+            isOpen: s,
             onClose: () => d(!1),
-            onPrimaryAction: B,
+            onPrimaryAction: K,
             onSecondaryAction: () => d(!1),
             children: [
               /* @__PURE__ */ e(
                 Le,
                 {
-                  "aria-describedby": I ? "update-tag-error" : void 0,
+                  "aria-describedby": D ? "update-tag-error" : void 0,
                   "aria-label": _.tags_update_the_tag_name,
                   name: "update-tag",
-                  onChange: (y) => h(y.target.value),
+                  onChange: (C) => h(C.target.value),
                   placeholder: "Tag name",
                   sx: { width: "100%" },
                   value: p
                 }
               ),
-              /* @__PURE__ */ e(ee, { id: "update-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: I })
+              /* @__PURE__ */ e(ee, { id: "update-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: D })
             ]
           }
         ),
@@ -1164,8 +1157,8 @@ const It = w(({ transaction: t }) => {
             copy: { title: _.tags_delete_title },
             isOpen: u,
             onClose: () => g(!1),
-            onPrimaryAction: k,
-            onSecondaryAction: () => a(C.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
+            onPrimaryAction: P,
+            onSecondaryAction: () => a(f.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
             primaryText: i.delete_button,
             secondaryText: i.cancel_button,
             children: /* @__PURE__ */ e(x, { truncate: !1, children: _.tags_deleting_this_tag_will_remove_it })
@@ -1175,7 +1168,7 @@ const It = w(({ transaction: t }) => {
     }
   );
 }, jt = w(Yt), qt = ({ selectedTags: t, onTagChecked: n }) => {
-  const { tags: s } = R(), [a, r] = l.useState(""), o = s.filter(
+  const { tags: l } = M(), [a, r] = c.useState(""), o = l.filter(
     (i) => i.name.toLowerCase().includes(a.toLowerCase())
   );
   return /* @__PURE__ */ m("div", { className: "mx-txn-tag-manager", children: [
@@ -1187,49 +1180,49 @@ const It = w(({ transaction: t }) => {
       }
     ),
     /* @__PURE__ */ e(Ut, {}),
-    /* @__PURE__ */ e(he, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(be, { children: o.map((i) => /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ e(he, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(be, { children: o.map((i) => /* @__PURE__ */ m(c.Fragment, { children: [
       /* @__PURE__ */ e(jt, { onTagChecked: n, selectedTags: t, tag: i }),
       /* @__PURE__ */ e(Te, { sx: { ml: 24 } })
     ] }, i.guid)) }) })
   ] });
 }, Qt = w(qt), Xt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { tags: s, updateTaggings: a, updateTransaction: r } = R(), { common: o, transactions: i } = O(), { updateManualTransaction: _ } = ne(), c = F(), [d, u] = l.useState(!1), [g, p] = l.useState(t.tags);
-  l.useEffect(() => {
+  const { onEvent: n } = G(), { tags: l, updateTaggings: a, updateTransaction: r } = M(), { common: o, transactions: i } = E(), { updateManualTransaction: _ } = ne(), s = H(), [d, u] = c.useState(!1), [g, p] = c.useState(t.tags);
+  c.useEffect(() => {
     p(t.tags);
   }, [d, t]);
-  const h = (k) => {
-    const f = [...g], A = g.indexOf(k);
-    A >= 0 ? f.splice(A, 1) : f.push(k), p(f);
-  }, I = async () => {
+  const h = (P) => {
+    const y = [...g], N = g.indexOf(P);
+    N >= 0 ? y.splice(N, 1) : y.push(P), p(y);
+  }, D = async () => {
     if (t.is_manual && !t.guid) {
       _({ ...t, tags: g }), u(!1);
       return;
     }
-    await a(g, t.guid), await r({ ...t, tags: g }), n(Y.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), u(!1);
-  }, M = l.useMemo(
+    await a(g, t.guid), await r({ ...t, tags: g }), n(j.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), u(!1);
+  }, O = c.useMemo(
     () => t.tags.map(
-      (k, f, A) => `${s.find((y) => y.guid === k)?.name}${f < A.length - 1 ? " / " : ""}`
+      (P, y, N) => `${l.find((C) => C.guid === P)?.name}${y < N.length - 1 ? " / " : ""}`
     ),
-    [s, t]
-  ), B = c.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
+    [l, t]
+  ), K = s.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ m(U, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(
-      Q,
+      X,
       {
         onClick: () => {
-          n(C.ON_TRANSACTION_TAGS_CLICK), u(!0);
+          n(f.ON_TRANSACTION_TAGS_CLICK), u(!0);
         },
         children: [
-          /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: B }, variant: "rounded", children: /* @__PURE__ */ e(P, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: K }, variant: "rounded", children: /* @__PURE__ */ e(k, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            U,
+            W,
             {
               primary: i.tags_title,
-              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.tags?.length > 0 ? M : i.tags_desc }),
+              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.tags?.length > 0 ? O : i.tags_desc }),
               slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
-          /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(P, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(k, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -1239,7 +1232,7 @@ const It = w(({ transaction: t }) => {
         ariaLabelClose: o.close_aria,
         isOpen: d,
         onClose: () => u(!1),
-        onPrimaryAction: I,
+        onPrimaryAction: D,
         primaryText: o.save_button,
         secondaryText: o.cancel_button,
         title: i.tags_title,
@@ -1248,20 +1241,20 @@ const It = w(({ transaction: t }) => {
     )
   ] });
 }, Zt = w(Xt), Jt = ({ transaction: t, viewOnly: n = !1 }) => {
-  const { updateTransaction: s } = R(), { common: a, transactions: r } = O(), { onEvent: o } = G(), { announce: i, ariaLive: _ } = Ae(), [c, d] = l.useState(!1), [u, g] = l.useState(""), p = l.useRef(null);
-  l.useEffect(() => {
-    c && (g(t.description), p?.current?.focus());
-  }, [c]);
+  const { updateTransaction: l } = M(), { common: a, transactions: r } = E(), { onEvent: o } = G(), { announce: i, ariaLive: _ } = Ae(), [s, d] = c.useState(!1), [u, g] = c.useState(""), p = c.useRef(null);
+  c.useEffect(() => {
+    s && (g(t.description), p?.current?.focus());
+  }, [s]);
   const h = () => {
-    d(!0), o(C.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK), setTimeout(() => document.getElementById("transaction-description-input")?.focus(), 0);
-  }, I = async () => {
-    o(Y.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
+    d(!0), o(f.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK), setTimeout(() => document.getElementById("transaction-description-input")?.focus(), 0);
+  }, D = async () => {
+    o(j.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
       transaction_guid: t.guid
-    }), await s({ ...t, description: u }), d(!1), i(`${r.payee_title}: ${u}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
+    }), await l({ ...t, description: u }), d(!1), i(`${r.payee_title}: ${u}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
   };
-  return /* @__PURE__ */ m(V, { className: "mx-txn-transaction-description", children: [
+  return /* @__PURE__ */ m(Y, { className: "mx-txn-transaction-description", children: [
     _,
-    c ? /* @__PURE__ */ m(Xe, { row: !0, children: [
+    s ? /* @__PURE__ */ m(Xe, { row: !0, children: [
       /* @__PURE__ */ e(
         $e,
         {
@@ -1269,7 +1262,7 @@ const It = w(({ transaction: t }) => {
           id: "transaction-description-input",
           label: r.payee_title,
           name: r.payee_title,
-          onChange: (M) => g(M.target.value),
+          onChange: (O) => g(O.target.value),
           ref: p,
           slotProps: { htmlInput: { maxLength: 140 } },
           sx: {
@@ -1285,7 +1278,7 @@ const It = w(({ transaction: t }) => {
         me,
         {
           disabled: !u,
-          onClick: I,
+          onClick: D,
           sx: {
             borderTopLeftRadius: 0,
             borderBottomLeftRadius: 0
@@ -1309,13 +1302,13 @@ const It = w(({ transaction: t }) => {
     ] })
   ] });
 }, ea = w(Jt), ta = ({ transaction: t }) => {
-  const { updateTransaction: n } = R(), { transactions: s } = O(), { onEvent: a } = G(), r = F(), o = r.palette.mode === "dark", i = async () => {
-    a(Y.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await n({ ...t, is_flagged: !t.is_flagged });
+  const { updateTransaction: n } = M(), { transactions: l } = E(), { onEvent: a } = G(), r = H(), o = r.palette.mode === "dark", i = async () => {
+    a(j.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await n({ ...t, is_flagged: !t.is_flagged });
   };
   return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
     lt,
     {
-      "aria-label": s.flag_btn_aria,
+      "aria-label": l.flag_btn_aria,
       "aria-pressed": t.is_flagged,
       color: o ? "primary" : "warning",
       onClick: i,
@@ -1340,24 +1333,24 @@ const It = w(({ transaction: t }) => {
       children: /* @__PURE__ */ e(ut, { color: "inherit" })
     }
   ) });
-}, aa = w(ta), pe = (t, n, s, a = !0, r = "inset") => a ? /* @__PURE__ */ m(l.Fragment, { children: [
-  /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(j, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: t }) }),
+}, aa = w(ta), pe = (t, n, l, a = !0, r = "inset") => a ? /* @__PURE__ */ m(c.Fragment, { children: [
+  /* @__PURE__ */ m(U, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: t }) }),
     /* @__PURE__ */ e(
-      U,
+      W,
       {
         primary: n,
-        secondary: s,
+        secondary: l,
         slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
       }
     )
   ] }),
   /* @__PURE__ */ e(Te, { variant: r })
 ] }) : null, na = ({ transaction: t }) => {
-  const { transactions: n } = O(), { tags: s } = R(), a = l.useMemo(() => {
-    const r = new Map(s.map((o) => [o.guid, o.name]));
+  const { transactions: n } = E(), { tags: l } = M(), a = c.useMemo(() => {
+    const r = new Map(l.map((o) => [o.guid, o.name]));
     return t.tags.map((o) => r.get(o)).filter(Boolean).join(" / ");
-  }, [s, t.tags]);
+  }, [l, t.tags]);
   return /* @__PURE__ */ m(be, { sx: { "& .MuiListItem-root": { px: 24, py: 12 } }, children: [
     pe(
       /* @__PURE__ */ e(
@@ -1395,35 +1388,35 @@ const It = w(({ transaction: t }) => {
 }, ra = w(na), oa = ({
   data: t,
   color: n,
-  width: s = 85,
+  width: l = 85,
   height: a = 65
 }) => {
-  const r = F(), o = {
+  const r = H(), o = {
     series: [
       {
-        data: t.map(({ value: c }) => c),
+        data: t.map(({ value: s }) => s),
         type: "bar"
       }
     ],
     xAxis: [
       {
-        data: t.map(({ label: c }) => c),
+        data: t.map(({ label: s }) => s),
         scaleType: "band",
         categoryGapRatio: 0.3
       }
     ]
   }, i = t.map(
-    (c, d) => d === t.length - 1 ? n(r) : `${n(r)}80`
-  ), _ = (c, d) => {
-    if (c <= 0 || d <= 0) return "";
-    const u = Math.min(6, c / 2, d / 2);
-    return `M${u},0 L${c - u},0 Q${c},0 ${c},${u} L${c},${d} L0,${d} L0,${u} Q0,0 ${u},0 Z`;
+    (s, d) => d === t.length - 1 ? n(r) : `${n(r)}80`
+  ), _ = (s, d) => {
+    if (s <= 0 || d <= 0) return "";
+    const u = Math.min(6, s / 2, d / 2);
+    return `M${u},0 L${s - u},0 Q${s},0 ${s},${u} L${s},${d} L0,${d} L0,${u} Q0,0 ${u},0 Z`;
   };
   return /* @__PURE__ */ e(
     L,
     {
       sx: {
-        width: s,
+        width: l,
         height: a
       },
       children: /* @__PURE__ */ e(
@@ -1442,18 +1435,18 @@ const It = w(({ transaction: t }) => {
           },
           series: o.series,
           slots: {
-            bar: ({ ownerState: c, ...d }) => {
-              const { ariaLabel: u } = t[c.dataIndex];
+            bar: ({ ownerState: s, ...d }) => {
+              const { ariaLabel: u } = t[s.dataIndex];
               return /* @__PURE__ */ e("g", { "aria-label": u, children: /* @__PURE__ */ e(
                 "path",
                 {
                   d: _(d.width, d.height),
-                  fill: i[c.dataIndex],
+                  fill: i[s.dataIndex],
                   transform: `translate(${d.x}, ${d.y})`
                 }
               ) });
             },
-            axisTickLabel: ({ text: c, ...d }) => {
+            axisTickLabel: ({ text: s, ...d }) => {
               const u = t[t.length - 1]?.label;
               return /* @__PURE__ */ e(
                 "text",
@@ -1463,9 +1456,9 @@ const It = w(({ transaction: t }) => {
                     ...d.style,
                     fontSize: 6.75,
                     lineHeight: "9px",
-                    fontWeight: u === c ? "bold" : 400
+                    fontWeight: u === s ? "bold" : 400
                   },
-                  children: c
+                  children: s
                 }
               );
             }
@@ -1475,7 +1468,7 @@ const It = w(({ transaction: t }) => {
               display: "none"
             }
           },
-          width: s,
+          width: l,
           xAxis: o.xAxis,
           yAxis: [{ width: 0, position: "none" }]
         }
@@ -1488,7 +1481,7 @@ const It = w(({ transaction: t }) => {
   if (n)
     switch (n.template) {
       case ia.BILL_AMOUNT_NOT_STANDARD: {
-        const s = n.data_series ? et(n.data_series) : [], a = tt(s, n.payload?.merchant_name);
+        const l = n.data_series ? et(n.data_series) : [], a = tt(l, n.payload?.merchant_name);
         return {
           instanceSlot: /* @__PURE__ */ e(
             oa,
@@ -1497,7 +1490,7 @@ const It = w(({ transaction: t }) => {
               data: a.slice(-3)
             }
           ),
-          dataSeries: s,
+          dataSeries: l,
           chartData: a,
           callToAction: t.view_history
         };
@@ -1509,50 +1502,50 @@ const It = w(({ transaction: t }) => {
 }, la = ({
   bottomActions: t = St,
   canFlagTransaction: n = !0,
-  topActions: s = ft,
+  topActions: l = ft,
   transaction: a
 }) => {
-  const { onEvent: r } = G(), { isCopyLoaded: o } = it(), { userFeatures: i } = st(), { accounts: _, common: c, insights_feed: d } = O(), { detailedCategories: u } = we(), {
+  const { onEvent: r } = G(), { isCopyLoaded: o } = it(), { userFeatures: i } = st(), { accounts: _, common: s, insights_feed: d } = E(), { detailedCategories: u } = we(), {
     alert: g,
     associatedBeats: p,
     detailedTransactions: h,
-    cachedStartDate: I,
-    loadEmbeddedInstanceTransactions: M,
-    setAlert: B
-  } = R(), [k, f] = l.useState(!1), [A, y] = l.useState(!1), [Z, se] = l.useState(!1), le = F(), te = a?.number && a.number.length > 4, $ = l.useMemo(() => p.find((T) => T.associated_transaction_guid === a.guid), [p, a]), b = sa(c, $), [K, re] = l.useState(
+    cachedStartDate: D,
+    loadEmbeddedInstanceTransactions: O,
+    setAlert: K
+  } = M(), [P, y] = c.useState(!1), [N, C] = c.useState(!1), [J, se] = c.useState(!1), le = H(), te = a?.number && a.number.length > 4, B = c.useMemo(() => p.find((T) => T.associated_transaction_guid === a.guid), [p, a]), b = sa(s, B), [F, re] = c.useState(
     b ? b.dataSeries.length - 1 : 0
   );
-  l.useEffect(
-    () => r(Y.TRANSACTION_DETAILS_VIEW, { transaction_guid: a.guid }),
+  c.useEffect(
+    () => r(j.TRANSACTION_DETAILS_VIEW, { transaction_guid: a.guid }),
     []
-  ), l.useEffect(() => {
+  ), c.useEffect(() => {
     if (!b || b.dataSeries.length === 0) return;
-    const { date: T } = b.dataSeries[K], D = De(T);
-    je(D, I) && (y(!0), M(D).finally(() => {
-      y(!1);
+    const { date: T } = b.dataSeries[F], v = De(T);
+    je(v, D) && (C(!0), O(v).finally(() => {
+      C(!1);
     }));
-  }, [K, b, I]);
-  const H = t.includes(ie.MerchantBudget) && !a?.merchant_guid ? t.filter((T) => T !== ie.MerchantBudget) : t, oe = ke(() => {
+  }, [F, b, D]);
+  const z = t.includes(ie.MerchantBudget) && !a?.merchant_guid ? t.filter((T) => T !== ie.MerchantBudget) : t, A = ke(() => {
     if (b) {
       const T = u.find(
         (ze) => ze.guid === a.top_level_category_guid
-      ), D = $?.payload?.average_amount ?? 0, J = a.amount;
+      ), v = B?.payload?.average_amount ?? 0, oe = a.amount;
       let ge = d.general.increased_text;
-      J - D < 0 && (ge = d.general.decreased_text);
-      const ce = D === 0 ? 0 : Math.round(Math.abs(J - D) / D * 100);
+      oe - v < 0 && (ge = d.general.decreased_text);
+      const ce = v === 0 ? 0 : Math.round(Math.abs(oe - v) / v * 100);
       return { category: T, percentageAmount: ce, changetype: ge };
     }
     return null;
-  }, [b, u]), N = ke(() => {
+  }, [b, u]), $ = ke(() => {
     if (!b?.dataSeries?.length)
       return [];
-    const { guid: T, date: D } = b.dataSeries[K], J = De(D), ge = Be(D);
-    return h.filter((ce) => ce.date >= Ie(J) && ce.date <= Ie(ge) && ce.guid === T);
-  }, [K, b, h, A]);
+    const { guid: T, date: v } = b.dataSeries[F], oe = De(v), ge = Be(v);
+    return h.filter((ce) => ce.date >= Ie(oe) && ce.date <= Ie(ge) && ce.guid === T);
+  }, [F, b, h, N]);
   if (!o)
     return /* @__PURE__ */ e(_t, {});
-  const v = Qe(i, "MX_TXN_DETAILS_VIEW_ONLY"), S = le.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ m(V, { className: "mx-txn-transaction-details", width: "100%", children: [
+  const S = Qe(i, "MX_TXN_DETAILS_VIEW_ONLY"), R = le.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ m(Y, { className: "mx-txn-transaction-details", width: "100%", children: [
     a && /* @__PURE__ */ m(L, { children: [
       /* @__PURE__ */ m(L, { gap: 12, p: 24, children: [
         /* @__PURE__ */ e(he, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
@@ -1563,37 +1556,37 @@ const It = w(({ transaction: t }) => {
             size: 64
           }
         ) }),
-        /* @__PURE__ */ e(ea, { transaction: a, viewOnly: v }),
+        /* @__PURE__ */ e(ea, { transaction: a, viewOnly: S }),
         /* @__PURE__ */ m(L, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
           /* @__PURE__ */ m(ee, { color: a.isIncome ? "success.main" : "text.primary", variant: "h1", children: [
             a.isIncome ? "+" : "",
-            W(a.amount, "0,0.00")
+            V(a.amount, "0,0.00")
           ] }),
-          !v && n && /* @__PURE__ */ e(aa, { transaction: a })
+          !S && n && /* @__PURE__ */ e(aa, { transaction: a })
         ] }),
         b?.instanceSlot && /* @__PURE__ */ e(
           at,
           {
             callToAction: b.callToAction,
-            description: E(
+            description: I(
               d.general.embedded_description,
-              oe.changetype,
-              /* @__PURE__ */ e("strong", { children: oe.percentageAmount })
+              A.changetype,
+              /* @__PURE__ */ e("strong", { children: A.percentageAmount })
             ),
             instanceSlot: b.instanceSlot,
             onCtaClick: () => {
-              f(!0);
+              y(!0);
             },
-            title: $.html_micro_title
+            title: B.html_micro_title
           }
         ),
-        /* @__PURE__ */ m(L, { sx: { bgcolor: S, borderRadius: "4px", gap: 4, p: 8 }, children: [
+        /* @__PURE__ */ m(L, { sx: { bgcolor: R, borderRadius: "4px", gap: 4, p: 8 }, children: [
           /* @__PURE__ */ e(x, { bold: !0, children: `${a.account}
                 ${te ? a.number : "•".repeat(4).concat(a.number ?? "")}` }),
           /* @__PURE__ */ e(x, { bold: !0, truncate: !0, variant: "tiny", children: a.feed_description })
         ] })
       ] }),
-      /* @__PURE__ */ e(he, { square: !0, sx: { boxShadow: "none" }, children: v ? /* @__PURE__ */ e(ra, { transaction: a }) : /* @__PURE__ */ e(be, { children: s.map((T, D) => /* @__PURE__ */ m(l.Fragment, { children: [
+      /* @__PURE__ */ e(he, { square: !0, sx: { boxShadow: "none" }, children: S ? /* @__PURE__ */ e(ra, { transaction: a }) : /* @__PURE__ */ e(be, { children: l.map((T, v) => /* @__PURE__ */ m(c.Fragment, { children: [
         T === de.Category && /* @__PURE__ */ e(Dt, { transaction: a }),
         T === de.Date && /* @__PURE__ */ e(vt, { transaction: a }),
         T === de.Memo && /* @__PURE__ */ e(Pt, { transaction: a }),
@@ -1602,14 +1595,14 @@ const It = w(({ transaction: t }) => {
           Te,
           {
             component: "li",
-            variant: D < s.length - 1 ? "inset" : "fullWidth"
+            variant: v < l.length - 1 ? "inset" : "fullWidth"
           }
         )
       ] }, T)) }) }),
-      !v && H.length > 0 && /* @__PURE__ */ m(l.Fragment, { children: [
+      !S && z.length > 0 && /* @__PURE__ */ m(c.Fragment, { children: [
         /* @__PURE__ */ e(x, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "body1", children: _.actions }),
         /* @__PURE__ */ e(he, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ m(be, { children: [
-          H.map((T, D) => /* @__PURE__ */ m(l.Fragment, { children: [
+          z.map((T, v) => /* @__PURE__ */ m(c.Fragment, { children: [
             T === ie.MerchantBudget && /* @__PURE__ */ e(It, { transaction: a }),
             T === ie.SplitTransaction && /* @__PURE__ */ e(Ht, { transaction: a }),
             T === ie.HideTransaction && /* @__PURE__ */ e(Rt, { transaction: a }),
@@ -1618,7 +1611,7 @@ const It = w(({ transaction: t }) => {
               Te,
               {
                 component: "li",
-                variant: D < H.length - 1 ? "inset" : "fullWidth"
+                variant: v < z.length - 1 ? "inset" : "fullWidth"
               }
             )
           ] }, T)),
@@ -1626,19 +1619,19 @@ const It = w(({ transaction: t }) => {
         ] }) })
       ] })
     ] }),
-    $ && b && /* @__PURE__ */ e(
+    B && b && /* @__PURE__ */ e(
       nt,
       {
         ariaLabel: Me(
-          b?.dataSeries[K]?.date,
+          b?.dataSeries[F]?.date,
           Re.MONTH
         ),
         barChartProps: {
           amounts: {
-            average: $.payload.average_amount,
-            formattedAverage: W($.payload.average_amount, "0,0")
+            average: B.payload.average_amount,
+            formattedAverage: V(B.payload.average_amount, "0,0")
           },
-          color: oe.category?.color || "",
+          color: A.category?.color || "",
           data: b.chartData,
           margin: { bottom: 10, left: 24, right: 24, top: 20 },
           monthlyAmountLabel: d.general.monthly_amount,
@@ -1649,7 +1642,7 @@ const It = w(({ transaction: t }) => {
           legendPosition: "top"
         },
         beat: {
-          heading: $.html_title,
+          heading: B.html_title,
           subHeading: {
             category_guid: a.category_guid ?? "",
             merchant_guid: a.merchant_guid ?? "",
@@ -1657,7 +1650,7 @@ const It = w(({ transaction: t }) => {
           }
         },
         data: b.chartData,
-        defaultSelectedIndex: K,
+        defaultSelectedIndex: F,
         icon: /* @__PURE__ */ e(
           Ce,
           {
@@ -1667,26 +1660,26 @@ const It = w(({ transaction: t }) => {
             size: 16
           }
         ),
-        isOpen: k,
+        isOpen: P,
         onClose: () => {
-          f(!1), re(b.dataSeries.length - 1);
+          y(!1), re(b.dataSeries.length - 1);
         },
         onTabChange: (T) => {
           re(T);
         },
-        tipSection: Z ? void 0 : {
-          message: E(
+        tipSection: J ? void 0 : {
+          message: I(
             d.general.tip_section_message,
             /* @__PURE__ */ e("strong", { children: d.general.tip_section_title }),
-            /* @__PURE__ */ e("strong", { children: $.primary_transaction?.description })
+            /* @__PURE__ */ e("strong", { children: B.primary_transaction?.description })
           ),
           onDismiss: () => se(!0)
         },
         title: d.general.transaction_history_title,
         transactionListProps: {
-          showLoader: A,
+          showLoader: N,
           showInsights: !0,
-          transaction: N
+          transaction: $
         }
       }
     ),
@@ -1695,9 +1688,9 @@ const It = w(({ transaction: t }) => {
       {
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         autoHideDuration: 3500,
-        onClose: () => B(""),
+        onClose: () => K(""),
         open: !!g,
-        children: /* @__PURE__ */ e(Ue, { closeText: "", onClose: () => B(""), severity: "success", variant: "filled", children: g })
+        children: /* @__PURE__ */ e(Ue, { closeText: "", onClose: () => K(""), severity: "success", variant: "filled", children: g })
       }
     )
   ] });