@mx-cartographer/experiences 7.12.13 → 7.12.15

package/dist/{TransactionDetails-hy1TTw8R.mjs → TransactionDetails-DYlTwSDt.mjs}

@@ -7,26 +7,26 @@ import ue from "@mui/material/List";
 import le from "@mui/material/Paper";
 import v from "@mui/material/Stack";
 import { useTheme as U, alpha as be } from "@mui/material/styles";
-import { P as X, Text as x, H2 as Be, MerchantLogo as Ne, Toast as $e, CategoryIcon as Ie, CategoryIconVariants as Oe, TextField as ve, Icon as ce, IconWeight as xe } from "@mxenabled/mxui";
+import { P as X, Text as S, H2 as Be, MerchantLogo as Ne, Toast as $e, CategoryIcon as Ie, CategoryIconVariants as Oe, TextField as ve, Icon as ce, IconWeight as Se } from "@mxenabled/mxui";
 import { g as Ke, C as Fe, a as He, b as Ue, i as Ve } from "./BudgetUtil--_QXyszn.mjs";
 import oe from "@mui/material/Button";
-import ze from "@mui/material/FormGroup";
+import We from "@mui/material/FormGroup";
 import ne from "@mui/material/IconButton";
 import Le from "@mui/material/TextField";
 import { u as pe } from "./useAriaLive-MkYebyUR.mjs";
 import { O as y } from "./Transaction-CqjlF6SO.mjs";
-import { u as I, h as O, m as We, d as Ye, l as we, g as w, b as Xe, o as je } from "./hooks-BxkfR-Ff.mjs";
+import { u as I, h as O, m as Ye, d as ze, l as we, g as w, b as Xe, o as je } from "./hooks-BxkfR-Ff.mjs";
 import { A as H } from "./Analytics-BYItVAe-.mjs";
 import qe from "@mui/material/ToggleButton";
 import { ChevronRight as Re, Icon as D, Delete as me, Cancel as _e, Search as Je, Edit as Qe, Flag as Ze } from "@mxenabled/mx-icons";
 import { fromUnixTime as fe } from "date-fns/fromUnixTime";
 import V from "@mui/material/Avatar";
 import B from "@mui/material/ListItem";
-import z from "@mui/material/ListItemAvatar";
+import W from "@mui/material/ListItemAvatar";
 import $ from "@mui/material/ListItemText";
 import { f as Me, D as ke } from "./DateFormats-BMpMrZpW.mjs";
-import W from "@mui/material/ListItemButton";
-import Y from "@mui/material/ListItemIcon";
+import Y from "@mui/material/ListItemButton";
+import z from "@mui/material/ListItemIcon";
 import { a as Pe } from "./CategorySelectorDrawer-wfUTIbLR.mjs";
 import { b as et, T as tt, u as J } from "./StatusIndicator-BV3oFzxo.mjs";
 import { D as q } from "./Dialog-Ck34yr-d.mjs";
@@ -40,7 +40,7 @@ import nt from "@mui/material/Checkbox";
 import { startOfMonth as ot } from "date-fns/startOfMonth";
 import { endOfMonth as it } from "date-fns/endOfMonth";
 import { i as st } from "./DateUtil-wcYTmDRD.mjs";
-import Se from "@mui/material/Grid";
+import xe from "@mui/material/Grid";
 import { C as lt } from "./CurrencyInput-DuMktPu3.mjs";
 import ct from "@mui/material/Switch";
 import { L as dt } from "./Loader-D3rjKx72.mjs";
@@ -90,7 +90,7 @@ const ut = [
             },
             children: [
               /* @__PURE__ */ e(X, { bold: !0, variant: "subtitle1", children: st(t) }),
-              n && /* @__PURE__ */ e(oe, { endIcon: /* @__PURE__ */ e(Re, {}), onClick: n, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: _.spending_history }) })
+              n && /* @__PURE__ */ e(oe, { endIcon: /* @__PURE__ */ e(Re, {}), onClick: n, sx: { height: 28 }, children: /* @__PURE__ */ e(S, { bold: !0, variant: "body2", children: _.spending_history }) })
             ]
           }
         ),
