@mx-cartographer/experiences 7.11.21 → 7.11.23

package/dist/{TransactionDetails-CgC3Qu7o.mjs → TransactionDetails-BGdUTqhq.mjs}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import d from "react";
 import { observer as E } from "mobx-react-lite";
-import K from "@mui/material/Box";
+import F from "@mui/material/Box";
 import de from "@mui/material/Divider";
 import ue from "@mui/material/List";
 import le from "@mui/material/Paper";
@@ -16,18 +16,18 @@ import Oe from "@mui/material/TextField";
 import { u as pe } from "./useAriaLive-MkYebyUR.mjs";
 import { O as y } from "./Transaction-B_2AG36b.mjs";
 import { u as I, h as O, m as We, d as Ye, l as Le, g as w, b as Xe, o as je } from "./hooks-BxkfR-Ff.mjs";
-import { A as F } from "./Analytics-i5h6BxR1.mjs";
+import { A as H } from "./Analytics-i5h6BxR1.mjs";
 import qe from "@mui/material/ToggleButton";
 import we from "@mui/material/styles/useTheme";
 import { ChevronRight as Re, Icon as D, Delete as _e, Cancel as me, Search as Je, Edit as Qe, Flag as Ze } from "@mxenabled/mx-icons";
 import { fromUnixTime as Se } from "date-fns/fromUnixTime";
-import H from "@mui/material/Avatar";
-import G from "@mui/material/ListItem";
-import U from "@mui/material/ListItemAvatar";
-import B from "@mui/material/ListItemText";
+import U from "@mui/material/Avatar";
+import B from "@mui/material/ListItem";
+import V from "@mui/material/ListItemAvatar";
+import $ from "@mui/material/ListItemText";
 import { f as Me, D as ke } from "./DateFormats-BMpMrZpW.mjs";
-import V from "@mui/material/ListItemButton";
-import z from "@mui/material/ListItemIcon";
+import z from "@mui/material/ListItemButton";
+import W from "@mui/material/ListItemIcon";
 import { a as Pe } from "./CategorySelectorDrawer-5n6Pil_E.mjs";
 import { b as et, T as tt, u as J } from "./StatusIndicator-wyBzyHJc.mjs";
 import { D as q } from "./Dialog-DdCwLgrl.mjs";
