@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.2.5

package/dist/{TransactionDetails-Nuyunc5m.mjs → TransactionDetails-CLc7oeHT.mjs}

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import c, { useMemo as ke } from "react";
-import { observer as w } from "mobx-react-lite";
+import { observer as M } from "mobx-react-lite";
 import Ue from "@mui/material/Alert";
 import Y from "@mui/material/Box";
 import be from "@mui/material/Divider";
 import Ce from "@mui/material/List";
 import ye from "@mui/material/Paper";
 import ze from "@mui/material/Snackbar";
-import L from "@mui/material/Stack";
+import w from "@mui/material/Stack";
 import { useTheme as H, alpha as Ie } from "@mui/material/styles";
 import { P as ee, Text as x, H2 as We, MerchantLogo as fe, Toast as Ve, CategoryIcon as Oe, CategoryIconVariants as Ge, TextField as Le, Icon as Te } from "@mxenabled/mxui";
 import { endOfMonth as Be } from "date-fns/endOfMonth";
@@ -22,8 +22,8 @@ import Xe from "@mui/material/FormGroup";
 import de from "@mui/material/IconButton";
 import $e from "@mui/material/TextField";
 import { u as Ne } from "./useAriaLive-MkYebyUR.mjs";
-import { b as Ze, T as Je, u as ne, O as f, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-B1xiWlSD.mjs";
-import { u as E, g as M, o as rt, c as ot, l as we, f as G, a as it, C as st } from "./hooks-97sNJ_lf.mjs";
+import { b as Ze, T as Je, u as ne, O as f, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-CQEnrozC.mjs";
+import { u as O, g as R, o as rt, c as ot, l as we, f as G, a as it, C as st } from "./hooks-97sNJ_lf.mjs";
 import { A as j } from "./Analytics-D-jdcL72.mjs";
 import lt from "@mui/material/ToggleButton";
 import { ChevronRight as Ke, Icon as k, Delete as Ae, Cancel as xe, Search as ct, Edit as dt, Flag as ut } from "@mxenabled/mx-icons";
@@ -36,10 +36,10 @@ import { BarChart as mt } from "@mui/x-charts";
 import { L as _t } from "./Loader-CxeBwuPG.mjs";
 import X from "@mui/material/ListItemButton";
 import Z from "@mui/material/ListItemIcon";
-import { b as Fe } from "./CategorySelectorDrawer-CWZoNePh.mjs";
+import { b as Fe } from "./CategorySelectorDrawer-NJsFsKP1.mjs";
 import { D as ae } from "./Dialog-Bvd2n8hz.mjs";
 import { getUnixTime as gt } from "date-fns/getUnixTime";
-import { D as me } from "./Drawer-BDN1RgiP.mjs";
+import { D as me } from "./Drawer-DsnW2o0v.mjs";
 import { b as pt, C as ht, a as yt } from "./CurrencyDialog-DumQCTPO.mjs";
 import Pe from "@mui/material/InputAdornment";
 import Tt from "@mui/material/Checkbox";
@@ -68,7 +68,7 @@ const ft = [
   iconColor: i,
   icon: _
 }) => {
-  const { budgets: s } = E();
+  const { budgets: s } = O();
   return /* @__PURE__ */ e(c.Fragment, { children: /* @__PURE__ */ m(
     Y,
     {
@@ -80,7 +80,7 @@ const ft = [
       },
       children: [
         /* @__PURE__ */ m(
-          L,
+          w,
           {
             sx: {
               alignItems: "center",
@@ -99,7 +99,7 @@ const ft = [
         /* @__PURE__ */ e(
           Ze,
           {
-            amount: /* @__PURE__ */ m(L, { sx: { alignItems: "baseline", flexDirection: "row", gap: 4 }, children: [
+            amount: /* @__PURE__ */ m(w, { sx: { alignItems: "baseline", flexDirection: "row", gap: 4 }, children: [
               /* @__PURE__ */ e(We, { children: V(l, "0,0.00") }),
               /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: "/" }),
               /* @__PURE__ */ e(ee, { color: "text.secondary", variant: "body2", children: V(a, "0,0.00") })
@@ -131,7 +131,7 @@ const ft = [
   setCurrencyDialogAction: r,
   renderingToast: o
 }) => {
-  const { budgets: i, common: _ } = E(), { sortedTransactions: s } = M(), d = c.useMemo(() => s.reduce((h, D) => D.parent_guid ? h : h + D.amount, 0), [s]), { remainingAmount: u, spentPercentage: g, iconColor: p } = qe(
+  const { budgets: i, common: _ } = O(), { sortedTransactions: s } = R(), d = c.useMemo(() => s.reduce((h, D) => D.parent_guid ? h : h + D.amount, 0), [s]), { remainingAmount: u, spentPercentage: g, iconColor: p } = qe(
     d,
     t.amount ?? 0
   );
@@ -182,17 +182,17 @@ const ft = [
       ]
     }
   );
-}, Nt = w(xt);
+}, Nt = M(xt);
 var Ee = /* @__PURE__ */ ((t) => (t.CREATE = "create", t.EDIT = "edit", t.DELETE = "delete", t))(Ee || {});
-const It = w(({ transaction: t }) => {
+const It = M(({ transaction: t }) => {
   const [n, l] = c.useState(null), [a, r] = c.useState(""), [o, i] = c.useState(!1), _ = c.useRef(!1), [s, d] = c.useState(null), u = H(), {
     addMerchantBudget: g,
     updateMerchantBudget: p,
     deleteMerchantBudget: h,
     getMerchantBudgetByMerchantGuid: D,
-    alert: O,
+    alert: L,
     setAlert: K
-  } = rt(), { setFilter: P } = M(), { accounts: y } = ot(), N = u.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: C, common: J } = E(), { announce: se, ariaLive: le } = Ne(), [te, B] = c.useState(!1), b = t?.merchant_guid ? D(t.merchant_guid) : void 0, F = () => {
+  } = rt(), { setFilter: P } = R(), { accounts: y } = ot(), N = u.palette.mode === "dark" ? "grey.800" : "grey.100", { budgets: C, common: J } = O(), { announce: se, ariaLive: le } = Ne(), [te, B] = c.useState(!1), b = t?.merchant_guid ? D(t.merchant_guid) : void 0, F = () => {
     d(n), l(null), r("");
   }, re = () => {
     b ? B(!0) : l(
@@ -270,8 +270,8 @@ const It = w(({ transaction: t }) => {
   }, A = async () => {
     if (_.current) return;
     _.current = !0;
-    const { apiTrigger: S, successAlertMessage: R, errorAlertMessage: T } = U[n], { isSuccess: v } = await S(), oe = v ? R : T;
-    F(), i(!v), K(oe), se(oe), v && n === "delete" && B(!1), _.current = !1;
+    const { apiTrigger: S, successAlertMessage: v, errorAlertMessage: T } = U[n], { isSuccess: E } = await S(), oe = E ? v : T;
+    F(), i(!E), K(oe), se(oe), E && n === "delete" && B(!1), _.current = !1;
   };
   c.useEffect(() => {
     const S = {
@@ -279,8 +279,8 @@ const It = w(({ transaction: t }) => {
       end: Be(new Date(t.date * 1e3))
     };
     te && P({
-      accounts: y.map((R) => R.guid),
-      custom: te ? (R) => R.merchant_guid === t.merchant_guid : (R) => R.guid === t.guid,
+      accounts: y.map((v) => v.guid),
+      custom: te ? (v) => v.merchant_guid === t.merchant_guid : (v) => v.guid === t.guid,
       dateRange: S
     });
   }, [te, t, y]);
@@ -291,9 +291,9 @@ const It = w(({ transaction: t }) => {
       autoHideDuration: 3500,
       closeAriaLabel: J.close_aria,
       handleClose: () => K(""),
-      message: O,
+      message: L,
       onActionClick: U[s]?.errorRetryAction,
-      open: !!O,
+      open: !!L,
       severity: o ? "error" : "success",
       showAction: o,
       showClose: !0
@@ -319,7 +319,7 @@ const It = w(({ transaction: t }) => {
         isOpen: te,
         merchantBudget: b,
         onClose: () => B(!1),
-        renderingToast: () => O && $(),
+        renderingToast: () => L && $(),
         setCurrencyDialogAction: (S) => {
           S === "edit" && r(b?.amount.toString() || ""), l(S);
         },
@@ -343,10 +343,10 @@ const It = w(({ transaction: t }) => {
         title: U[n].title
       }
     ),
-    !!O && $()
+    !!L && $()
   ] });
 }), Dt = ({ transaction: t }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: l } = M(), { categories: a } = we(), { onEvent: r } = G(), { setShouldDisableDrawerScroll: o, updateManualTransaction: i } = ne(), { transactions: _ } = E(), s = H(), [d, u] = c.useState(!1), [g, p] = c.useState(""), h = async (y) => {
+  const { addOrUpdateTransactionRule: n, updateTransaction: l } = R(), { categories: a } = we(), { onEvent: r } = G(), { setShouldDisableDrawerScroll: o, updateManualTransaction: i } = ne(), { transactions: _ } = O(), s = H(), [d, u] = c.useState(!1), [g, p] = c.useState(""), h = async (y) => {
     await l({ ...t, category_guid: g }), y && await n(g, t), p(""), r(j.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: t.guid
     });
@@ -361,8 +361,8 @@ const It = w(({ transaction: t }) => {
       });
     } else
       p(y);
-    O();
-  }, O = () => {
+    L();
+  }, L = () => {
     u(!1), o(!1);
   }, K = c.useMemo(
     () => a.find((y) => y.guid === g),
@@ -401,7 +401,7 @@ const It = w(({ transaction: t }) => {
       Fe,
       {
         initialSelected: t.category_guid,
-        onClose: O,
+        onClose: L,
         onSelect: D,
         showDrawer: d,
         title: _.actions_select_a_category
@@ -431,7 +431,7 @@ const It = w(({ transaction: t }) => {
     )
   ] });
 }, vt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: l } = M(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), [d, u] = c.useState(t.date), g = (D) => {
+  const { onEvent: n } = G(), { updateTransaction: l } = R(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = O(), i = H(), [_, s] = c.useState(!1), [d, u] = c.useState(t.date), g = (D) => {
     u(gt(D));
   }, p = async () => {
     if (t.is_manual && !t.guid) {
@@ -471,7 +471,7 @@ const It = w(({ transaction: t }) => {
         primaryText: r.save_button,
         secondaryText: r.cancel_button,
         title: o.date_edit_title,
-        children: /* @__PURE__ */ e(L, { alignItems: "center", mt: 40, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e(w, { alignItems: "center", mt: 40, children: /* @__PURE__ */ e(
           ht,
           {
             beginDate: Se(d),
@@ -488,7 +488,7 @@ const It = w(({ transaction: t }) => {
     )
   ] });
 }, Et = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { removeTransaction: l } = M(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = E(), [i, _] = c.useState(!1), s = async () => {
+  const { onEvent: n } = G(), { removeTransaction: l } = R(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = O(), [i, _] = c.useState(!1), s = async () => {
     await l(t.guid), n(f.ON_TRANSACTION_DELETE_DELETED);
   };
   return /* @__PURE__ */ m(Y, { className: "mx-txn-delete", children: [
@@ -527,8 +527,8 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] });
-}, Ot = w(Et), Lt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: l } = M(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), d = async () => {
+}, Ot = M(Et), Lt = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { updateTransaction: l } = R(), { setShouldDisableDrawerScroll: a } = ne(), { common: r, transactions: o } = O(), i = H(), [_, s] = c.useState(!1), d = async () => {
     await l({ ...t, merchant_guid: "" }), n(j.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: t.guid
     });
@@ -567,8 +567,8 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] }) });
-}, wt = w(Lt), Mt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { setAlert: l, updateTransaction: a } = M(), { setShouldDisableDrawerScroll: r } = ne(), { common: o, transactions: i } = E(), _ = H(), [s, d] = c.useState(!1), u = t.is_hidden, g = async () => {
+}, wt = M(Lt), Mt = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { setAlert: l, updateTransaction: a } = R(), { setShouldDisableDrawerScroll: r } = ne(), { common: o, transactions: i } = O(), _ = H(), [s, d] = c.useState(!1), u = t.is_hidden, g = async () => {
     try {
       await a({ ...t, is_hidden: !t.is_hidden }), n(
         u ? f.ON_TRANSACTION_UNHIDDEN : f.ON_TRANSACTION_HIDDEN
@@ -636,9 +636,9 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] }) });
-}, Rt = w(Mt), He = ({ transaction: t }) => {
+}, Rt = M(Mt), He = ({ transaction: t }) => {
   const { amount: n, description: l, isIncome: a, merchant_guid: r, payee: o, top_level_category_guid: i } = t;
-  return /* @__PURE__ */ m(L, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
+  return /* @__PURE__ */ m(w, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
     /* @__PURE__ */ e(
       fe,
       {
@@ -647,7 +647,7 @@ const It = w(({ transaction: t }) => {
         size: 64
       }
     ),
-    /* @__PURE__ */ m(L, { overflow: "hidden'", children: [
+    /* @__PURE__ */ m(w, { overflow: "hidden'", children: [
       /* @__PURE__ */ e(x, { bold: !0, mb: 4, truncate: !0, variant: "body1", children: l || o }),
       /* @__PURE__ */ m(ee, { color: a ? "success.main" : "text.primary", truncate: !0, variant: "h1", children: [
         a ? "+" : "",
@@ -656,7 +656,7 @@ const It = w(({ transaction: t }) => {
     ] })
   ] });
 }, kt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { updateTransaction: l } = M(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = E(), i = H(), [_, s] = c.useState(!1), [d, u] = c.useState("");
+  const { onEvent: n } = G(), { updateTransaction: l } = R(), { updateManualTransaction: a } = ne(), { common: r, transactions: o } = O(), i = H(), [_, s] = c.useState(!1), [d, u] = c.useState("");
   c.useEffect(() => {
     _ && u(t.memo ? t.memo : "");
   }, [_]);
@@ -716,19 +716,19 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] });
-}, Pt = w(kt), Gt = ({
+}, Pt = M(kt), Gt = ({
   index: t,
   onDeleteRow: n,
   onCategoryChanged: l,
   onUpdateAmount: a,
   split: r
 }) => {
-  const { onEvent: o } = G(), { transactions: i } = E(), [_, s] = c.useState(`${r.amount}`), [d, u] = c.useState(!1), g = t === 0, p = (h) => {
+  const { onEvent: o } = G(), { transactions: i } = O(), [_, s] = c.useState(`${r.amount}`), [d, u] = c.useState(!1), g = t === 0, p = (h) => {
     isNaN(Number(h)) || (s(h), a(t, Number(h)));
   };
   return /* @__PURE__ */ m(Y, { bgcolor: "background.paper", className: "mx-txn-split-manager-row", pb: 4, px: 8, children: [
     /* @__PURE__ */ m(De, { alignItems: g ? "center" : "start", container: !0, children: [
-      /* @__PURE__ */ e(De, { size: 7, children: /* @__PURE__ */ m(L, { alignItems: "start", children: [
+      /* @__PURE__ */ e(De, { size: 7, children: /* @__PURE__ */ m(w, { alignItems: "start", children: [
         /* @__PURE__ */ e(
           ue,
           {
@@ -739,13 +739,13 @@ const It = w(({ transaction: t }) => {
             children: r.category
           }
         ),
-        /* @__PURE__ */ e(Y, { children: !r.category_guid && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
+        /* @__PURE__ */ e(Y, { children: !r.category_guid && /* @__PURE__ */ m(w, { color: "error.main", direction: "row", gap: 8, p: 12, children: [
           /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(xe, { sx: { fontSize: 15 } }) }),
           /* @__PURE__ */ e(x, { variant: "body2", children: i.split_transaction_errors_select_category })
         ] }) })
       ] }) }),
-      /* @__PURE__ */ e(De, { size: 5, children: g ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: V(r.amount, "0,0.00") }) }) : /* @__PURE__ */ m(L, { alignItems: "start", children: [
-        /* @__PURE__ */ m(L, { alignItems: "start", direction: "row", gap: 8, children: [
+      /* @__PURE__ */ e(De, { size: 5, children: g ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(x, { children: V(r.amount, "0,0.00") }) }) : /* @__PURE__ */ m(w, { alignItems: "start", children: [
+        /* @__PURE__ */ m(w, { alignItems: "start", direction: "row", gap: 8, children: [
           /* @__PURE__ */ e(
             bt,
             {
@@ -774,7 +774,7 @@ const It = w(({ transaction: t }) => {
             }
           )
         ] }),
-        !_ && /* @__PURE__ */ m(L, { color: "error.main", direction: "row", gap: 8, py: 12, children: [
+        !_ && /* @__PURE__ */ m(w, { color: "error.main", direction: "row", gap: 8, py: 12, children: [
           /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(xe, { sx: { fontSize: 15 } }) }),
           /* @__PURE__ */ e(x, { variant: "body2", children: i.split_transaction_errors_enter_an_amount })
         ] })
@@ -793,7 +793,7 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] });
-}, Bt = w(Gt), $t = ({
+}, Bt = M(Gt), $t = ({
   onAddSplit: t,
   onCategoryChanged: n,
   onDeleteSplit: l,
@@ -801,7 +801,7 @@ const It = w(({ transaction: t }) => {
   splits: r,
   transaction: o
 }) => {
-  const { transactions: i } = E(), { onEvent: _ } = G(), [s, d] = c.useState(""), { announce: u, ariaLive: g } = Ne();
+  const { transactions: i } = O(), { onEvent: _ } = G(), [s, d] = c.useState(""), { announce: u, ariaLive: g } = Ne();
   return c.useEffect(() => {
     if (r.length <= 1)
       d(i.split_transaction_errors_min_splits), u(i.split_transaction_errors_min_splits);
@@ -826,7 +826,7 @@ const It = w(({ transaction: t }) => {
       },
       h
     )),
-    s && /* @__PURE__ */ m(L, { bgcolor: "background.paper", color: "error.main", direction: "row", gap: 8, p: 16, children: [
+    s && /* @__PURE__ */ m(w, { bgcolor: "background.paper", color: "error.main", direction: "row", gap: 8, p: 16, children: [
       /* @__PURE__ */ e("span", { "aria-label": "error", role: "img", children: /* @__PURE__ */ e(xe, { sx: { fontSize: 15 } }) }),
       /* @__PURE__ */ e(x, { variant: "body2", children: s })
     ] }),
@@ -841,8 +841,8 @@ const It = w(({ transaction: t }) => {
       }
     ) })
   ] });
-}, Kt = w($t), Ft = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { announce: l, ariaLive: a } = Ne(), { splitTransaction: r, unSplitTransaction: o, transactionSplitting: i } = M(), { common: _, transactions: s } = E(), { setShouldDisableDrawerScroll: d } = ne(), { categories: u } = we(), g = H(), p = {
+}, Kt = M($t), Ft = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { announce: l, ariaLive: a } = Ne(), { splitTransaction: r, unSplitTransaction: o, transactionSplitting: i } = R(), { common: _, transactions: s } = O(), { setShouldDisableDrawerScroll: d } = ne(), { categories: u } = we(), g = H(), p = {
     ...t,
     amount: t.amount - 1,
     guid: "",
@@ -857,7 +857,7 @@ const It = w(({ transaction: t }) => {
     has_been_split: !1,
     parent_guid: t.guid,
     top_level_category_guid: void 0
-  }, [D, O] = c.useState(!1), [K, P] = c.useState(!1), [y, N] = c.useState([]), C = () => {
+  }, [D, L] = c.useState(!1), [K, P] = c.useState(!1), [y, N] = c.useState([]), C = () => {
     const A = [...y];
     A.push({ ...h }), A[0].amount -= 1, N(A), l(
       I(
@@ -875,20 +875,20 @@ const It = w(({ transaction: t }) => {
   }, se = (A, $) => {
     const S = [...y];
     S[A].amount = $, S[0].amount = t.amount - S.reduce(
-      (R, T, v) => R + (v !== 0 ? T.amount : 0),
+      (v, T, E) => v + (E !== 0 ? T.amount : 0),
       0
     ), N(S);
   }, le = (A, $) => {
-    const S = [...y], R = u.find((T) => T.guid === $);
-    R && (S[A] = {
+    const S = [...y], v = u.find((T) => T.guid === $);
+    v && (S[A] = {
       ...S[A],
       category_guid: $,
-      category: R.name,
-      top_level_category_guid: R.parent_guid || $
+      category: v.name,
+      top_level_category_guid: v.parent_guid || $
     }, N(S), l(
       I(
         s.split_transaction_select_category_announcement,
-        R.name,
+        v.name,
         A + 1
       )
     ));
@@ -899,11 +899,11 @@ const It = w(({ transaction: t }) => {
     }
     N([{ ...p }, { ...h }]), n(j.TRANSACTION_DETAILS_CLICK_SPLIT, {
       transaction_guid: t.guid
-    }), O(!0);
+    }), L(!0);
   }, B = async () => {
-    n(f.ON_TRANSACTION_SPLIT_SAVE_CLICK), await r({ ...t, has_been_split: !0 }, y), O(!1);
+    n(f.ON_TRANSACTION_SPLIT_SAVE_CLICK), await r({ ...t, has_been_split: !0 }, y), L(!1);
   }, b = async () => {
-    i || (n(f.ON_TRANSACTION_SPLIT_CANCEL_CLICK), N([{ ...p }, { ...h }]), O(!1));
+    i || (n(f.ON_TRANSACTION_SPLIT_CANCEL_CLICK), N([{ ...p }, { ...h }]), L(!1));
   }, F = async () => {
     n(j.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
       transaction_guid: t.guid
@@ -911,8 +911,8 @@ const It = w(({ transaction: t }) => {
     const A = t.parent_guid ?? t.guid;
     await o(A);
   }, re = c.useMemo(() => {
-    const A = y.some((S) => !S.category_guid), $ = y.some((S) => S.amount <= 0);
-    return A || $;
+    const A = y.length <= 1, $ = y.some((v) => !v.category_guid), S = y.some((v) => v.amount <= 0);
+    return A || $ || S;
   }, [y]), U = g.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ e(c.Fragment, { children: t && /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ m(X, { onClick: te, children: [
@@ -975,8 +975,8 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] }) });
-}, Ht = w(Ft), Ut = () => {
-  const t = H(), { onEvent: n } = G(), { addTag: l } = M(), { transactions: a } = E(), [r, o] = c.useState(!1), [i, _] = c.useState(""), [s, d] = c.useState(""), u = c.useRef(null);
+}, Ht = M(Ft), Ut = () => {
+  const t = H(), { onEvent: n } = G(), { addTag: l } = R(), { transactions: a } = O(), [r, o] = c.useState(!1), [i, _] = c.useState(""), [s, d] = c.useState(""), u = c.useRef(null);
   c.useEffect(() => {
     r && u?.current?.focus();
   }, [r]);
@@ -991,7 +991,7 @@ const It = w(({ transaction: t }) => {
     d(i.length > 40 ? a.tags_error_name_must_be_40_chars : "");
   }, [i]), /* @__PURE__ */ m(Y, { className: "mx-txn-tag-manager-header", children: [
     /* @__PURE__ */ m(
-      L,
+      w,
       {
         alignItems: "center",
         bgcolor: t.palette.background.default,
@@ -1038,8 +1038,8 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] });
-}, zt = w(Ut), Wt = ({ onSearchValueChanged: t, searchValue: n }) => {
-  const { common: l, transactions: a } = E(), r = /* @__PURE__ */ e(
+}, zt = M(Ut), Wt = ({ onSearchValueChanged: t, searchValue: n }) => {
+  const { common: l, transactions: a } = O(), r = /* @__PURE__ */ e(
     de,
     {
       "aria-label": a.tags_cancel_search || "Search",
@@ -1064,14 +1064,14 @@ const It = w(({ transaction: t }) => {
       value: n
     }
   ) });
-}, Vt = w(Wt), Yt = ({ onTagChecked: t, selectedTags: n, tag: l }) => {
-  const { onEvent: a } = G(), { removeTag: r, updateTag: o } = M(), { common: i, transactions: _ } = E(), [s, d] = c.useState(!1), [u, g] = c.useState(!1), [p, h] = c.useState(""), [D, O] = c.useState(""), K = async () => {
+}, Vt = M(Wt), Yt = ({ onTagChecked: t, selectedTags: n, tag: l }) => {
+  const { onEvent: a } = G(), { removeTag: r, updateTag: o } = R(), { common: i, transactions: _ } = O(), [s, d] = c.useState(!1), [u, g] = c.useState(!1), [p, h] = c.useState(""), [D, L] = c.useState(""), K = async () => {
     a(f.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), l && await o({ ...l, name: p }), d(!1);
   }, P = async () => {
     a(f.ON_TRANSACTION_TAGS_TAG_DELETED), await r(l.guid), g(!1);
   };
   c.useEffect(() => {
-    O(p.length > 40 ? _.tags_error_name_must_be_40_chars : "");
+    L(p.length > 40 ? _.tags_error_name_must_be_40_chars : "");
   }, [p]);
   const y = () => {
     a(f.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK), h(l.name), d(!0);
@@ -1084,7 +1084,7 @@ const It = w(({ transaction: t }) => {
       className: "mx-txn-transaction-manager-row",
       disableGutters: !0,
       disablePadding: !0,
-      secondaryAction: !l.is_default_tag && /* @__PURE__ */ m(L, { direction: "row", children: [
+      secondaryAction: !l.is_default_tag && /* @__PURE__ */ m(w, { direction: "row", children: [
         /* @__PURE__ */ e(
           de,
           {
@@ -1166,8 +1166,8 @@ const It = w(({ transaction: t }) => {
       ]
     }
   );
-}, jt = w(Yt), qt = ({ selectedTags: t, onTagChecked: n }) => {
-  const { tags: l } = M(), [a, r] = c.useState(""), o = l.filter(
+}, jt = M(Yt), qt = ({ selectedTags: t, onTagChecked: n }) => {
+  const { tags: l } = R(), [a, r] = c.useState(""), o = l.filter(
     (i) => i.name.toLowerCase().includes(a.toLowerCase())
   );
   return /* @__PURE__ */ m("div", { className: "mx-txn-tag-manager", children: [
@@ -1184,8 +1184,8 @@ const It = w(({ transaction: t }) => {
       /* @__PURE__ */ e(be, { sx: { ml: 24 } })
     ] }, i.guid)) }) })
   ] });
-}, Qt = w(qt), Xt = ({ transaction: t }) => {
-  const { onEvent: n } = G(), { tags: l, updateTaggings: a, updateTransaction: r } = M(), { common: o, transactions: i } = E(), { updateManualTransaction: _ } = ne(), s = H(), [d, u] = c.useState(!1), [g, p] = c.useState(t.tags);
+}, Qt = M(qt), Xt = ({ transaction: t }) => {
+  const { onEvent: n } = G(), { tags: l, updateTaggings: a, updateTransaction: r } = R(), { common: o, transactions: i } = O(), { updateManualTransaction: _ } = ne(), s = H(), [d, u] = c.useState(!1), [g, p] = c.useState(t.tags);
   c.useEffect(() => {
     p(t.tags);
   }, [d, t]);
@@ -1198,7 +1198,7 @@ const It = w(({ transaction: t }) => {
       return;
     }
     await a(g, t.guid), await r({ ...t, tags: g }), n(j.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: t.guid }), u(!1);
-  }, O = c.useMemo(
+  }, L = c.useMemo(
     () => t.tags.map(
       (P, y, N) => `${l.find((C) => C.guid === P)?.name}${y < N.length - 1 ? " / " : ""}`
     ),
@@ -1217,7 +1217,7 @@ const It = w(({ transaction: t }) => {
             W,
             {
               primary: i.tags_title,
-              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.tags?.length > 0 ? O : i.tags_desc }),
+              secondary: /* @__PURE__ */ e(x, { bold: !0, sx: { color: "text.primary" }, variant: "body1", children: t.tags?.length > 0 ? L : i.tags_desc }),
               slotProps: { primary: { variant: "caption", fontSize: 11, fontWeight: "normal" } }
             }
           ),
@@ -1239,8 +1239,8 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] });
-}, Zt = w(Xt), Jt = ({ transaction: t, viewOnly: n = !1 }) => {
-  const { updateTransaction: l } = M(), { common: a, transactions: r } = E(), { onEvent: o } = G(), { announce: i, ariaLive: _ } = Ne(), [s, d] = c.useState(!1), [u, g] = c.useState(""), p = c.useRef(null);
+}, Zt = M(Xt), Jt = ({ transaction: t, viewOnly: n = !1 }) => {
+  const { updateTransaction: l } = R(), { common: a, transactions: r } = O(), { onEvent: o } = G(), { announce: i, ariaLive: _ } = Ne(), [s, d] = c.useState(!1), [u, g] = c.useState(""), p = c.useRef(null);
   c.useEffect(() => {
     s && (g(t.description), p?.current?.focus());
   }, [s]);
@@ -1261,7 +1261,7 @@ const It = w(({ transaction: t }) => {
           id: "transaction-description-input",
           label: r.payee_title,
           name: r.payee_title,
-          onChange: (O) => g(O.target.value),
+          onChange: (L) => g(L.target.value),
           ref: p,
           slotProps: { htmlInput: { maxLength: 140 } },
           sx: {
@@ -1286,7 +1286,7 @@ const It = w(({ transaction: t }) => {
           children: a.save_button
         }
       )
-    ] }) : /* @__PURE__ */ m(L, { alignItems: "center", direction: "row", gap: 4, sx: { minHeight: 44 }, children: [
+    ] }) : /* @__PURE__ */ m(w, { alignItems: "center", direction: "row", gap: 4, sx: { minHeight: 44 }, children: [
       /* @__PURE__ */ e(x, { bold: !0, children: t.description }),
       !n && /* @__PURE__ */ e(
         de,
@@ -1300,8 +1300,8 @@ const It = w(({ transaction: t }) => {
       )
     ] })
   ] });
-}, ea = w(Jt), ta = ({ transaction: t }) => {
-  const { updateTransaction: n } = M(), { transactions: l } = E(), { onEvent: a } = G(), r = H(), o = r.palette.mode === "dark", i = async () => {
+}, ea = M(Jt), ta = ({ transaction: t }) => {
+  const { updateTransaction: n } = R(), { transactions: l } = O(), { onEvent: a } = G(), r = H(), o = r.palette.mode === "dark", i = async () => {
     a(j.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: t.guid }), await n({ ...t, is_flagged: !t.is_flagged });
   };
   return /* @__PURE__ */ e("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ e(
@@ -1332,7 +1332,7 @@ const It = w(({ transaction: t }) => {
       children: /* @__PURE__ */ e(ut, { color: "inherit" })
     }
   ) });
-}, aa = w(ta), he = (t, n, l, a = !0, r = "inset") => a ? /* @__PURE__ */ m(c.Fragment, { children: [
+}, aa = M(ta), he = (t, n, l, a = !0, r = "inset") => a ? /* @__PURE__ */ m(c.Fragment, { children: [
   /* @__PURE__ */ m(z, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: t }) }),
     /* @__PURE__ */ e(
@@ -1346,7 +1346,7 @@ const It = w(({ transaction: t }) => {
   ] }),
   /* @__PURE__ */ e(be, { variant: r })
 ] }) : null, na = ({ transaction: t }) => {
-  const { transactions: n } = E(), { tags: l } = M(), a = c.useMemo(() => {
+  const { transactions: n } = O(), { tags: l } = R(), a = c.useMemo(() => {
     const r = new Map(l.map((o) => [o.guid, o.name]));
     return t.tags.map((o) => r.get(o)).filter(Boolean).join(" / ");
   }, [l, t.tags]);
@@ -1384,7 +1384,7 @@ const It = w(({ transaction: t }) => {
       "fullWidth"
     )
   ] });
-}, ra = w(na), oa = ({
+}, ra = M(na), oa = ({
   data: t,
   color: n,
   width: l = 85,
@@ -1412,7 +1412,7 @@ const It = w(({ transaction: t }) => {
     return `M${u},0 L${s - u},0 Q${s},0 ${s},${u} L${s},${d} L0,${d} L0,${u} Q0,0 ${u},0 Z`;
   };
   return /* @__PURE__ */ e(
-    L,
+    w,
     {
       sx: {
         width: l,
@@ -1504,14 +1504,14 @@ const It = w(({ transaction: t }) => {
   topActions: l = ft,
   transaction: a
 }) => {
-  const { onEvent: r } = G(), { isCopyLoaded: o } = it(), { userFeatures: i } = st(), { accounts: _, common: s, insights_feed: d } = E(), { detailedCategories: u } = we(), {
+  const { onEvent: r } = G(), { isCopyLoaded: o } = it(), { userFeatures: i } = st(), { accounts: _, common: s, insights_feed: d } = O(), { detailedCategories: u } = we(), {
     alert: g,
     associatedBeats: p,
     detailedTransactions: h,
     cachedStartDate: D,
-    loadEmbeddedInstanceTransactions: O,
+    loadEmbeddedInstanceTransactions: L,
     setAlert: K
-  } = M(), [P, y] = c.useState(!1), [N, C] = c.useState(!1), [J, se] = c.useState(!1), le = H(), te = a?.number && a.number.length > 4, B = c.useMemo(() => p.find((T) => T.associated_transaction_guid === a.guid), [p, a]), b = sa(s, B), [F, re] = c.useState(
+  } = R(), [P, y] = c.useState(!1), [N, C] = c.useState(!1), [J, se] = c.useState(!1), le = H(), te = a?.number && a.number.length > 4, B = c.useMemo(() => p.find((T) => T.associated_transaction_guid === a.guid), [p, a]), b = sa(s, B), [F, re] = c.useState(
     b ? b.dataSeries.length - 1 : 0
   );
   c.useEffect(
@@ -1519,8 +1519,8 @@ const It = w(({ transaction: t }) => {
     []
   ), c.useEffect(() => {
     if (!b || b.dataSeries.length === 0) return;
-    const { date: T } = b.dataSeries[F], v = ve(T);
-    Ye(v, D) && (C(!0), O(v).finally(() => {
+    const { date: T } = b.dataSeries[F], E = ve(T);
+    Ye(E, D) && (C(!0), L(E).finally(() => {
       C(!1);
     }));
   }, [F, b, D]);
@@ -1528,17 +1528,17 @@ const It = w(({ transaction: t }) => {
     if (b) {
       const T = u.find(
         (pe) => pe.guid === a.top_level_category_guid
-      ), v = B?.payload?.average_amount ?? 0, oe = a.amount;
+      ), E = B?.payload?.average_amount ?? 0, oe = a.amount;
       let _e = d.general.increased_text;
-      oe - v < 0 && (_e = d.general.decreased_text);
-      const ge = v === 0 ? 0 : Math.round(Math.abs(oe - v) / v * 100);
+      oe - E < 0 && (_e = d.general.decreased_text);
+      const ge = E === 0 ? 0 : Math.round(Math.abs(oe - E) / E * 100);
       return { category: T, percentageAmount: ge, changetype: _e };
     }
     return null;
   }, [b, u]), $ = ke(() => {
     if (!b?.dataSeries?.length)
       return [];
-    const { guid: T, date: v } = b.dataSeries[F], oe = ve(v), _e = Be(v);
+    const { guid: T, date: E } = b.dataSeries[F], oe = ve(E), _e = Be(E);
     return h.filter((ge) => {
       const pe = Se(ge.date);
       return pe >= oe && pe <= _e && ge.guid === T;
@@ -1546,10 +1546,10 @@ const It = w(({ transaction: t }) => {
   }, [F, b, h, N]);
   if (!o)
     return /* @__PURE__ */ e(_t, {});
-  const S = Qe(i, "MX_TXN_DETAILS_VIEW_ONLY"), R = le.palette.mode === "dark" ? "grey.800" : "grey.100";
+  const S = Qe(i, "MX_TXN_DETAILS_VIEW_ONLY"), v = le.palette.mode === "dark" ? "grey.800" : "grey.100";
   return /* @__PURE__ */ m(Y, { className: "mx-txn-transaction-details", width: "100%", children: [
-    a && /* @__PURE__ */ m(L, { children: [
-      /* @__PURE__ */ m(L, { gap: 12, p: 24, children: [
+    a && /* @__PURE__ */ m(w, { children: [
+      /* @__PURE__ */ m(w, { gap: 12, p: 24, children: [
         /* @__PURE__ */ e(ye, { elevation: 2, sx: { width: 64 }, children: /* @__PURE__ */ e(
           fe,
           {
@@ -1559,7 +1559,7 @@ const It = w(({ transaction: t }) => {
           }
         ) }),
         /* @__PURE__ */ e(ea, { transaction: a, viewOnly: S }),
-        /* @__PURE__ */ m(L, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
+        /* @__PURE__ */ m(w, { direction: "row", justifyContent: "space-between", sx: { minHeight: 44 }, children: [
           /* @__PURE__ */ m(ee, { color: a.isIncome ? "success.main" : "text.primary", variant: "h1", children: [
             a.isIncome ? "+" : "",
             V(a.amount, "0,0.00")
@@ -1582,13 +1582,13 @@ const It = w(({ transaction: t }) => {
             title: B.html_micro_title
           }
         ),
-        /* @__PURE__ */ m(L, { sx: { bgcolor: R, borderRadius: "4px", gap: 4, p: 8 }, children: [
+        /* @__PURE__ */ m(w, { sx: { bgcolor: v, borderRadius: "4px", gap: 4, p: 8 }, children: [
           /* @__PURE__ */ e(x, { bold: !0, children: `${a.account}
                 ${te ? a.number : "•".repeat(4).concat(a.number ?? "")}` }),
           /* @__PURE__ */ e(x, { bold: !0, truncate: !0, variant: "tiny", children: a.feed_description })
         ] })
       ] }),
-      /* @__PURE__ */ e(ye, { square: !0, sx: { boxShadow: "none" }, children: S ? /* @__PURE__ */ e(ra, { transaction: a }) : /* @__PURE__ */ e(Ce, { children: l.map((T, v) => /* @__PURE__ */ m(c.Fragment, { children: [
+      /* @__PURE__ */ e(ye, { square: !0, sx: { boxShadow: "none" }, children: S ? /* @__PURE__ */ e(ra, { transaction: a }) : /* @__PURE__ */ e(Ce, { children: l.map((T, E) => /* @__PURE__ */ m(c.Fragment, { children: [
         T === ce.Category && /* @__PURE__ */ e(Dt, { transaction: a }),
         T === ce.Date && /* @__PURE__ */ e(vt, { transaction: a }),
         T === ce.Memo && /* @__PURE__ */ e(Pt, { transaction: a }),
@@ -1597,14 +1597,14 @@ const It = w(({ transaction: t }) => {
           be,
           {
             component: "li",
-            variant: v < l.length - 1 ? "inset" : "fullWidth"
+            variant: E < l.length - 1 ? "inset" : "fullWidth"
           }
         )
       ] }, T)) }) }),
       !S && U.length > 0 && /* @__PURE__ */ m(c.Fragment, { children: [
         /* @__PURE__ */ e(x, { bold: !0, mb: 8, ml: 26, mt: 16, variant: "body1", children: _.actions }),
         /* @__PURE__ */ e(ye, { square: !0, sx: { boxShadow: "none" }, children: /* @__PURE__ */ m(Ce, { children: [
-          U.map((T, v) => /* @__PURE__ */ m(c.Fragment, { children: [
+          U.map((T, E) => /* @__PURE__ */ m(c.Fragment, { children: [
             T === ie.MerchantBudget && /* @__PURE__ */ e(It, { transaction: a }),
             T === ie.SplitTransaction && /* @__PURE__ */ e(Ht, { transaction: a }),
             T === ie.HideTransaction && /* @__PURE__ */ e(Rt, { transaction: a }),
@@ -1613,7 +1613,7 @@ const It = w(({ transaction: t }) => {
               be,
               {
                 component: "li",
-                variant: v < U.length - 1 ? "inset" : "fullWidth"
+                variant: E < U.length - 1 ? "inset" : "fullWidth"
               }
             )
           ] }, T)),
@@ -1696,7 +1696,7 @@ const It = w(({ transaction: t }) => {
       }
     )
   ] });
-}, nn = w(la);
+}, nn = M(la);
 export {
   ie as B,
   Dt as C,
@@ -1707,4 +1707,4 @@ export {
   ce as b,
   At as c
 };
-//# sourceMappingURL=TransactionDetails-Nuyunc5m.mjs.map
+//# sourceMappingURL=TransactionDetails-CLc7oeHT.mjs.map