@@ -190,7 +190,7 @@ const ht = E(({ transaction: t }) => {
     getMerchantBudgetByMerchantGuid: f,
     alert: L,
     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 = () => {
+  } = Ye(), { setFilter: x } = O(), { accounts: T } = ze(), 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), o("");
   }, ye = () => {
     K ? ee(!0) : i(
@@ -276,7 +276,7 @@ const ht = E(({ transaction: t }) => {
       start: ot(new Date(t.date * 1e3)),
       end: it(new Date(t.date * 1e3))
     };
-    S({
+    x({
       accounts: T.map((G) => G.guid),
       custom: Z ? (G) => G.merchant_guid === t.merchant_guid : (G) => G.guid === t.guid,
       dateRange: M
@@ -287,50 +287,29 @@ const ht = E(({ transaction: t }) => {
     {
       actionText: C.autogenerate_budgets_error_primary_button,
       autoHideDuration: 3500,
+      closeAriaLabel: Q.close_aria,
       handleClose: () => k(""),
       message: L,
-      multiLine: !0,
       onActionClick: b[_]?.errorRetryAction,
       open: !!L,
       severity: a ? "error" : "success",
       showAction: a,
-      showClose: !0,
-      snackbarSx: {
-        //TODO - remove the customization and update the Toast component in MXUI in the upcoming ticket (WEC-1162) to handle multi-line messages and long action text
-        "& .MuiAlert-root": {
-          alignItems: "self-start",
-          minHeight: 0,
-          "& .MuiAlert-message": {
-            pt: 8
-          }
-        },
-        "&.MuiSnackbar-root": {
-          width: "fit-content",
-          zIndex: 9999
-          // Higher than Drawer's default 1200
-        },
-        "& .MuiAlert-action .MuiStack-root": {
-          flexDirection: "row",
-          display: "flex",
-          alignItems: "center",
-          width: "max-content"
-        }
-      }
+      showClose: !0
     }
   );
   return /* @__PURE__ */ l(d.Fragment, { children: [
     he,
-    /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(W, { onClick: ye, children: [
-      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { 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(Y, { onClick: ye, children: [
+      /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: R }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "bubble_chart", sx: { color: "text.primary" } }) }) }),
       /* @__PURE__ */ e(
         $,
         {
           primary: C.add_merchant_budget_primary_text,
           primaryTypographyProps: { variant: "caption" },
-          secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: K ? `${j(K.amount, "0,0.00")} / ${Q.month_text}` : C.add_merchant_budget_secondary_text })
+          secondary: /* @__PURE__ */ e(S, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: K ? `${j(K.amount, "0,0.00")} / ${Q.month_text}` : C.add_merchant_budget_secondary_text })
         }
       ),
-      /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
     ] }) }),
     !!K && /* @__PURE__ */ e(
       gt,
@@ -386,16 +365,16 @@ const ht = E(({ transaction: t }) => {
   }, k = d.useMemo(
     () => r.find((T) => T.guid === m),
     [m]
-  ), S = _.palette.mode === "dark" ? "grey.800" : "grey.100";
+  ), x = _.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      W,
+      Y,
       {
         onClick: () => {
           o(y.ON_TRANSACTION_CATEGORY_CLICK), p(!0);
         },
         children: [
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: S }, variant: "rounded", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: x }, variant: "rounded", children: /* @__PURE__ */ e(
             Ie,
             {
               categoryGuid: t.top_level_category_guid,
@@ -409,10 +388,10 @@ const ht = E(({ transaction: t }) => {
             {
               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 })
+              secondary: /* @__PURE__ */ e(S, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: t.category ?? c.actions_select_a_category })
             }
           ),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -461,22 +440,22 @@ const ht = E(({ transaction: t }) => {
   }, h = s.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ l(B, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      W,
+      Y,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_DATE_CLICK), _(!0);
         },
         children: [
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
             $,
             {
               primary: a.date_title,
               primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: Me(fe(t.date), ke.YEAR_MONTH_DAY) })
+              secondary: /* @__PURE__ */ e(S, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: Me(fe(t.date), ke.YEAR_MONTH_DAY) })
             }
           ),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -512,13 +491,13 @@ const ht = E(({ transaction: t }) => {
   };
   return /* @__PURE__ */ l(F, { className: "mx-txn-delete", children: [
     t && /* @__PURE__ */ e(B, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
-      W,
+      Y,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_DELETE_CLICK), r(!0), c(!0);
         },
         children: [
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { variant: "rounded", children: /* @__PURE__ */ e(me, { color: "secondary", fontSize: "small" }) }) }),
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { variant: "rounded", children: /* @__PURE__ */ e(me, { color: "secondary", fontSize: "small" }) }) }),
           /* @__PURE__ */ e(
             $,
             {
@@ -526,7 +505,7 @@ const ht = E(({ transaction: t }) => {
               secondary: a.manual_transaction_delete_subtitle
             }
           ),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(me, {}) })
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(me, {}) })
         ]
       }
     ) }),