@@ -68,7 +68,7 @@ const dt = [
 }) => {
   const { budgets: m } = I();
   return /* @__PURE__ */ e(d.Fragment, { children: /* @__PURE__ */ l(
-    K,
+    F,
     {
       sx: {
         bgcolor: "background.paper",
@@ -189,11 +189,11 @@ const gt = E(({ transaction: t }) => {
     deleteMerchantBudget: h,
     getMerchantBudgetByMerchantGuid: f,
     alert: L,
-    setAlert: M
-  } = We(), { setFilter: S } = O(), { accounts: T } = Ye(), R = p.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: C, common: Q } = I(), { announce: ge, ariaLive: he } = pe(), [Z, ee] = d.useState(!1), W = t?.merchant_guid ? f(t.merchant_guid) : void 0, te = () => {
+    setAlert: k
+  } = We(), { setFilter: S } = O(), { accounts: T } = Ye(), R = p.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: C, common: Q } = I(), { announce: ge, ariaLive: he } = pe(), [Z, ee] = d.useState(!1), K = t?.merchant_guid ? f(t.merchant_guid) : void 0, te = () => {
     u(n), i(null), a("");
   }, ye = () => {
-    W ? ee(!0) : i(
+    K ? ee(!0) : i(
       "create"
       /* CREATE */
     );
@@ -240,7 +240,7 @@ const gt = E(({ transaction: t }) => {
         t.description
       ),
       apiTrigger: async () => await g({
-        ...W,
+        ...K,
         amount: Number(r)
       })
     },
@@ -263,23 +263,23 @@ const gt = E(({ transaction: t }) => {
         C.success_alert_delete_merchant_budget,
         t.description
       ),
-      apiTrigger: async () => await h(W.guid)
+      apiTrigger: async () => await h(K.guid)
     }
-  }, k = async () => {
+  }, P = async () => {
     if (c.current) return;
     c.current = !0;
-    const { apiTrigger: $, successAlertMessage: P, errorAlertMessage: Te } = b[n], { isSuccess: Ce } = await $(), ve = Ce ? P : Te;
-    te(), s(!Ce), M(ve), ge(ve), Ce && n === "delete" && ee(!1), c.current = !1;
+    const { apiTrigger: M, successAlertMessage: G, errorAlertMessage: Te } = b[n], { isSuccess: Ce } = await M(), ve = Ce ? G : Te;
+    te(), s(!Ce), k(ve), ge(ve), Ce && n === "delete" && ee(!1), c.current = !1;
   };
   d.useEffect(() => {
-    const $ = {
+    const M = {
       start: nt(new Date(t.date * 1e3)),
       end: ot(new Date(t.date * 1e3))
     };
     S({
-      accounts: T.map((P) => P.guid),
-      custom: Z ? (P) => P.merchant_guid === t.merchant_guid : (P) => P.guid === t.guid,
-      dateRange: $
+      accounts: T.map((G) => G.guid),
+      custom: Z ? (G) => G.merchant_guid === t.merchant_guid : (G) => G.guid === t.guid,
+      dateRange: M
     });
   }, [Z, t, T]);
   const A = () => /* @__PURE__ */ e(
@@ -287,7 +287,7 @@ const gt = E(({ transaction: t }) => {
     {
       actionText: C.autogenerate_budgets_error_primary_button,
       autoHideDuration: 3500,
-      handleClose: () => M(""),
+      handleClose: () => k(""),
       message: L,
       multiLine: !0,
       onActionClick: b[m]?.errorRetryAction,
@@ -320,26 +320,28 @@ const gt = E(({ transaction: t }) => {
   );
   return /* @__PURE__ */ l(d.Fragment, { children: [
     he,
-    /* @__PURE__ */ e(G, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(V, { onClick: ye, children: [
-      /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: R }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
+    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(z, { onClick: ye, children: [
+      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: R }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
       /* @__PURE__ */ e(
-        B,
+        $,
         {
           primary: C.add_merchant_budget_primary_text,
           primaryTypographyProps: { variant: "caption" },
-          secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: W ? `${X(W.amount, "0,0.00")} / ${Q.month_text}` : C.add_merchant_budget_secondary_text })
+          secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: K ? `${X(K.amount, "0,0.00")} / ${Q.month_text}` : C.add_merchant_budget_secondary_text })
         }
       ),
-      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+      /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
     ] }) }),
-    !!W && /* @__PURE__ */ e(
+    !!K && /* @__PURE__ */ e(
       pt,
       {
         isOpen: Z,
-        merchantBudget: W,
+        merchantBudget: K,
         onClose: () => ee(!1),
         renderingToast: () => L && A(),
-        setCurrencyDialogAction: i,
+        setCurrencyDialogAction: (M) => {
+          M === "edit" && a(K?.amount.toString() || ""), i(M);
+        },
         transaction: t
       }
     ),
@@ -350,7 +352,7 @@ const gt = E(({ transaction: t }) => {
         content: b[n].content,
         handleInputChange: a,
         handleModalClose: te,
-        handlePrimaryAction: k,
+        handlePrimaryAction: P,
         handleSecondaryAction: te,
         inputLabel: n !== "delete" ? Q.amount_text : "",
         inputValue: r,
@@ -364,7 +366,7 @@ const gt = E(({ transaction: t }) => {
   ] });
 }), ht = ({ transaction: t }) => {
   const { addOrUpdateTransactionRule: n, updateTransaction: i } = O(), { categories: r } = Le(), { onEvent: a } = w(), { setShouldDisableDrawerScroll: o, updateManualTransaction: s } = J(), { transactions: c } = I(), m = j(), [u, p] = d.useState(!1), [_, g] = d.useState(""), h = async (T) => {
-    await i({ ...t, category_guid: _ }), T && await n(_, t), g(""), a(F.TRANSACTION_DETAILS_CLICK_CATEGORY, {
+    await i({ ...t, category_guid: _ }), T && await n(_, t), g(""), a(H.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: t.guid
     });
   }, f = (T) => {
@@ -381,19 +383,19 @@ const gt = E(({ transaction: t }) => {
     L();
   }, L = () => {
     p(!1), o(!1);
-  }, M = d.useMemo(
+  }, k = d.useMemo(
     () => r.find((T) => T.guid === _),
     [_]
   ), S = m.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(G, { disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      V,
+      z,
       {
         onClick: () => {
           a(y.ON_TRANSACTION_CATEGORY_CLICK), p(!0);
         },
         children: [
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: S }, variant: "rounded", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: S }, variant: "rounded", children: /* @__PURE__ */ e(
             Ne,
             {
               categoryGuid: t.top_level_category_guid,
@@ -403,14 +405,14 @@ const gt = E(({ transaction: t }) => {
             }
           ) }) }),
           /* @__PURE__ */ e(
-            B,
+            $,
             {
               primary: c.category_title,
               primaryTypographyProps: { variant: "XSmall" },
               secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: t.category ?? c.actions_select_a_category })
             }
           ),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -442,7 +444,7 @@ const gt = E(({ transaction: t }) => {
         children: /* @__PURE__ */ e(Y, { variant: "Paragraph", children: N(
           c.actions_all_past_and_future,
           t.description,
-          M?.name
+          k?.name
         ) })
       }
     )
@@ -455,26 +457,26 @@ const gt = E(({ transaction: t }) => {
       r({ ...t, date: u }), m(!1);
       return;
     }
-    await i({ ...t, date: u }), n(F.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), m(!1);
+    await i({ ...t, date: u }), n(H.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: t.guid }), m(!1);
   }, h = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(G, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ l(B, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      V,
+      z,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_DATE_CLICK), m(!0);
         },
         children: [
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            B,
+            $,
             {
               primary: o.date_title,
               primaryTypographyProps: { variant: "XSmall" },
               secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: Me(Se(t.date), ke.YEAR_MONTH_DAY) })
             }
           ),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -508,23 +510,23 @@ const gt = E(({ transaction: t }) => {
   const { onEvent: n } = w(), { removeTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: a, transactions: o } = I(), [s, c] = d.useState(!1), m = async () => {
     await i(t.guid), n(y.ON_TRANSACTION_DELETE_DELETED);
   };
-  return /* @__PURE__ */ l(K, { className: "mx-txn-delete", children: [
-    t && /* @__PURE__ */ e(G, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
-      V,
+  return /* @__PURE__ */ l(F, { className: "mx-txn-delete", children: [
+    t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+      z,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_DELETE_CLICK), r(!0), c(!0);
         },
         children: [
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { variant: "rounded", children: /* @__PURE__ */ e(_e, { color: "secondary", fontSize: "small" }) }) }),
+          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { variant: "rounded", children: /* @__PURE__ */ e(_e, { color: "secondary", fontSize: "small" }) }) }),
           /* @__PURE__ */ e(
-            B,
+            $,
             {
               primary: o.manual_transaction_delete_title,
               secondary: o.manual_transaction_delete_subtitle
             }
           ),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(_e, {}) })
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(_e, {}) })
         ]
       }
     ) }),
@@ -546,21 +548,21 @@ const gt = E(({ transaction: t }) => {
   ] });
 }, Ct = E(Tt), bt = ({ transaction: t }) => {
   const { onEvent: n } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: a, transactions: o } = I(), s = j(), [c, m] = d.useState(!1), u = async () => {
-    await i({ ...t, merchant_guid: "" }), n(F.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
+    await i({ ...t, merchant_guid: "" }), n(H.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: t.guid
     });
   }, p = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(G, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(B, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      V,
+      z,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_DELETE_LOGO_CLICK), m(!0);
         },
         children: [
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "delete", sx: { color: "text.primary" } }) }) }),
-          /* @__PURE__ */ e(B, { primary: o.merchant_logo_title, secondary: o.merchant_logo_desc }),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "delete", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e($, { primary: o.merchant_logo_title, secondary: o.merchant_logo_desc }),
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -590,9 +592,9 @@ const gt = E(({ transaction: t }) => {
       u ? y.ON_TRANSACTION_UNHIDDEN : y.ON_TRANSACTION_HIDDEN
     );
   }, _ = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(G, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(B, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      V,
+      z,
       {
         "aria-checked": u,
         "aria-labelledby": "hide-transaction-text",
@@ -608,16 +610,16 @@ const gt = E(({ transaction: t }) => {
         },
         role: "switch",
         children: [
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: _ }, variant: "rounded", children: u ? /* @__PURE__ */ e(D, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(D, { name: "visibility", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: _ }, variant: "rounded", children: u ? /* @__PURE__ */ e(D, { name: "visibility_off", sx: { color: "text.primary" } }) : /* @__PURE__ */ e(D, { name: "visibility", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            B,
+            $,
             {
               id: "hide-transaction-text",
               primary: u ? o.hide_trnx_subtitle_unhide_trnx : o.hide_trnx_subtitle_hide_trnx,
               secondary: u ? o.hide_trnx_desc_unhiding : o.hide_trnx_desc_hiding
             }
           ),
-          /* @__PURE__ */ e(z, { "aria-hidden": "true", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(W, { "aria-hidden": "true", children: /* @__PURE__ */ e(
             lt,
             {
               checked: u,
@@ -678,19 +680,19 @@ const gt = E(({ transaction: t }) => {
       r({ ...t, memo: u }), m(!1);
       return;
     }
-    await i({ ...t, memo: u }), n(F.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), m(!1);
+    await i({ ...t, memo: u }), n(H.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), m(!1);
   }, g = s.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(G, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ l(B, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      V,
+      z,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_MEMO_CLICK), m(!0);
         },
         children: [
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: g }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "article", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: g }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "article", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            B,
+            $,
             {
               primary: o.memo_title,
               primaryTypographyProps: { variant: "XSmall" },
@@ -705,7 +707,7 @@ const gt = E(({ transaction: t }) => {
               )
             }
           ),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -747,7 +749,7 @@ const gt = E(({ transaction: t }) => {
   const { onEvent: o } = w(), { transactions: s } = I(), [c, m] = d.useState(`${a.amount}`), [u, p] = d.useState(!1), _ = t === 0, g = (h) => {
     isNaN(Number(h)) || (m(h), r(t, Number(h)));
   };
-  return /* @__PURE__ */ l(K, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
+  return /* @__PURE__ */ l(F, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
     /* @__PURE__ */ l(xe, { alignItems: _ ? "center" : "start", container: !0, children: [
       /* @__PURE__ */ e(xe, { item: !0, xs: 7, children: /* @__PURE__ */ l(v, { alignItems: "start", children: [
         /* @__PURE__ */ e(
@@ -760,7 +762,7 @@ const gt = E(({ transaction: t }) => {
             children: a.category
           }
         ),
-        /* @__PURE__ */ e(K, { children: !a.category_guid && /* @__PURE__ */ l(v, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
+        /* @__PURE__ */ e(F, { children: !a.category_guid && /* @__PURE__ */ l(v, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
           /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(me, { sx: { fontSize: 15 } }) }),
           /* @__PURE__ */ e(x, { variant: "Small", children: s.split_transaction_errors_select_category })
         ] }) })
@@ -834,7 +836,7 @@ const gt = E(({ transaction: t }) => {
       u(g), p(g);
     } else
       u(""), p("");
-  }, [a]), /* @__PURE__ */ l(K, { className: "mx-txn-split-manager", children: [
+  }, [a]), /* @__PURE__ */ l(F, { className: "mx-txn-split-manager", children: [
     _,
     a.map((g, h) => /* @__PURE__ */ e(
       vt,
@@ -851,7 +853,7 @@ const gt = E(({ transaction: t }) => {
       /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(me, { sx: { fontSize: 15 } }) }),
       /* @__PURE__ */ e(x, { variant: "Small", children: m })
     ] }),
-    /* @__PURE__ */ e(K, { p: 16, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(F, { p: 16, children: /* @__PURE__ */ e(
       oe,
       {
         "aria-label": s.split_transaction_add_split_btn,
@@ -878,7 +880,7 @@ const gt = E(({ transaction: t }) => {
     has_been_split: !1,
     parent_guid: t.guid,
     top_level_category_guid: void 0
-  }, [h, f] = d.useState(!1), [L, M] = d.useState(!1), [S, T] = d.useState([]), R = () => {
+  }, [h, f] = d.useState(!1), [L, k] = d.useState(!1), [S, T] = d.useState([]), R = () => {
     const b = [...S];
     b.push({ ...g }), b[0].amount -= 1, T(b), i(
       N(
@@ -888,64 +890,64 @@ const gt = E(({ transaction: t }) => {
     );
   }, C = (b) => {
     if (b > 0) {
-      const k = S[b], A = [...S];
-      A.splice(b, 1), A[0].amount += k.amount, T(A), i(
+      const P = S[b], A = [...S];
+      A.splice(b, 1), A[0].amount += P.amount, T(A), i(
         N(c.split_transaction_delete_split_announcement, b + 1)
       );
     }
-  }, Q = (b, k) => {
+  }, Q = (b, P) => {
     const A = [...S];
-    A[b].amount = k, A[0].amount = t.amount - A.reduce(
-      ($, P, Te) => $ + (Te !== 0 ? P.amount : 0),
+    A[b].amount = P, A[0].amount = t.amount - A.reduce(
+      (M, G, Te) => M + (Te !== 0 ? G.amount : 0),
       0
     ), T(A);
-  }, ge = (b, k) => {
-    const A = [...S], $ = u.find((P) => P.guid === k);
-    $ && (A[b] = {
+  }, ge = (b, P) => {
+    const A = [...S], M = u.find((G) => G.guid === P);
+    M && (A[b] = {
       ...A[b],
-      category_guid: k,
-      category: $.name,
-      top_level_category_guid: $.parent_guid || k
+      category_guid: P,
+      category: M.name,
+      top_level_category_guid: M.parent_guid || P
     }, T(A), i(
       N(
         c.split_transaction_select_category_announcement,
-        $.name,
+        M.name,
         b + 1
       )
     ));
   }, he = () => {
     if (t.parent_guid || t.has_been_split) {
-      M(!0);
+      k(!0);
       return;
     }
-    T([{ ..._ }, { ...g }]), n(F.TRANSACTION_DETAILS_CLICK_SPLIT, {
+    T([{ ..._ }, { ...g }]), n(H.TRANSACTION_DETAILS_CLICK_SPLIT, {
       transaction_guid: t.guid
     }), f(!0);
   }, Z = async () => {
     n(y.ON_TRANSACTION_SPLIT_SAVE_CLICK), await a({ ...t, has_been_split: !0 }, S), f(!1);
   }, ee = async () => {
     n(y.ON_TRANSACTION_SPLIT_CANCEL_CLICK), T([{ ..._ }, { ...g }]), f(!1);
-  }, W = async () => {
-    n(F.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
+  }, K = async () => {
+    n(H.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
       transaction_guid: t.guid
     });
     const b = t.parent_guid ?? t.guid;
     await o(b);
   }, te = d.useMemo(() => {
-    const b = S.some((A) => !A.category_guid), k = S.some((A) => A.amount <= 0);
-    return b || k;
+    const b = S.some((A) => !A.category_guid), P = S.some((A) => A.amount <= 0);
+    return b || P;
   }, [S]), ye = p.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(G, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(V, { onClick: he, children: [
-      /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: ye }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "call_split", sx: { color: "text.primary" } }) }) }),
+  return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ l(z, { onClick: he, children: [
+      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: ye }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "call_split", sx: { color: "text.primary" } }) }) }),
       /* @__PURE__ */ e(
-        B,
+        $,
         {
           primary: t.has_been_split || t.parent_guid ? c.split_transaction_unsplit_title : c.split_transaction_title,
           secondary: t.has_been_split || t.parent_guid ? c.split_transaction_unsplit_subtitle : c.split_transaction_desc
         }
       ),
-      /* @__PURE__ */ e(z, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(D, { name: "delete" }) : /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+      /* @__PURE__ */ e(W, { children: t.has_been_split || t.parent_guid ? /* @__PURE__ */ e(D, { name: "delete" }) : /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
     ] }),
     /* @__PURE__ */ l(
       ie,
@@ -981,9 +983,9 @@ const gt = E(({ transaction: t }) => {
         copy: { title: c.split_transaction_unsplit_title },
         isOpen: L,
         onClose: () => {
-          m(!1), M(!1);
+          m(!1), k(!1);
         },
-        onPrimaryAction: W,
+        onPrimaryAction: K,
         onSecondaryAction: () => {
           n(y.ON_TRANSACTION_UNSPLIT_CANCEL);
         },
@@ -1010,7 +1012,7 @@ const gt = E(({ transaction: t }) => {
   };
   return d.useEffect(() => {
     u(s.length > 40 ? r.tags_error_name_must_be_40_chars : "");
-  }, [s]), /* @__PURE__ */ l(K, { className: "mx-txn-tag-manager-header", children: [
+  }, [s]), /* @__PURE__ */ l(F, { className: "mx-txn-tag-manager-header", children: [
     /* @__PURE__ */ l(
       v,
       {
@@ -1068,7 +1070,7 @@ const gt = E(({ transaction: t }) => {
       children: /* @__PURE__ */ e(me, {})
     }
   );
-  return /* @__PURE__ */ e(K, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(F, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
     Ie,
     {
       InputProps: {
@@ -1084,7 +1086,7 @@ const gt = E(({ transaction: t }) => {
     }
   ) });
 }, kt = E(Mt), Pt = ({ onTagChecked: t, selectedTags: n, tag: i }) => {
-  const { onEvent: r } = w(), { removeTag: a, updateTag: o } = O(), { common: s, transactions: c } = I(), [m, u] = d.useState(!1), [p, _] = d.useState(!1), [g, h] = d.useState(""), [f, L] = d.useState(""), M = async () => {
+  const { onEvent: r } = w(), { removeTag: a, updateTag: o } = O(), { common: s, transactions: c } = I(), [m, u] = d.useState(!1), [p, _] = d.useState(!1), [g, h] = d.useState(""), [f, L] = d.useState(""), k = async () => {
     r(y.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await o({ ...i, name: g }), u(!1);
   }, S = async () => {
     r(y.ON_TRANSACTION_TAGS_TAG_DELETED), await a(i.guid), _(!1);
@@ -1098,7 +1100,7 @@ const gt = E(({ transaction: t }) => {
     r(y.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), _(!0);
   };
   return /* @__PURE__ */ l(
-    G,
+    B,
     {
       className: "mx-txn-transaction-manager-row",
       disableGutters: !0,
@@ -1125,13 +1127,13 @@ const gt = E(({ transaction: t }) => {
       ] }),
       children: [
         /* @__PURE__ */ l(
-          V,
+          z,
           {
             "aria-checked": n.includes(i.guid),
             onClick: () => t(i.guid),
             role: "checkbox",
             children: [
-              /* @__PURE__ */ e(z, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(W, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
                 at,
                 {
                   "aria-hidden": !0,
@@ -1140,7 +1142,7 @@ const gt = E(({ transaction: t }) => {
                   tabIndex: -1
                 }
               ) }),
-              /* @__PURE__ */ e(B, { children: i.name })
+              /* @__PURE__ */ e($, { children: i.name })
             ]
           }
         ),
@@ -1150,7 +1152,7 @@ const gt = E(({ transaction: t }) => {
             copy: { title: "Update tag name" },
             isOpen: m,
             onClose: () => u(!1),
-            onPrimaryAction: M,
+            onPrimaryAction: k,
             onSecondaryAction: () => u(!1),
             children: [
               /* @__PURE__ */ e(
@@ -1216,31 +1218,31 @@ const gt = E(({ transaction: t }) => {
       c({ ...t, tags: _ }), p(!1);
       return;
     }
-    await r(_, t.guid), await a({ ...t, tags: _ }), n(F.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), p(!1);
+    await r(_, t.guid), await a({ ...t, tags: _ }), n(H.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), p(!1);
   }, L = d.useMemo(
     () => t.tags.map(
       (S, T, R) => `${i.find((C) => C.guid === S)?.name}${T < R.length - 1 ? " / " : ""}`
     ),
     [i, t]
-  ), M = m.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(G, { disableGutters: !0, disablePadding: !0, children: [
+  ), k = m.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      V,
+      z,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_TAGS_CLICK), p(!0);
         },
         children: [
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: M }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: k }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
-            B,
+            $,
             {
               primary: s.tags_title,
               primaryTypographyProps: { variant: "XSmall" },
               secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: t.tags?.length > 0 ? L : s.tags_desc })
             }
           ),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -1266,11 +1268,11 @@ const gt = E(({ transaction: t }) => {
   const h = () => {
     u(!0), o(y.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK), setTimeout(() => document.getElementById("transaction-description-input")?.focus(), 0);
   }, f = async () => {
-    o(F.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
+    o(H.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
       transaction_guid: t.guid
     }), await i({ ...t, description: p }), u(!1), s(`${a.payee_title}: ${p}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
   };
-  return /* @__PURE__ */ l(K, { className: "mx-txn-transaction-description", children: [
+  return /* @__PURE__ */ l(F, { className: "mx-txn-transaction-description", children: [
     c,
     m ? /* @__PURE__ */ l(ze, { row: !0, children: [
       /* @__PURE__ */ e(
@@ -1321,7 +1323,7 @@ const gt = E(({ transaction: t }) => {
   ] });
 }, Ut = E(Ht), Vt = ({ transaction: t }) => {
   const { updateTransaction: n } = O(), { transactions: i } = I(), { onEvent: r } = w(), a = we(), o = async () => {
-    r(F.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await n({ ...t, is_flagged: !t.is_flagged });
+    r(H.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(
     qe,
@@ -1352,10 +1354,10 @@ const gt = E(({ transaction: t }) => {
     }
   ) });
 }, zt = E(Vt), se = (t, n, i, r = !0, a = "inset") => r ? /* @__PURE__ */ l(d.Fragment, { children: [
-  /* @__PURE__ */ l(G, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(H, { sx: { bgcolor: "border.light" }, variant: "rounded", children: t }) }),
+  /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
+    /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { sx: { bgcolor: "border.light" }, variant: "rounded", children: t }) }),
     /* @__PURE__ */ e(
-      B,
+      $,
       {
         primary: n,
         primaryTypographyProps: { variant: "XSmall" },
@@ -1411,12 +1413,12 @@ const gt = E(({ transaction: t }) => {
 }) => {
   const { onEvent: a } = w(), { isCopyLoaded: o } = Xe(), { userFeatures: s } = je(), c = j(), m = r?.number && r.number.length > 4;
   if (d.useEffect(
-    () => a(F.TRANSACTION_DETAILS_VIEW, { transaction_guid: r.guid }),
+    () => a(H.TRANSACTION_DETAILS_VIEW, { transaction_guid: r.guid }),
     []
   ), !o)
     return /* @__PURE__ */ e(ct, {});
   const u = Ve(s, "MX_TXN_DETAILS_VIEW_ONLY"), p = c.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ e(K, { className: "mx-txn-transaction-details", width: "100%", children: r && /* @__PURE__ */ l(v, { children: [
+  return /* @__PURE__ */ e(F, { className: "mx-txn-transaction-details", width: "100%", children: r && /* @__PURE__ */ l(v, { children: [
     /* @__PURE__ */ l(v, { gap: 12, p: 24, children: [
       /* @__PURE__ */ e(le, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
         Ae,