@mx-cartographer/experiences 7.13.1 → 7.13.3

package/dist/{TransactionDetails-BpcWeXNU.mjs → TransactionDetails-CBrqmEw1.mjs}

@@ -15,7 +15,7 @@ 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 Ye, d as ze, l as we, g as w, b as je, o as qe } from "./hooks-BxkfR-Ff.mjs";
+import { u as A, h as O, m as Ye, d as ze, l as we, g as w, b as je, o as qe } from "./hooks-BxkfR-Ff.mjs";
 import { A as H } from "./Analytics-BYItVAe-.mjs";
 import Xe from "@mui/material/ToggleButton";
 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";
@@ -30,7 +30,7 @@ import z from "@mui/material/ListItemIcon";
 import { a as Pe } from "./CategorySelectorDrawer-DYHNBd2v.mjs";
 import { b as et, T as tt, u as J } from "./StatusIndicator-CIKUOoN_.mjs";
 import { D as X } from "./Dialog-Ck34yr-d.mjs";
-import { b as N } from "./Localization-CPkpIwIx.mjs";
+import { b as I } from "./Localization-CPkpIwIx.mjs";
 import { getUnixTime as rt } from "date-fns/getUnixTime";
 import { D as ie } from "./Drawer-Bbe4AMB1.mjs";
 import { f as q } from "./NumberFormatting-QCaNwbjv.mjs";
@@ -66,7 +66,7 @@ const ut = [
   iconColor: s,
   icon: l
 }) => {
-  const { budgets: m } = I();
+  const { budgets: _ } = A();
   return /* @__PURE__ */ e(d.Fragment, { children: /* @__PURE__ */ c(
     F,
     {
@@ -90,7 +90,7 @@ const ut = [
             },
             children: [
               /* @__PURE__ */ e(j, { 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: m.spending_history }) })
+              n && /* @__PURE__ */ e(oe, { endIcon: /* @__PURE__ */ e(Re, {}), onClick: n, sx: { height: 28 }, children: /* @__PURE__ */ e(x, { bold: !0, variant: "body2", children: _.spending_history }) })
             ]
           }
         ),
@@ -104,11 +104,11 @@ const ut = [
             ] }),
             completeColor: `${s}.main`,
             icon: l,
-            label: m.spent_label,
-            leftLabel: N(m.percent_spent, o.toFixed()),
+            label: _.spent_label,
+            leftLabel: I(_.percent_spent, o.toFixed()),
             percentComplete: o,