@@ -542,11 +521,11 @@ const ht = E(({ transaction: t }) => {
         onSecondaryAction: () => n(y.ON_TRANSACTION_DELETE_CANCEL),
         primaryText: o.delete_button,
         secondaryText: o.cancel_button,
-        children: /* @__PURE__ */ e(x, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: a.manual_transaction_delete_description })
+        children: /* @__PURE__ */ e(S, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: a.manual_transaction_delete_description })
       }
     )
   ] });
-}, bt = E(Ct), xt = ({ transaction: t }) => {
+}, bt = E(Ct), St = ({ transaction: t }) => {
   const { onEvent: n } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: a } = I(), s = U(), [c, _] = d.useState(!1), u = async () => {
     await i({ ...t, merchant_guid: "" }), n(H.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: t.guid
@@ -554,15 +533,15 @@ const ht = E(({ transaction: t }) => {
   }, p = s.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(B, { className: "mx-txn-delete-logo", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      W,
+      Y,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_DELETE_LOGO_CLICK), _(!0);
         },
         children: [
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "delete", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "delete", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e($, { primary: a.merchant_logo_title, secondary: a.merchant_logo_desc }),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -580,13 +559,13 @@ const ht = E(({ transaction: t }) => {
         secondaryText: o.cancel_button,
         title: a.merchant_logo_modal_title,
         children: [
-          /* @__PURE__ */ e(x, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: a.merchant_logo_modal_desc }),
-          /* @__PURE__ */ e(x, { bold: !0, sx: { whiteSpace: "normal" }, variant: "Paragraph", children: ` ${a.merchant_logo_modal_desc_bold}` })
+          /* @__PURE__ */ e(S, { sx: { whiteSpace: "normal" }, variant: "Paragraph", children: a.merchant_logo_modal_desc }),
+          /* @__PURE__ */ e(S, { bold: !0, sx: { whiteSpace: "normal" }, variant: "Paragraph", children: ` ${a.merchant_logo_modal_desc_bold}` })
         ]
       }
     )
   ] }) });
-}, St = E(xt), ft = ({ transaction: t }) => {
+}, xt = E(St), ft = ({ transaction: t }) => {
   const { onEvent: n } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: a } = I(), s = U(), [c, _] = d.useState(!1), u = t.is_hidden, p = async () => {
     await i({ ...t, is_hidden: !t.is_hidden }), n(
       u ? y.ON_TRANSACTION_UNHIDDEN : y.ON_TRANSACTION_HIDDEN
@@ -594,7 +573,7 @@ const ht = E(({ transaction: t }) => {
   }, m = s.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(B, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      W,
+      Y,
       {
         "aria-checked": u,
         "aria-labelledby": "hide-transaction-text",
@@ -610,7 +589,7 @@ const ht = E(({ transaction: t }) => {
         },
         role: "switch",
         children: [
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: m }, 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(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: m }, 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(
             $,
             {
@@ -619,7 +598,7 @@ const ht = E(({ transaction: t }) => {
               secondary: u ? a.hide_trnx_desc_unhiding : a.hide_trnx_desc_hiding
             }
           ),
-          /* @__PURE__ */ e(Y, { "aria-hidden": "true", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(z, { "aria-hidden": "true", children: /* @__PURE__ */ e(
             ct,
             {
               checked: u,
@@ -647,7 +626,7 @@ const ht = E(({ transaction: t }) => {
         ),
         primaryText: u ? o.unhide_button : o.hide_button,
         secondaryText: o.cancel_button,
-        children: /* @__PURE__ */ e(x, { truncate: !1, variant: "Paragraph", children: u ? a.hide_trnx_desc_unhiding : a.hide_trnx_desc_hiding })
+        children: /* @__PURE__ */ e(S, { truncate: !1, variant: "Paragraph", children: u ? a.hide_trnx_desc_unhiding : a.hide_trnx_desc_hiding })
       }
     )
   ] }) });
@@ -663,7 +642,7 @@ const ht = E(({ transaction: t }) => {
       }
     ),
     /* @__PURE__ */ l(v, { overflow: "hidden'", children: [
-      /* @__PURE__ */ e(x, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: i || a }),
+      /* @__PURE__ */ e(S, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: i || a }),
       /* @__PURE__ */ l(X, { color: r ? "success.main" : "text.primary", truncate: !0, variant: "H1", children: [
         r ? "+" : "",
         j(n, "0,0.00")
@@ -684,20 +663,20 @@ const ht = E(({ transaction: t }) => {
   }, g = s.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ l(B, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      W,
+      Y,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_MEMO_CLICK), _(!0);
         },
         children: [
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: g }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "article", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: g }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "article", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
             $,
             {
               primary: a.memo_title,
               primaryTypographyProps: { variant: "XSmall" },
               secondary: /* @__PURE__ */ e(
-                x,
+                S,
                 {
                   bold: !0,
                   sx: { overflowWrap: "break-word", whiteSpace: "wrap", color: "text.primary" },
@@ -707,7 +686,7 @@ const ht = E(({ transaction: t }) => {
               )
             }
           ),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -750,8 +729,8 @@ const ht = E(({ transaction: t }) => {
     isNaN(Number(h)) || (_(h), r(t, Number(h)));
   };
   return /* @__PURE__ */ l(F, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
-    /* @__PURE__ */ l(Se, { alignItems: m ? "center" : "start", container: !0, children: [
-      /* @__PURE__ */ e(Se, { item: !0, xs: 7, children: /* @__PURE__ */ l(v, { alignItems: "start", children: [
+    /* @__PURE__ */ l(xe, { alignItems: m ? "center" : "start", container: !0, children: [
+      /* @__PURE__ */ e(xe, { item: !0, xs: 7, children: /* @__PURE__ */ l(v, { alignItems: "start", children: [
         /* @__PURE__ */ e(
           oe,
           {
@@ -764,10 +743,10 @@ const ht = E(({ transaction: t }) => {
         ),
         /* @__PURE__ */ e(F, { children: !o.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(_e, { sx: { fontSize: 15 } }) }),
-          /* @__PURE__ */ e(x, { variant: "Small", children: s.split_transaction_errors_select_category })
+          /* @__PURE__ */ e(S, { variant: "Small", children: s.split_transaction_errors_select_category })
         ] }) })
       ] }) }),
-      /* @__PURE__ */ e(Se, { item: !0, xs: 5, children: m ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: j(o.amount, "0,0.00") }) }) : /* @__PURE__ */ l(v, { alignItems: "start", children: [
+      /* @__PURE__ */ e(xe, { item: !0, xs: 5, children: m ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(S, { children: j(o.amount, "0,0.00") }) }) : /* @__PURE__ */ l(v, { alignItems: "start", children: [
         /* @__PURE__ */ l(v, { alignItems: "start", direction: "row", gap: 8, children: [
           /* @__PURE__ */ e(
             lt,
@@ -799,7 +778,7 @@ const ht = E(({ transaction: t }) => {
         ] }),
         !c && /* @__PURE__ */ l(v, { color: "error.main", direction: "row", gap: 8, py: 12, children: [
           /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(_e, { sx: { fontSize: 15 } }) }),
-          /* @__PURE__ */ e(x, { variant: "Small", children: s.split_transaction_errors_enter_an_amount })
+          /* @__PURE__ */ e(S, { variant: "Small", children: s.split_transaction_errors_enter_an_amount })
         ] })
       ] }) })
     ] }),
@@ -851,7 +830,7 @@ const ht = E(({ transaction: t }) => {
     )),
     _ && /* @__PURE__ */ l(v, { bgcolor: "background.paper", color: "error.main", direction: "row", gap: 8, p: 16, children: [
       /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(_e, { sx: { fontSize: 15 } }) }),
-      /* @__PURE__ */ e(x, { variant: "Small", children: _ })
+      /* @__PURE__ */ e(S, { variant: "Small", children: _ })
     ] }),
     /* @__PURE__ */ e(F, { p: 16, children: /* @__PURE__ */ e(
       oe,
@@ -880,8 +859,8 @@ const ht = E(({ transaction: t }) => {
     has_been_split: !1,
     parent_guid: t.guid,
     top_level_category_guid: void 0
-  }, [h, f] = d.useState(!1), [L, k] = d.useState(!1), [S, T] = d.useState([]), R = () => {
-    const b = [...S];
+  }, [h, f] = d.useState(!1), [L, k] = d.useState(!1), [x, T] = d.useState([]), R = () => {
+    const b = [...x];
     b.push({ ...g }), b[0].amount -= 1, T(b), i(
       N(
         c.split_transaction_add_split_announcement,
@@ -890,19 +869,19 @@ const ht = E(({ transaction: t }) => {
     );
   }, C = (b) => {
     if (b > 0) {
-      const P = S[b], A = [...S];
+      const P = x[b], A = [...x];
       A.splice(b, 1), A[0].amount += P.amount, T(A), i(
         N(c.split_transaction_delete_split_announcement, b + 1)
       );
     }
   }, Q = (b, P) => {
-    const A = [...S];
+    const A = [...x];
     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, P) => {
-    const A = [...S], M = u.find((G) => G.guid === P);
+    const A = [...x], M = u.find((G) => G.guid === P);
     M && (A[b] = {
       ...A[b],
       category_guid: P,
@@ -924,7 +903,7 @@ const ht = E(({ transaction: t }) => {
       transaction_guid: t.guid
     }), f(!0);
   }, Z = async () => {
-    n(y.ON_TRANSACTION_SPLIT_SAVE_CLICK), await o({ ...t, has_been_split: !0 }, S), f(!1);
+    n(y.ON_TRANSACTION_SPLIT_SAVE_CLICK), await o({ ...t, has_been_split: !0 }, x), f(!1);
   }, ee = async () => {
     n(y.ON_TRANSACTION_SPLIT_CANCEL_CLICK), T([{ ...m }, { ...g }]), f(!1);
   }, K = async () => {
@@ -934,12 +913,12 @@ const ht = E(({ transaction: t }) => {
     const b = t.parent_guid ?? t.guid;
     await a(b);
   }, te = d.useMemo(() => {
-    const b = S.some((A) => !A.category_guid), P = S.some((A) => A.amount <= 0);
+    const b = x.some((A) => !A.category_guid), P = x.some((A) => A.amount <= 0);
     return b || P;
-  }, [S]), ye = p.palette.mode === "dark" ? "grey.800" : "grey.100";
+  }, [x]), ye = p.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ l(W, { onClick: he, children: [
-      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: ye }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "call_split", sx: { color: "text.primary" } }) }) }),
+    /* @__PURE__ */ l(Y, { onClick: he, children: [
+      /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: ye }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "call_split", sx: { color: "text.primary" } }) }) }),
       /* @__PURE__ */ e(
         $,
         {
@@ -947,7 +926,7 @@ const ht = E(({ transaction: t }) => {
           secondary: t.has_been_split || t.parent_guid ? c.split_transaction_unsplit_subtitle : c.split_transaction_desc
         }
       ),
-      /* @__PURE__ */ e(Y, { 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(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__ */ l(
       ie,
@@ -970,7 +949,7 @@ const ht = E(({ transaction: t }) => {
               onCategoryChanged: ge,
               onDeleteSplit: C,
               onUpdateAmount: Q,
-              splits: S,
+              splits: x,
               transaction: t
             }
           )
@@ -1023,7 +1002,7 @@ const ht = E(({ transaction: t }) => {
         px: 24,
         py: 16,
         children: [
-          /* @__PURE__ */ e(x, { bold: !0, children: r.tags_your_tags }),
+          /* @__PURE__ */ e(S, { bold: !0, children: r.tags_your_tags }),
           /* @__PURE__ */ e(
             oe,
             {
@@ -1088,7 +1067,7 @@ const ht = E(({ transaction: t }) => {
 }, Pt = E(kt), Gt = ({ onTagChecked: t, selectedTags: n, tag: i }) => {
   const { onEvent: r } = w(), { removeTag: o, updateTag: a } = O(), { common: s, transactions: c } = I(), [_, u] = d.useState(!1), [p, m] = d.useState(!1), [g, h] = d.useState(""), [f, L] = d.useState(""), k = async () => {
     r(y.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await a({ ...i, name: g }), u(!1);
-  }, S = async () => {
+  }, x = async () => {
     r(y.ON_TRANSACTION_TAGS_TAG_DELETED), await o(i.guid), m(!1);
   };
   d.useEffect(() => {
@@ -1127,13 +1106,13 @@ const ht = E(({ transaction: t }) => {
       ] }),
       children: [
         /* @__PURE__ */ l(
-          W,
+          Y,
           {
             "aria-checked": n.includes(i.guid),
             onClick: () => t(i.guid),
             role: "checkbox",
             children: [
-              /* @__PURE__ */ e(Y, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(z, { sx: { ml: 0 }, children: /* @__PURE__ */ e(
                 nt,
                 {
                   "aria-hidden": !0,
@@ -1177,11 +1156,11 @@ const ht = E(({ transaction: t }) => {
             copy: { title: c.tags_delete_title },
             isOpen: p,
             onClose: () => m(!1),
-            onPrimaryAction: S,
+            onPrimaryAction: x,
             onSecondaryAction: () => r(y.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
             primaryText: s.delete_button,
             secondaryText: s.cancel_button,
-            children: /* @__PURE__ */ e(x, { truncate: !1, children: c.tags_deleting_this_tag_will_remove_it })
+            children: /* @__PURE__ */ e(S, { truncate: !1, children: c.tags_deleting_this_tag_will_remove_it })
           }
         )
       ]
@@ -1210,9 +1189,9 @@ const ht = E(({ transaction: t }) => {
   d.useEffect(() => {
     g(t.tags);
   }, [u, t]);
-  const h = (S) => {
-    const T = [...m], R = m.indexOf(S);
-    R >= 0 ? T.splice(R, 1) : T.push(S), g(T);
+  const h = (x) => {
+    const T = [...m], R = m.indexOf(x);
+    R >= 0 ? T.splice(R, 1) : T.push(x), g(T);
   }, f = async () => {
     if (t.is_manual && !t.guid) {
       c({ ...t, tags: m }), p(!1);
@@ -1221,28 +1200,28 @@ const ht = E(({ transaction: t }) => {
     await r(m, t.guid), await o({ ...t, tags: m }), 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 ? " / " : ""}`
+      (x, T, R) => `${i.find((C) => C.guid === x)?.name}${T < R.length - 1 ? " / " : ""}`
     ),
     [i, t]
   ), k = _.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(
-      W,
+      Y,
       {
         onClick: () => {
           n(y.ON_TRANSACTION_TAGS_CLICK), p(!0);
         },
         children: [
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: k }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
+          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: k }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "local_offer", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
             $,
             {
               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 })
+              secondary: /* @__PURE__ */ e(S, { bold: !0, sx: { color: "text.primary" }, variant: "Body", children: t.tags?.length > 0 ? L : s.tags_desc })
             }
           ),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { name: "chevron_right", sx: { color: "text.primary" } }) })
         ]
       }
     ),
@@ -1274,7 +1253,7 @@ const ht = E(({ transaction: t }) => {
   };
   return /* @__PURE__ */ l(F, { className: "mx-txn-transaction-description", children: [
     c,
-    _ ? /* @__PURE__ */ l(ze, { row: !0, children: [
+    _ ? /* @__PURE__ */ l(We, { row: !0, children: [
       /* @__PURE__ */ e(
         Le,
         {
@@ -1308,7 +1287,7 @@ const ht = E(({ transaction: t }) => {
         }
       )
     ] }) : /* @__PURE__ */ l(v, { alignItems: "center", direction: "row", gap: 4, sx: { minHeight: 44 }, children: [
-      /* @__PURE__ */ e(x, { bold: !0, children: t.description }),
+      /* @__PURE__ */ e(S, { bold: !0, children: t.description }),
       !n && /* @__PURE__ */ e(
         ne,
         {
@@ -1321,7 +1300,7 @@ const ht = E(({ transaction: t }) => {
       )
     ] })
   ] });
-}, Vt = E(Ut), zt = ({ transaction: t }) => {
+}, Vt = E(Ut), Wt = ({ transaction: t }) => {
   const { updateTransaction: n } = O(), { transactions: i } = I(), { onEvent: r } = w(), o = U(), a = o.palette.mode === "dark", s = async () => {
     r(H.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await n({ ...t, is_flagged: !t.is_flagged });
   };
@@ -1353,9 +1332,9 @@ const ht = E(({ transaction: t }) => {
       children: /* @__PURE__ */ e(Ze, { color: "inherit" })
     }
   ) });
-}, Wt = E(zt), se = (t, n, i, r = !0, o = "inset") => r ? /* @__PURE__ */ l(d.Fragment, { children: [
+}, Yt = E(Wt), se = (t, n, i, r = !0, o = "inset") => r ? /* @__PURE__ */ l(d.Fragment, { children: [
   /* @__PURE__ */ l(B, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: "border.light" }, variant: "rounded", children: t }) }),
+    /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: "border.light" }, variant: "rounded", children: t }) }),
     /* @__PURE__ */ e(
       $,
       {
@@ -1366,7 +1345,7 @@ const ht = E(({ transaction: t }) => {
     )
   ] }),
   /* @__PURE__ */ e(de, { variant: o })
-] }) : null, Yt = ({ transaction: t }) => {
+] }) : null, zt = ({ transaction: t }) => {
   const { transactions: n } = I(), { tags: i } = O(), r = d.useMemo(() => {
     const o = new Map(i.map((a) => [a.guid, a.name]));
     return t.tags.map((a) => o.get(a)).filter(Boolean).join(" / ");
@@ -1383,29 +1362,29 @@ const ht = E(({ transaction: t }) => {
         }
       ),
       n.category_title,
-      /* @__PURE__ */ e(x, { bold: !0, variant: "Body", children: t.category ?? n.actions_select_a_category })
+      /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: t.category ?? n.actions_select_a_category })
     ),
     se(
-      /* @__PURE__ */ e(ce, { name: "calendar_month", sx: { color: "text.primary" }, weight: xe.Dark }),
+      /* @__PURE__ */ e(ce, { name: "calendar_month", sx: { color: "text.primary" }, weight: Se.Dark }),
       n.date_title,
-      /* @__PURE__ */ e(x, { bold: !0, variant: "Body", children: Me(fe(t.date), ke.YEAR_MONTH_DAY) })
+      /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: Me(fe(t.date), ke.YEAR_MONTH_DAY) })
     ),
     se(
-      /* @__PURE__ */ e(ce, { name: "article", sx: { color: "text.primary" }, weight: xe.Dark }),
+      /* @__PURE__ */ e(ce, { name: "article", sx: { color: "text.primary" }, weight: Se.Dark }),
       n.memo_title,
-      /* @__PURE__ */ e(x, { bold: !0, sx: { overflowWrap: "break-word", whiteSpace: "wrap" }, variant: "Body", children: t.memo ?? n.memo_desc }),
+      /* @__PURE__ */ e(S, { bold: !0, sx: { overflowWrap: "break-word", whiteSpace: "wrap" }, variant: "Body", children: t.memo ?? n.memo_desc }),
       !!t.memo,
       t.tags?.length > 0 ? "inset" : "fullWidth"
     ),
     se(
-      /* @__PURE__ */ e(ce, { name: "local_offer", sx: { color: "text.primary" }, weight: xe.Dark }),
+      /* @__PURE__ */ e(ce, { name: "local_offer", sx: { color: "text.primary" }, weight: Se.Dark }),
       n.tags_title,
-      /* @__PURE__ */ e(x, { bold: !0, variant: "Body", children: t.tags?.length ? r : n.tags_desc }),
+      /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: t.tags?.length ? r : n.tags_desc }),
       !!t.tags?.length,
       "fullWidth"
     )
   ] });
-}, Xt = E(Yt), jt = ({
+}, Xt = E(zt), jt = ({
   bottomActions: t = mt,
   canFlagTransaction: n = !0,
   topActions: i = ut,
@@ -1434,12 +1413,12 @@ const ht = E(({ transaction: t }) => {
           r.isIncome ? "+" : "",
           j(r.amount, "0,0.00")
         ] }),
-        !u && n && /* @__PURE__ */ e(Wt, { transaction: r })
+        !u && n && /* @__PURE__ */ e(Yt, { transaction: r })
       ] }),
       /* @__PURE__ */ l(v, { sx: { bgcolor: p, borderRadius: "4px", gap: 4, p: 8 }, children: [
-        /* @__PURE__ */ e(x, { bold: !0, children: `${r.account}
+        /* @__PURE__ */ e(S, { bold: !0, children: `${r.account}
                 ${_ ? r.number : "•".repeat(4).concat(r.number ?? "")}` }),
-        /* @__PURE__ */ e(x, { bold: !0, variant: "Tiny", children: r.feed_description })
+        /* @__PURE__ */ e(S, { bold: !0, variant: "Tiny", children: r.feed_description })
       ] })
     ] }),
     /* @__PURE__ */ e(le, { square: !0, sx: { boxShadow: "none" }, children: u ? /* @__PURE__ */ e(Xt, { transaction: r }) : /* @__PURE__ */ e(ue, { children: i.map((m, g) => /* @__PURE__ */ l(d.Fragment, { children: [
@@ -1450,13 +1429,13 @@ const ht = E(({ transaction: t }) => {
       /* @__PURE__ */ e(de, { variant: g < i.length - 1 ? "inset" : "fullWidth" })
     ] }, m)) }) }),
     !u && t.length > 0 && /* @__PURE__ */ l(d.Fragment, { children: [
-      /* @__PURE__ */ e(x, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
+      /* @__PURE__ */ e(S, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "Body", children: "Actions" }),
       /* @__PURE__ */ e(le, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ l(ue, { children: [
         t.map((m, g) => /* @__PURE__ */ l(d.Fragment, { children: [
           m === ae.MerchantBudget && /* @__PURE__ */ e(ht, { transaction: r }),
           m === ae.SplitTransaction && /* @__PURE__ */ e(wt, { transaction: r }),
           m === ae.HideTransaction && /* @__PURE__ */ e(At, { transaction: r }),
-          m === ae.MerchantLogo && /* @__PURE__ */ e(St, { transaction: r }),
+          m === ae.MerchantLogo && /* @__PURE__ */ e(xt, { transaction: r }),
           /* @__PURE__ */ e(de, { variant: g < t.length - 1 ? "inset" : "fullWidth" })
         ] }, m)),
         r.is_manual && !r.parent_guid && !r.has_been_split && /* @__PURE__ */ e(bt, { transaction: r })