-            rightLabel: N(
-              m.balance_left,
+            rightLabel: I(
+              _.balance_left,
               q(a, "0,0.00")
             ),
             sx: {
@@ -129,7 +129,7 @@ const ut = [
   setCurrencyDialogAction: o,
   renderingToast: a
 }) => {
-  const { budgets: s, common: l } = I(), { sortedTransactions: m } = O(), u = d.useMemo(() => m.reduce((h, A) => A.parent_guid ? h : h + A.amount, 0), [m]), { remainingAmount: p, spentPercentage: _, iconColor: g } = Ke(
+  const { budgets: s, common: l } = A(), { sortedTransactions: _ } = O(), u = d.useMemo(() => _.reduce((h, S) => S.parent_guid ? h : h + S.amount, 0), [_]), { remainingAmount: p, spentPercentage: g, iconColor: m } = Ke(
     u,
     t.amount ?? 0
   );
@@ -155,7 +155,7 @@ const ut = [
           pr: 24
         }
       },
-      title: N(s.details_type_title, t.merchant_name),
+      title: I(s.details_type_title, t.merchant_name),
       children: [
         /* @__PURE__ */ e(
           mt,
@@ -168,9 +168,9 @@ const ut = [
                 merchantGuid: n.merchant_guid || ""
               }
             ),
-            iconColor: g,
+            iconColor: m,
             remainingAmount: p,
-            spentPercentage: _,
+            spentPercentage: g,
             startDate: n.date,
             totalTransaction: u
           }
@@ -183,14 +183,14 @@ const ut = [
 }, gt = E(pt);
 var Se = /* @__PURE__ */ ((t) => (t.CREATE = "create", t.EDIT = "edit", t.DELETE = "delete", t))(Se || {});
 const ht = E(({ transaction: t }) => {
-  const [n, i] = d.useState(null), [r, o] = d.useState(""), [a, s] = d.useState(!1), l = d.useRef(!1), [m, u] = d.useState(null), p = U(), {
-    addMerchantBudget: _,
-    updateMerchantBudget: g,
+  const [n, i] = d.useState(null), [r, o] = d.useState(""), [a, s] = d.useState(!1), l = d.useRef(!1), [_, u] = d.useState(null), p = U(), {
+    addMerchantBudget: g,
+    updateMerchantBudget: m,
     deleteMerchantBudget: h,
-    getMerchantBudgetByMerchantGuid: A,
+    getMerchantBudgetByMerchantGuid: S,
     alert: L,
     setAlert: k
-  } = Ye(), { setFilter: f } = O(), { accounts: T } = ze(), R = p.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: b, common: Q } = I(), { announce: ge, ariaLive: he } = pe(), [Z, ee] = d.useState(!1), K = t?.merchant_guid ? A(t.merchant_guid) : void 0, te = () => {
+  } = Ye(), { setFilter: f } = O(), { accounts: T } = ze(), R = p.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: b, common: Q } = A(), { announce: ge, ariaLive: he } = pe(), [Z, ee] = d.useState(!1), K = t?.merchant_guid ? S(t.merchant_guid) : void 0, te = () => {
     u(n), i(null), o("");
   }, ye = () => {
     K ? ee(!0) : i(
@@ -199,14 +199,14 @@ const ht = E(({ transaction: t }) => {
     );
   }, C = {
     create: {
-      content: N(
+      content: I(
         b.create_budget_content,
         /* @__PURE__ */ e("strong", { children: t.description }),
         `${q(t.amount, "0,0.00")}`
       ),
       title: b.dialog_create_budget_title,
       primaryButtonText: b.dialog_primary_button_text,
-      errorAlertMessage: N(
+      errorAlertMessage: I(
         b.alert_merchant_budget_not_created,
         t.description
       ),
@@ -214,20 +214,20 @@ const ht = E(({ transaction: t }) => {
         "create"
         /* CREATE */
       ),
-      successAlertMessage: N(
+      successAlertMessage: I(
         b.alert_budget_created,
         t.description
       ),
-      apiTrigger: async () => await _(t.merchant_guid, Number(r))
+      apiTrigger: async () => await g(t.merchant_guid, Number(r))
     },
     edit: {
-      content: N(
+      content: I(
         b.edit_budget_content,
         /* @__PURE__ */ e("strong", { children: t.description })
       ),
       title: b.details_edit_title,
       primaryButtonText: b.add_save_button,
-      errorAlertMessage: N(
+      errorAlertMessage: I(
         b.error_alert_edit_merchant_budget,
         t.description
       ),
@@ -235,23 +235,23 @@ const ht = E(({ transaction: t }) => {
         "edit"
         /* EDIT */
       ),
-      successAlertMessage: N(
+      successAlertMessage: I(
         b.success_alert_edit_merchant_budget,
         t.description
       ),
-      apiTrigger: async () => await g({
+      apiTrigger: async () => await m({
         ...K,
         amount: Number(r)
       })
     },
     delete: {
-      content: N(
+      content: I(
         b.delete_description,
         /* @__PURE__ */ e("strong", { children: t.description })
       ),
       title: b.delete_title,
       primaryButtonText: b.details_delete_button,
-      errorAlertMessage: N(
+      errorAlertMessage: I(
         b.error_alert_delete_merchant_budget,
         t.description
       ),
@@ -259,7 +259,7 @@ const ht = E(({ transaction: t }) => {
         "delete"
         /* DELETE */
       ),
-      successAlertMessage: N(
+      successAlertMessage: I(
         b.success_alert_delete_merchant_budget,
         t.description
       ),
@@ -282,7 +282,7 @@ const ht = E(({ transaction: t }) => {
       dateRange: M
     });
   }, [Z, t, T]);
-  const S = () => /* @__PURE__ */ e(
+  const N = () => /* @__PURE__ */ e(
     $e,
     {
       actionText: b.autogenerate_budgets_error_primary_button,
@@ -290,7 +290,7 @@ const ht = E(({ transaction: t }) => {
       closeAriaLabel: Q.close_aria,
       handleClose: () => k(""),
       message: L,
-      onActionClick: C[m]?.errorRetryAction,
+      onActionClick: C[_]?.errorRetryAction,
       open: !!L,
       severity: a ? "error" : "success",
       showAction: a,
@@ -317,7 +317,7 @@ const ht = E(({ transaction: t }) => {
         isOpen: Z,
         merchantBudget: K,
         onClose: () => ee(!1),
-        renderingToast: () => L && S(),
+        renderingToast: () => L && N(),
         setCurrencyDialogAction: (M) => {
           M === "edit" && o(K?.amount.toString() || ""), i(M);
         },
@@ -341,14 +341,14 @@ const ht = E(({ transaction: t }) => {
         title: C[n].title
       }
     ),
-    !!L && S()
+    !!L && N()
   ] });
 }), yt = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: i } = O(), { categories: r } = we(), { onEvent: o } = w(), { setShouldDisableDrawerScroll: a, updateManualTransaction: s } = J(), { transactions: l } = I(), m = U(), [u, p] = d.useState(!1), [_, g] = d.useState(""), h = async (T) => {
-    await i({ ...t, category_guid: _ }), T && await n(_, t), g(""), o(H.TRANSACTION_DETAILS_CLICK_CATEGORY, {
+  const { addOrUpdateTransactionRule: n, updateTransaction: i } = O(), { categories: r } = we(), { onEvent: o } = w(), { setShouldDisableDrawerScroll: a, updateManualTransaction: s } = J(), { transactions: l } = A(), _ = U(), [u, p] = d.useState(!1), [g, m] = d.useState(""), h = async (T) => {
+    await i({ ...t, category_guid: g }), T && await n(g, t), m(""), o(H.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: t.guid
     });
-  }, A = (T) => {
+  }, S = (T) => {
     if (t.is_manual && !t.guid) {
       const R = r.find((b) => b.guid === T);
       s({
@@ -358,14 +358,14 @@ const ht = E(({ transaction: t }) => {
         top_level_category_guid: R?.parent_guid || T
       });
     } else
-      g(T);
+      m(T);
     L();
   }, L = () => {
     p(!1), a(!1);
   }, k = d.useMemo(
-    () => r.find((T) => T.guid === _),
-    [_]
-  ), f = m.palette.mode === "dark" ? "grey.800" : "grey.100";
+    () => r.find((T) => T.guid === g),
+    [g]
+  ), f = _.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ c(B, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ c(
       Y,
@@ -400,7 +400,7 @@ const ht = E(({ transaction: t }) => {
       {
         initialSelected: t.category_guid,
         onClose: L,
-        onSelect: A,
+        onSelect: S,
         showDrawer: u,
         title: l.actions_select_a_category
       }
@@ -409,18 +409,18 @@ const ht = E(({ transaction: t }) => {
       X,
       {
         copy: {
-          title: N(
+          title: I(
             l.actions_apply_to_all_transaction_types,
             t.description
           )
         },
-        isOpen: !!_,
-        onClose: () => g(""),
+        isOpen: !!g,
+        onClose: () => m(""),
         onPrimaryAction: () => h(!0),
         onSecondaryAction: () => h(!1),
         primaryText: l.actions_apply_to_all,
         secondaryText: l.actions_this_time_only,
-        children: /* @__PURE__ */ e(j, { variant: "subtitle1", children: N(
+        children: /* @__PURE__ */ e(j, { variant: "subtitle1", children: I(
           l.actions_all_past_and_future,
           t.description,
           k?.name
@@ -429,21 +429,21 @@ const ht = E(({ transaction: t }) => {
     )
   ] });
 }, Tt = ({ transaction: t }) => {
-  const { onEvent: n } = w(), { updateTransaction: i } = O(), { updateManualTransaction: r } = J(), { common: o, transactions: a } = I(), s = U(), [l, m] = d.useState(!1), [u, p] = d.useState(t.date), _ = (A) => {
-    p(rt(A));
-  }, g = async () => {
+  const { onEvent: n } = w(), { updateTransaction: i } = O(), { updateManualTransaction: r } = J(), { common: o, transactions: a } = A(), s = U(), [l, _] = d.useState(!1), [u, p] = d.useState(t.date), g = (S) => {
+    p(rt(S));
+  }, m = async () => {
     if (t.is_manual && !t.guid) {
-      r({ ...t, date: u }), m(!1);
+      r({ ...t, date: u }), _(!1);
       return;
     }
-    await i({ ...t, date: u }), n(H.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 }), _(!1);
   }, h = s.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ c(B, { className: "mx-txn-date-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ c(
       Y,
       {
         onClick: () => {
-          n(y.ON_TRANSACTION_DATE_CLICK), m(!0);
+          n(y.ON_TRANSACTION_DATE_CLICK), _(!0);
         },
         children: [
           /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: h }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "calendar_month", sx: { color: "text.primary" } }) }) }),
@@ -464,8 +464,8 @@ const ht = E(({ transaction: t }) => {
       {
         ariaLabelClose: o.close_aria,
         isOpen: l,
-        onClose: () => m(!1),
-        onPrimaryAction: g,
+        onClose: () => _(!1),
+        onPrimaryAction: m,
         primaryText: o.save_button,
         secondaryText: o.cancel_button,
         title: a.date_edit_title,
@@ -478,7 +478,7 @@ const ht = E(({ transaction: t }) => {
               prevAria: a.date_prev_aria,
               today: o.date_range_picker.today
             },
-            onDateSelected: _,
+            onDateSelected: g,
             selectionType: Ue.Single
           }
         ) })
@@ -486,7 +486,7 @@ const ht = E(({ transaction: t }) => {
     )
   ] });
 }, bt = ({ transaction: t }) => {
-  const { onEvent: n } = w(), { removeTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: a } = I(), [s, l] = d.useState(!1), m = async () => {
+  const { onEvent: n } = w(), { removeTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: a } = A(), [s, l] = d.useState(!1), _ = async () => {
     await i(t.guid), n(y.ON_TRANSACTION_DELETE_DELETED);
   };
   return /* @__PURE__ */ c(F, { className: "mx-txn-delete", children: [
@@ -517,7 +517,7 @@ const ht = E(({ transaction: t }) => {
         onClose: () => {
           r(!1), l(!1);
         },
-        onPrimaryAction: m,
+        onPrimaryAction: _,
         onSecondaryAction: () => n(y.ON_TRANSACTION_DELETE_CANCEL),
         primaryText: o.delete_button,
         secondaryText: o.cancel_button,
@@ -526,7 +526,7 @@ const ht = E(({ transaction: t }) => {
     )
   ] });
 }, Ct = E(bt), xt = ({ transaction: t }) => {
-  const { onEvent: n } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: a } = I(), s = U(), [l, m] = d.useState(!1), u = async () => {
+  const { onEvent: n } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: a } = A(), s = U(), [l, _] = d.useState(!1), u = async () => {
     await i({ ...t, merchant_guid: "" }), n(H.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: t.guid
     });
@@ -536,7 +536,7 @@ const ht = E(({ transaction: t }) => {
       Y,
       {
         onClick: () => {
-          n(y.ON_TRANSACTION_DELETE_LOGO_CLICK), m(!0);
+          n(y.ON_TRANSACTION_DELETE_LOGO_CLICK), _(!0);
         },
         children: [
           /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: p }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "delete", sx: { color: "text.primary" } }) }) }),
@@ -551,7 +551,7 @@ const ht = E(({ transaction: t }) => {
         copy: { title: a.merchant_logo_modal_title },
         isOpen: l,
         onClose: () => {
-          r(!1), m(!1);
+          r(!1), _(!1);
         },
         onPrimaryAction: u,
         onSecondaryAction: () => n(y.ON_TRANSACTION_DELETE_LOGO_CANCEL),
@@ -566,11 +566,11 @@ const ht = E(({ transaction: t }) => {
     )
   ] }) });
 }, ft = E(xt), At = ({ transaction: t }) => {
-  const { onEvent: n } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: a } = I(), s = U(), [l, m] = d.useState(!1), u = t.is_hidden, p = async () => {
+  const { onEvent: n } = w(), { updateTransaction: i } = O(), { setShouldDisableDrawerScroll: r } = J(), { common: o, transactions: a } = A(), s = U(), [l, _] = 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
     );
-  }, _ = s.palette.mode === "dark" ? "grey.800" : "grey.100";
+  }, g = s.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ c(B, { className: "mx-txn-hide-transaction", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ c(
       Y,
@@ -585,11 +585,11 @@ const ht = E(({ transaction: t }) => {
             {
               transaction_guid: t.guid
             }
-          ), m(!0);
+          ), _(!0);
         },
         role: "switch",
         children: [
-          /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(V, { 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(W, { children: /* @__PURE__ */ e(V, { sx: { bgcolor: g }, 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(
             $,
             {
@@ -618,7 +618,7 @@ const ht = E(({ transaction: t }) => {
         },
         isOpen: l,
         onClose: () => {
-          r(!1), m(!1);
+          r(!1), _(!1);
         },
         onPrimaryAction: p,
         onSecondaryAction: () => n(
@@ -650,26 +650,26 @@ const ht = E(({ transaction: t }) => {
     ] })
   ] });
 }, Nt = ({ transaction: t }) => {
-  const { onEvent: n } = w(), { updateTransaction: i } = O(), { updateManualTransaction: r } = J(), { common: o, transactions: a } = I(), s = U(), [l, m] = d.useState(!1), [u, p] = d.useState("");
+  const { onEvent: n } = w(), { updateTransaction: i } = O(), { updateManualTransaction: r } = J(), { common: o, transactions: a } = A(), s = U(), [l, _] = d.useState(!1), [u, p] = d.useState("");
   d.useEffect(() => {
     l && p(t.memo ? t.memo : "");
   }, [l]);
-  const _ = async () => {
+  const g = async () => {
     if (t.is_manual && !t.guid) {
-      r({ ...t, memo: u }), m(!1);
+      r({ ...t, memo: u }), _(!1);
       return;
     }
-    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";
+    await i({ ...t, memo: u }), n(H.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: t.guid }), _(!1);
+  }, m = s.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ c(B, { className: "mx-txn-memo-action", disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ c(
       Y,
       {
         onClick: () => {
-          n(y.ON_TRANSACTION_MEMO_CLICK), m(!0);
+          n(y.ON_TRANSACTION_MEMO_CLICK), _(!0);
         },
         children: [
-          /* @__PURE__ */ e(W, { 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: m }, variant: "rounded", children: /* @__PURE__ */ e(D, { name: "article", sx: { color: "text.primary" } }) }) }),
           /* @__PURE__ */ e(
             $,
             {
@@ -695,8 +695,8 @@ const ht = E(({ transaction: t }) => {
       {
         ariaLabelClose: o.close_aria,
         isOpen: l,
-        onClose: () => m(!1),
-        onPrimaryAction: _,
+        onClose: () => _(!1),
+        onPrimaryAction: g,
         title: a.memo_title,
         children: [
           /* @__PURE__ */ e(Ge, { transaction: t }),
@@ -725,11 +725,11 @@ const ht = E(({ transaction: t }) => {
   onUpdateAmount: r,
   split: o
 }) => {
-  const { onEvent: a } = w(), { transactions: s } = I(), [l, m] = d.useState(`${o.amount}`), [u, p] = d.useState(!1), _ = t === 0, g = (h) => {
-    isNaN(Number(h)) || (m(h), r(t, Number(h)));
+  const { onEvent: a } = w(), { transactions: s } = A(), [l, _] = d.useState(`${o.amount}`), [u, p] = d.useState(!1), g = t === 0, m = (h) => {
+    isNaN(Number(h)) || (_(h), r(t, Number(h)));
   };
   return /* @__PURE__ */ c(F, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
-    /* @__PURE__ */ c(fe, { alignItems: _ ? "center" : "start", container: !0, children: [
+    /* @__PURE__ */ c(fe, { alignItems: g ? "center" : "start", container: !0, children: [
       /* @__PURE__ */ e(fe, { item: !0, xs: 7, children: /* @__PURE__ */ c(v, { alignItems: "start", children: [
         /* @__PURE__ */ e(
           oe,
@@ -746,7 +746,7 @@ const ht = E(({ transaction: t }) => {
           /* @__PURE__ */ e(x, { variant: "body2", children: s.split_transaction_errors_select_category })
         ] }) })
       ] }) }),
-      /* @__PURE__ */ e(fe, { item: !0, xs: 5, children: _ ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: q(o.amount, "0,0.00") }) }) : /* @__PURE__ */ c(v, { alignItems: "start", children: [
+      /* @__PURE__ */ e(fe, { item: !0, xs: 5, children: g ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: q(o.amount, "0,0.00") }) }) : /* @__PURE__ */ c(v, { alignItems: "start", children: [
         /* @__PURE__ */ c(v, { alignItems: "start", direction: "row", gap: 8, children: [
           /* @__PURE__ */ e(
             ct,
@@ -756,7 +756,7 @@ const ht = E(({ transaction: t }) => {
               label: s.split_transaction_edit_split_amount,
               minAmount: 0.01,
               name: "split-amount-input",
-              setAmount: g,
+              setAmount: m,
               sx: {
                 ".MuiOutlinedInput-input": { p: 12 }
               },
@@ -803,34 +803,34 @@ const ht = E(({ transaction: t }) => {
   splits: o,
   transaction: a
 }) => {
-  const { transactions: s } = I(), { onEvent: l } = w(), [m, u] = d.useState(""), { announce: p, ariaLive: _ } = pe();
+  const { transactions: s } = A(), { onEvent: l } = w(), [_, u] = d.useState(""), { announce: p, ariaLive: g } = pe();
   return d.useEffect(() => {
     if (o.length <= 1)
       u(s.split_transaction_errors_min_splits), p(s.split_transaction_errors_min_splits);
     else if (o[0].amount < 0) {
-      const g = N(
+      const m = I(
         s.split_transaction_errors_totals_must_equal_amount,
         q(a.amount, "0,0.00")
       );
-      u(g), p(g);
+      u(m), p(m);
     } else
       u(""), p("");
   }, [o]), /* @__PURE__ */ c(F, { className: "mx-txn-split-manager", children: [
-    _,
-    o.map((g, h) => /* @__PURE__ */ e(
+    g,
+    o.map((m, h) => /* @__PURE__ */ e(
       Et,
       {
         index: h,
         onCategoryChanged: n,
         onDeleteRow: i,
         onUpdateAmount: r,
-        split: g
+        split: m
       },
       h
     )),
-    m && /* @__PURE__ */ c(v, { bgcolor: "background.paper", color: "error.main", direction: "row", gap: 8, p: 16, children: [
+    _ && /* @__PURE__ */ c(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(me, { sx: { fontSize: 15 } }) }),
-      /* @__PURE__ */ e(x, { variant: "body2", children: m })
+      /* @__PURE__ */ e(x, { variant: "body2", children: _ })
     ] }),
     /* @__PURE__ */ e(F, { p: 16, children: /* @__PURE__ */ e(
       oe,
@@ -844,13 +844,13 @@ const ht = E(({ transaction: t }) => {
     ) })
   ] });
 }, Ot = E(Dt), Lt = ({ transaction: t }) => {
-  const { onEvent: n } = w(), { announce: i, ariaLive: r } = pe(), { splitTransaction: o, unSplitTransaction: a } = O(), { common: s, transactions: l } = I(), { setShouldDisableDrawerScroll: m } = J(), { categories: u } = we(), p = U(), _ = {
+  const { onEvent: n } = w(), { announce: i, ariaLive: r } = pe(), { splitTransaction: o, unSplitTransaction: a } = O(), { common: s, transactions: l } = A(), { setShouldDisableDrawerScroll: _ } = J(), { categories: u } = we(), p = U(), g = {
     ...t,
     amount: t.amount - 1,
     guid: "",
     has_been_split: !1,
     parent_guid: t.guid
-  }, g = {
+  }, m = {
     ...t,
     amount: 1,
     category_guid: void 0,
@@ -859,36 +859,36 @@ const ht = E(({ transaction: t }) => {
     has_been_split: !1,
     parent_guid: t.guid,
     top_level_category_guid: void 0
-  }, [h, A] = d.useState(!1), [L, k] = d.useState(!1), [f, T] = d.useState([]), R = () => {
+  }, [h, S] = d.useState(!1), [L, k] = d.useState(!1), [f, T] = d.useState([]), R = () => {
     const C = [...f];
-    C.push({ ...g }), C[0].amount -= 1, T(C), i(
-      N(
+    C.push({ ...m }), C[0].amount -= 1, T(C), i(
+      I(
         l.split_transaction_add_split_announcement,
         C.length
       )
     );
   }, b = (C) => {
     if (C > 0) {
-      const P = f[C], S = [...f];
-      S.splice(C, 1), S[0].amount += P.amount, T(S), i(
-        N(l.split_transaction_delete_split_announcement, C + 1)
+      const P = f[C], N = [...f];
+      N.splice(C, 1), N[0].amount += P.amount, T(N), i(
+        I(l.split_transaction_delete_split_announcement, C + 1)
       );
     }
   }, Q = (C, P) => {
-    const S = [...f];
-    S[C].amount = P, S[0].amount = t.amount - S.reduce(
+    const N = [...f];
+    N[C].amount = P, N[0].amount = t.amount - N.reduce(
       (M, G, Te) => M + (Te !== 0 ? G.amount : 0),
       0
-    ), T(S);
+    ), T(N);
   }, ge = (C, P) => {
-    const S = [...f], M = u.find((G) => G.guid === P);
-    M && (S[C] = {
-      ...S[C],
+    const N = [...f], M = u.find((G) => G.guid === P);
+    M && (N[C] = {
+      ...N[C],
       category_guid: P,
       category: M.name,
       top_level_category_guid: M.parent_guid || P
-    }, T(S), i(
-      N(
+    }, T(N), i(
+      I(
         l.split_transaction_select_category_announcement,
         M.name,
         C + 1
@@ -899,13 +899,13 @@ const ht = E(({ transaction: t }) => {
       k(!0);
       return;
     }
-    T([{ ..._ }, { ...g }]), n(H.TRANSACTION_DETAILS_CLICK_SPLIT, {
+    T([{ ...g }, { ...m }]), n(H.TRANSACTION_DETAILS_CLICK_SPLIT, {
       transaction_guid: t.guid
-    }), A(!0);
+    }), S(!0);
   }, Z = async () => {
-    n(y.ON_TRANSACTION_SPLIT_SAVE_CLICK), await o({ ...t, has_been_split: !0 }, f), A(!1);
+    n(y.ON_TRANSACTION_SPLIT_SAVE_CLICK), await o({ ...t, has_been_split: !0 }, f), S(!1);
   }, ee = async () => {
-    n(y.ON_TRANSACTION_SPLIT_CANCEL_CLICK), T([{ ..._ }, { ...g }]), A(!1);
+    n(y.ON_TRANSACTION_SPLIT_CANCEL_CLICK), T([{ ...g }, { ...m }]), S(!1);
   }, K = async () => {
     n(H.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
       transaction_guid: t.guid
@@ -913,7 +913,7 @@ const ht = E(({ transaction: t }) => {
     const C = t.parent_guid ?? t.guid;
     await a(C);
   }, te = d.useMemo(() => {
-    const C = f.some((S) => !S.category_guid), P = f.some((S) => S.amount <= 0);
+    const C = f.some((N) => !N.category_guid), P = f.some((N) => N.amount <= 0);
     return C || P;
   }, [f]), ye = p.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ e(d.Fragment, { children: t && /* @__PURE__ */ c(B, { disableGutters: !0, disablePadding: !0, children: [
@@ -962,7 +962,7 @@ const ht = E(({ transaction: t }) => {
         copy: { title: l.split_transaction_unsplit_title },
         isOpen: L,
         onClose: () => {
-          m(!1), k(!1);
+          _(!1), k(!1);
         },
         onPrimaryAction: K,
         onSecondaryAction: () => {
@@ -970,7 +970,7 @@ const ht = E(({ transaction: t }) => {
         },
         primaryText: s.delete_button,
         secondaryText: s.cancel_button,
-        children: /* @__PURE__ */ e(j, { variant: "subtitle1", children: N(
+        children: /* @__PURE__ */ e(j, { variant: "subtitle1", children: I(
           l.split_transaction_unsplit_description,
           t.description
         ) })
@@ -978,15 +978,15 @@ const ht = E(({ transaction: t }) => {
     )
   ] }) });
 }, wt = E(Lt), Rt = () => {
-  const t = at(), { onEvent: n } = w(), { addTag: i } = O(), { transactions: r } = I(), [o, a] = d.useState(!1), [s, l] = d.useState(""), [m, u] = d.useState(""), p = d.useRef(null);
+  const t = at(), { onEvent: n } = w(), { addTag: i } = O(), { transactions: r } = A(), [o, a] = d.useState(!1), [s, l] = d.useState(""), [_, u] = d.useState(""), p = d.useRef(null);
   d.useEffect(() => {
     o && p?.current?.focus();
   }, [o]);
-  const _ = () => {
+  const g = () => {
     n(
       o ? y.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK : y.ON_TRANSACTION_TAGS_TAG_ADD_CLICK
     ), o || l(""), a(!o);
-  }, g = async () => {
+  }, m = async () => {
     n(y.ON_TRANSACTION_TAGS_TAG_ADDED), await i(s), a(!1);
   };
   return d.useEffect(() => {
@@ -1008,7 +1008,7 @@ const ht = E(({ transaction: t }) => {
             {
               "aria-expanded": o,
               "aria-label": r.tags_add_tag_btn_aria,
-              onClick: _,
+              onClick: g,
               children: r.tags_add_tag_btn
             }
           )
@@ -1021,7 +1021,7 @@ const ht = E(({ transaction: t }) => {
         copy: { title: r.tags_add_tag_btn },
         isOpen: o,
         onClose: () => a(!1),
-        onPrimaryAction: g,
+        onPrimaryAction: m,
         onSecondaryAction: () => a(!1),
         children: [
           /* @__PURE__ */ e(
@@ -1035,13 +1035,13 @@ const ht = E(({ transaction: t }) => {
               value: s
             }
           ),
-          /* @__PURE__ */ e(j, { id: "add-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: m })
+          /* @__PURE__ */ e(j, { id: "add-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: _ })
         ]
       }
     )
   ] });
 }, Mt = E(Rt), kt = ({ onSearchValueChanged: t, searchValue: n }) => {
-  const { common: i, transactions: r } = I(), o = /* @__PURE__ */ e(
+  const { common: i, transactions: r } = A(), o = /* @__PURE__ */ e(
     ne,
     {
       "aria-label": r.tags_cancel_search || "Search",
@@ -1065,18 +1065,18 @@ 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: l } = I(), [m, u] = d.useState(!1), [p, _] = d.useState(!1), [g, h] = d.useState(""), [A, L] = d.useState(""), k = async () => {
-    r(y.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await a({ ...i, name: g }), u(!1);
+  const { onEvent: r } = w(), { removeTag: o, updateTag: a } = O(), { common: s, transactions: l } = A(), [_, u] = d.useState(!1), [p, g] = d.useState(!1), [m, h] = d.useState(""), [S, L] = d.useState(""), k = async () => {
+    r(y.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await a({ ...i, name: m }), u(!1);
   }, f = async () => {
-    r(y.ON_TRANSACTION_TAGS_TAG_DELETED), await o(i.guid), _(!1);
+    r(y.ON_TRANSACTION_TAGS_TAG_DELETED), await o(i.guid), g(!1);
   };
   d.useEffect(() => {
-    L(g.length > 40 ? l.tags_error_name_must_be_40_chars : "");
-  }, [g]);
+    L(m.length > 40 ? l.tags_error_name_must_be_40_chars : "");
+  }, [m]);
   const T = () => {
     r(y.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), h(i.name), u(!0);
   }, R = () => {
-    r(y.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), _(!0);
+    r(y.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), g(!0);
   };
   return /* @__PURE__ */ c(
     B,
@@ -1129,7 +1129,7 @@ const ht = E(({ transaction: t }) => {
           X,
           {
             copy: { title: "Update tag name" },
-            isOpen: m,
+            isOpen: _,
             onClose: () => u(!1),
             onPrimaryAction: k,
             onSecondaryAction: () => u(!1),
@@ -1137,16 +1137,16 @@ const ht = E(({ transaction: t }) => {
               /* @__PURE__ */ e(
                 ve,
                 {
-                  "aria-describedby": A ? "update-tag-error" : void 0,
+                  "aria-describedby": S ? "update-tag-error" : void 0,
                   "aria-label": l.tags_update_the_tag_name,
                   name: "update-tag",
                   onChange: (b) => h(b.target.value),
                   placeholder: "Tag name",
                   sx: { width: "100%" },
-                  value: g
+                  value: m
                 }
               ),
-              /* @__PURE__ */ e(j, { id: "update-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: A })
+              /* @__PURE__ */ e(j, { id: "update-tag-error", sx: { color: "error.main" }, variant: "subtitle2", children: S })
             ]
           }
         ),
@@ -1155,7 +1155,7 @@ const ht = E(({ transaction: t }) => {
           {
             copy: { title: l.tags_delete_title },
             isOpen: p,
-            onClose: () => _(!1),
+            onClose: () => g(!1),
             onPrimaryAction: f,
             onSecondaryAction: () => r(y.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK),
             primaryText: s.delete_button,
@@ -1185,25 +1185,25 @@ const ht = E(({ transaction: t }) => {
     ] }, s.guid)) }) })
   ] });
 }, Kt = E($t), Ft = ({ transaction: t }) => {
-  const { onEvent: n } = w(), { tags: i, updateTaggings: r, updateTransaction: o } = O(), { common: a, transactions: s } = I(), { updateManualTransaction: l } = J(), m = U(), [u, p] = d.useState(!1), [_, g] = d.useState(t.tags);
+  const { onEvent: n } = w(), { tags: i, updateTaggings: r, updateTransaction: o } = O(), { common: a, transactions: s } = A(), { updateManualTransaction: l } = J(), _ = U(), [u, p] = d.useState(!1), [g, m] = d.useState(t.tags);
   d.useEffect(() => {
-    g(t.tags);
+    m(t.tags);
   }, [u, t]);
   const h = (f) => {
-    const T = [..._], R = _.indexOf(f);
-    R >= 0 ? T.splice(R, 1) : T.push(f), g(T);
-  }, A = async () => {
+    const T = [...g], R = g.indexOf(f);
+    R >= 0 ? T.splice(R, 1) : T.push(f), m(T);
+  }, S = async () => {
     if (t.is_manual && !t.guid) {
-      l({ ...t, tags: _ }), p(!1);
+      l({ ...t, tags: g }), p(!1);
       return;
     }
-    await r(_, t.guid), await o({ ...t, tags: _ }), n(H.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), p(!1);
+    await r(g, t.guid), await o({ ...t, tags: g }), n(H.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), p(!1);
   }, L = d.useMemo(
     () => t.tags.map(
       (f, T, R) => `${i.find((b) => b.guid === f)?.name}${T < R.length - 1 ? " / " : ""}`
     ),
     [i, t]
-  ), k = m.palette.mode === "dark" ? "grey.800" : "grey.100";
+  ), k = _.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ c(B, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ c(
       Y,
@@ -1231,29 +1231,29 @@ const ht = E(({ transaction: t }) => {
         ariaLabelClose: a.close_aria,
         isOpen: u,
         onClose: () => p(!1),
-        onPrimaryAction: A,
+        onPrimaryAction: S,
         primaryText: a.save_button,
         secondaryText: a.cancel_button,
         title: s.tags_title,
-        children: /* @__PURE__ */ e(Kt, { onTagChecked: h, selectedTags: _ })
+        children: /* @__PURE__ */ e(Kt, { onTagChecked: h, selectedTags: g })
       }
     )
   ] });
 }, Ht = E(Ft), Ut = ({ transaction: t, viewOnly: n = !1 }) => {
-  const { updateTransaction: i } = O(), { common: r, transactions: o } = I(), { onEvent: a } = w(), { announce: s, ariaLive: l } = pe(), [m, u] = d.useState(!1), [p, _] = d.useState(""), g = d.useRef(null);
+  const { updateTransaction: i } = O(), { common: r, transactions: o } = A(), { onEvent: a } = w(), { announce: s, ariaLive: l } = pe(), [_, u] = d.useState(!1), [p, g] = d.useState(""), m = d.useRef(null);
   d.useEffect(() => {
-    m && (_(t.description), g?.current?.focus());
-  }, [m]);
+    _ && (g(t.description), m?.current?.focus());
+  }, [_]);
   const h = () => {
     u(!0), a(y.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK), setTimeout(() => document.getElementById("transaction-description-input")?.focus(), 0);
-  }, A = async () => {
+  }, S = async () => {
     a(H.TRANSACTION_DETAILS_CLICK_DESCRIPTION, {
       transaction_guid: t.guid
     }), await i({ ...t, description: p }), u(!1), s(`${o.payee_title}: ${p}`), setTimeout(() => document.getElementById("transaction-description-edit-button")?.focus(), 0);
   };
   return /* @__PURE__ */ c(F, { className: "mx-txn-transaction-description", children: [
     l,
-    m ? /* @__PURE__ */ c(We, { row: !0, children: [
+    _ ? /* @__PURE__ */ c(We, { row: !0, children: [
       /* @__PURE__ */ e(
         Le,
         {
@@ -1262,8 +1262,8 @@ const ht = E(({ transaction: t }) => {
           inputProps: { maxLength: 140 },
           label: o.payee_title,
           name: o.payee_title,
-          onChange: (L) => _(L.target.value),
-          ref: g,
+          onChange: (L) => g(L.target.value),
+          ref: m,
           sx: {
             backgroundColor: "background.paper",
             ".MuiOutlinedInput-root": { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
@@ -1277,7 +1277,7 @@ const ht = E(({ transaction: t }) => {
         oe,
         {
           disabled: !p,
-          onClick: A,
+          onClick: S,
           sx: {
             borderTopLeftRadius: 0,
             borderBottomLeftRadius: 0
@@ -1301,7 +1301,7 @@ const ht = E(({ 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 () => {
+  const { updateTransaction: n } = O(), { transactions: i } = A(), { 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 });
   };
   return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
@@ -1346,7 +1346,7 @@ const ht = E(({ transaction: t }) => {
   ] }),
   /* @__PURE__ */ e(de, { variant: o })
 ] }) : null, zt = ({ transaction: t }) => {
-  const { transactions: n } = I(), { tags: i } = O(), r = d.useMemo(() => {
+  const { transactions: n } = A(), { 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(" / ");
   }, [i, t.tags]);
@@ -1390,13 +1390,13 @@ const ht = E(({ transaction: t }) => {
   topActions: i = ut,
   transaction: r
 }) => {
-  const { onEvent: o } = w(), { isCopyLoaded: a } = je(), { userFeatures: s } = qe(), l = U(), m = r?.number && r.number.length > 4;
+  const { onEvent: o } = w(), { isCopyLoaded: a } = je(), { userFeatures: s } = qe(), { accounts: l } = A(), _ = U(), u = r?.number && r.number.length > 4;
   if (d.useEffect(
     () => o(H.TRANSACTION_DETAILS_VIEW, { transaction_guid: r.guid }),
     []
   ), !a)
     return /* @__PURE__ */ e(dt, {});
-  const u = Ve(s, "MX_TXN_DETAILS_VIEW_ONLY"), p = l.palette.mode === "dark" ? "grey.800" : "grey.100";
+  const p = Ve(s, "MX_TXN_DETAILS_VIEW_ONLY"), g = _.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ e(F, { className: "mx-txn-transaction-details", width: "100%", children: r && /* @__PURE__ */ c(v, { children: [
     /* @__PURE__ */ c(v, { gap: 12, p: 24, children: [
       /* @__PURE__ */ e(ce, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
@@ -1407,37 +1407,49 @@ const ht = E(({ transaction: t }) => {
           size: 64
         }
       ) }),
-      /* @__PURE__ */ e(Vt, { transaction: r, viewOnly: u }),
+      /* @__PURE__ */ e(Vt, { transaction: r, viewOnly: p }),
       /* @__PURE__ */ c(v, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
         /* @__PURE__ */ c(j, { color: r.isIncome ? "success.main" : "text.primary", variant: "h1", children: [
           r.isIncome ? "+" : "",
           q(r.amount, "0,0.00")
         ] }),
-        !u && n && /* @__PURE__ */ e(Yt, { transaction: r })
+        !p && n && /* @__PURE__ */ e(Yt, { transaction: r })
       ] }),
-      /* @__PURE__ */ c(v, { sx: { bgcolor: p, borderRadius: "4px", gap: 4, p: 8 }, children: [
+      /* @__PURE__ */ c(v, { sx: { bgcolor: g, borderRadius: "4px", gap: 4, p: 8 }, children: [
         /* @__PURE__ */ e(x, { bold: !0, children: `${r.account}
-                ${m ? r.number : "•".repeat(4).concat(r.number ?? "")}` }),
+                ${u ? r.number : "•".repeat(4).concat(r.number ?? "")}` }),
         /* @__PURE__ */ e(x, { bold: !0, variant: "tiny", children: r.feed_description })
       ] })
     ] }),
-    /* @__PURE__ */ e(ce, { square: !0, sx: { boxShadow: "none" }, children: u ? /* @__PURE__ */ e(jt, { transaction: r }) : /* @__PURE__ */ e(ue, { children: i.map((_, g) => /* @__PURE__ */ c(d.Fragment, { children: [
-      _ === re.Category && /* @__PURE__ */ e(yt, { transaction: r }),
-      _ === re.Date && /* @__PURE__ */ e(Tt, { transaction: r }),
-      _ === re.Memo && /* @__PURE__ */ e(It, { transaction: r }),
-      _ === re.Tags && /* @__PURE__ */ e(Ht, { transaction: r }),
-      /* @__PURE__ */ e(de, { variant: g < i.length - 1 ? "inset" : "fullWidth" })
-    ] }, _)) }) }),
-    !u && t.length > 0 && /* @__PURE__ */ c(d.Fragment, { children: [
-      /* @__PURE__ */ e(x, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "body1", children: "Actions" }),
+    /* @__PURE__ */ e(ce, { square: !0, sx: { boxShadow: "none" }, children: p ? /* @__PURE__ */ e(jt, { transaction: r }) : /* @__PURE__ */ e(ue, { children: i.map((m, h) => /* @__PURE__ */ c(d.Fragment, { children: [
+      m === re.Category && /* @__PURE__ */ e(yt, { transaction: r }),
+      m === re.Date && /* @__PURE__ */ e(Tt, { transaction: r }),
+      m === re.Memo && /* @__PURE__ */ e(It, { transaction: r }),
+      m === re.Tags && /* @__PURE__ */ e(Ht, { transaction: r }),
+      /* @__PURE__ */ e(
+        de,
+        {
+          component: "li",
+          variant: h < i.length - 1 ? "inset" : "fullWidth"
+        }
+      )
+    ] }, m)) }) }),
+    !p && t.length > 0 && /* @__PURE__ */ c(d.Fragment, { children: [
+      /* @__PURE__ */ e(x, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "body1", children: l.actions }),
       /* @__PURE__ */ e(ce, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ c(ue, { children: [
-        t.map((_, g) => /* @__PURE__ */ c(d.Fragment, { children: [
-          _ === ae.MerchantBudget && /* @__PURE__ */ e(ht, { transaction: r }),
-          _ === ae.SplitTransaction && /* @__PURE__ */ e(wt, { transaction: r }),
-          _ === ae.HideTransaction && /* @__PURE__ */ e(St, { transaction: r }),
-          _ === ae.MerchantLogo && /* @__PURE__ */ e(ft, { transaction: r }),
-          /* @__PURE__ */ e(de, { variant: g < t.length - 1 ? "inset" : "fullWidth" })
-        ] }, _)),
+        t.map((m, h) => /* @__PURE__ */ c(d.Fragment, { children: [
+          m === ae.MerchantBudget && /* @__PURE__ */ e(ht, { transaction: r }),
+          m === ae.SplitTransaction && /* @__PURE__ */ e(wt, { transaction: r }),
+          m === ae.HideTransaction && /* @__PURE__ */ e(St, { transaction: r }),
+          m === ae.MerchantLogo && /* @__PURE__ */ e(ft, { transaction: r }),
+          /* @__PURE__ */ e(
+            de,
+            {
+              component: "li",
+              variant: h < t.length - 1 ? "inset" : "fullWidth"
+            }
+          )
+        ] }, m)),
         r.is_manual && !r.parent_guid && !r.has_been_split && /* @__PURE__ */ e(Ct, { transaction: r })
       ] }) })
     ] })