@mx-cartographer/experiences 7.1.4-ram1-alpha-finstrong-credit-score-graph-check → 7.1.5

package/dist/spending/index.es.js

@@ -1,41 +1,192 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import a from "react";
-import { observer as D } from "mobx-react-lite";
-import { startOfMonth as tt } from "date-fns/startOfMonth";
-import { endOfMonth as et } from "date-fns/endOfMonth";
-import T from "@mui/material/Box";
-import b from "@mui/material/Stack";
-import W from "@mui/material/Tab";
-import nt from "@mui/material/Tabs";
-import dt from "@mui/material/styles/useTheme";
-import { g as ot, a as at, S as N, b as U } from "../SpendingLegend-D24CEkL3.mjs";
-import { Text as y } from "@mxenabled/mxui";
-import { f as E } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { u as w, b as O, m as j, d as it, a as st, h as gt, g as pt } from "../hooks-CBST3rkm.mjs";
-import { L as z } from "../Loader-DUaFpDGv.mjs";
-import { M as ut } from "../MiniWidgetContainer-LtXXgZ6H.mjs";
-import { startOfToday as X } from "date-fns/startOfToday";
-import { useTheme as mt } from "@mui/material";
-import { T as ht, a as ft } from "../TransactionDetails-DRlrltGq.mjs";
-import _t from "@mui/material/Collapse";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import p from "react";
+import { observer as x } from "mobx-react-lite";
+import { startOfMonth as nt } from "date-fns/startOfMonth";
+import { endOfMonth as ot } from "date-fns/endOfMonth";
+import D from "@mui/material/Box";
+import C from "@mui/material/Stack";
+import N from "@mui/material/Tab";
+import at from "@mui/material/Tabs";
+import mt from "@mui/material/styles/useTheme";
+import { b as V } from "../CategoryUtil-BR3H5i6n.mjs";
+import { b } from "../Category-CevNQ03n.mjs";
+import { Text as f, CategoryIcon as ht, CategoryIconVariants as ft } from "@mxenabled/mxui";
+import { f as A } from "../NumberFormatting-Buh7u8Oi.mjs";
+import yt from "@mui/material/Button";
+import { useTheme as it } from "@mui/material";
+import { u as w, b as R, m as z, d as rt, a as st, h as Ct, g as _t } from "../hooks-CE2TKk4a.mjs";
+import { u as ct } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as bt } from "../Donut-1UMNcG67.mjs";
+import { L as F } from "../Loader-DUaFpDGv.mjs";
+import { M as St } from "../MiniWidgetContainer-DTQdRK-3.mjs";
+import { startOfToday as U } from "date-fns/startOfToday";
+import { T as Tt, a as Mt } from "../TransactionDetails-_cXLXTd3.mjs";
+import Dt from "@mui/material/Collapse";
 import B from "@mui/material/Divider";
-import Y from "@mui/material/List";
-import q from "@mui/material/ListItem";
-import Ct from "@mui/material/ListItemButton";
-import { u as yt } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as J } from "../Drawer-BEtCk82g.mjs";
-import { b as L } from "../Category-CevNQ03n.mjs";
-import { A as Q, W as St } from "../WidgetContainer-DJA1bxLn.mjs";
-const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column", children: [
-  /* @__PURE__ */ t(y, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: r }),
-  /* @__PURE__ */ t(y, { variant: "XSmall", children: E(n, "0,0") })
-] }), bt = () => {
-  const n = dt(), { goals: r, spending: o } = w(), { selectedAccounts: i } = O(), {
+import q from "@mui/material/List";
+import J from "@mui/material/ListItem";
+import xt from "@mui/material/ListItemButton";
+import { D as Q } from "../Drawer-kEE73B87.mjs";
+import { A as Z, W as wt } from "../WidgetContainer-DtPnPQZY.mjs";
+const j = 5, vt = (n, l, r) => r.reduce((i, c) => {
+  if (c.total > 0) {
+    const a = n.find((s) => s.guid === c.category_guid);
+    if (!a) return i;
+    const o = a.parent_guid ?? a.guid, e = n.find((s) => s.guid === o);
+    if (!e) return i;
+    const d = {
+      guid: a.guid,
+      name: a.guid === o ? `General ${a.name}` : a.name,
+      color: V(e.guid, l),
+      amount: c.total
+    }, u = i.find((s) => s.guid === o);
+    u ? (u.amount += c.total, u.categoryTotals?.push(d)) : i.push({
+      guid: o,
+      name: e.name,
+      color: V(e.guid, l),
+      categoryTotals: [d],
+      amount: c.total
+    });
+  }
+  return i;
+}, []), lt = (n, l, r, i) => {
+  const c = vt(n, r, i), a = c.filter(
+    (s) => s.guid !== b.INCOME && s.guid !== b.INVESTMENTS && s.guid !== b.TRANSFER
+  ).sort((s, g) => g.amount - s.amount), o = a.reduce(
+    (s, g) => s + g.amount,
+    0
+  ), e = a.length > j ? j : a.length, d = a.slice(0, e), u = d.map((s) => ({
+    id: s.guid,
+    color: V(s.guid, r),
+    label: s.name,
+    value: s.amount / o * 100
+  }));
+  if (a.length > 5) {
+    const s = a.slice(j, c.length), g = s.reduce(
+      (S, _) => S + _.amount,
+      0
+    );
+    d.push({
+      guid: "other",
+      color: r.palette.categories.others || "",
+      name: l.saving_goal_other,
+      categoryTotals: s,
+      amount: g
+    }), u.push({
+      id: "other",
+      color: r.palette.categories.others || "",
+      label: l.saving_goal_other,
+      value: g / o * 100
+    });
+  }
+  return {
+    categoryData: d,
+    donutData: u,
+    totalAmount: o
+  };
+}, dt = (n, l, r) => {
+  const i = n.filter(
+    (e) => e.guid === b.INCOME || e.parent_guid === b.INCOME
+  ), c = l.filter((e) => i.some((d) => d.guid === e.category_guid)).sort((e, d) => e.total - d.total).map((e, d) => ({
+    guid: e.category_guid,
+    name: n.find((u) => u.guid === e.category_guid)?.name,
+    color: r[d],
+    categoryTotals: [],
+    amount: Math.abs(e.total)
+  })), a = c.reduce(
+    (e, d) => e + d.amount,
+    0
+  ), o = c.map((e) => ({
+    id: e.guid,
+    color: e.color,
+    label: e.name,
+    value: e.amount / a * 100
+  }));
+  return {
+    categoryData: c,
+    donutData: o,
+    totalAmount: a
+  };
+}, W = ({ amount: n, label: l }) => /* @__PURE__ */ m(C, { direction: "column", children: [
+  /* @__PURE__ */ t(f, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: l }),
+  /* @__PURE__ */ t(f, { variant: "XSmall", children: A(n, "0,0") })
+] }), At = ({
+  data: n,
+  isIncome: l = !1,
+  onSelected: r,
+  onViewTransactions: i,
+  selectedId: c,
+  size: a = 150,
+  totalLabel: o,
+  variant: e = "mini"
+}) => {
+  const { spending: d } = w(), u = it(), { isTablet: s } = ct(), g = p.useMemo(
+    () => c ? n.categoryData.find((v) => v.guid === c) : void 0,
+    [c]
+  ), S = p.useMemo(() => n.donutData.length > 0 ? n.donutData : [{ id: "0", color: u.palette.divider, value: 100 }], [n, u]), _ = () => {
+    i?.(c);
+  }, y = s ? 32 : 48;
+  return /* @__PURE__ */ t(bt, { data: S, onClick: r, selectedId: c, size: a, children: /* @__PURE__ */ t(C, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ m(C, { alignItems: "center", justifyContent: "center", minHeight: a, minWidth: a, children: [
+    g && /* @__PURE__ */ m(
+      C,
+      {
+        alignItems: "center",
+        gap: e === "mini" ? 0 : 8,
+        mb: e === "mini" ? 0 : 8,
+        mt: e === "mini" ? 0 : -16,
+        sx: e === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
+        children: [
+          /* @__PURE__ */ t(
+            ht,
+            {
+              categoryGuid: l ? b.INCOME : g.guid,
+              size: e === "mini" ? 24 : y,
+              variant: ft.Transparent
+            }
+          ),
+          /* @__PURE__ */ t(f, { color: "secondary", noWrap: !0, variant: e === "mini" ? "Tiny" : "Body", children: g ? g.name : o })
+        ]
+      }
+    ),
+    !g && e === "full" && /* @__PURE__ */ t(f, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: o }),
+    /* @__PURE__ */ t(f, { variant: e === "mini" ? "H2" : "H1", children: g ? A(g.amount, "0,0") : A(n.totalAmount, "0,0") }),
+    !g && e === "mini" && /* @__PURE__ */ t(f, { color: "secondary", noWrap: !0, variant: "Tiny", children: o }),
+    e === "full" && /* @__PURE__ */ t(
+      yt,
+      {
+        "aria-label": `View ${g?.name || ""} Transactions`,
+        disabled: n.categoryData.length === 0,
+        onClick: _,
+        sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
+        variant: "text",
+        children: d.view_transactions
+      }
+    )
+  ] }) }) });
+}, O = x(At), tt = ({ data: n, onSelected: l, selectedId: r }) => /* @__PURE__ */ t(C, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: n.categoryData.map((i) => /* @__PURE__ */ m(
+  C,
+  {
+    alignItems: "center",
+    "aria-label": i.name,
+    "aria-selected": i.guid === r,
+    direction: "row",
+    gap: 8,
+    onClick: () => l(i.guid),
+    role: "button",
+    sx: { cursor: "pointer" },
+    children: [
+      /* @__PURE__ */ t(D, { borderRadius: 4, height: 8, sx: { backgroundColor: i.color }, width: 8 }),
+      /* @__PURE__ */ t(f, { bold: i.guid === r, variant: "XSmall", children: i.name })
+    ]
+  },
+  i.guid
+)) }), Et = () => {
+  const n = mt(), { goals: l, spending: r } = w(), { selectedAccounts: i } = R(), {
     categories: c,
-    dateRangeCategoryTotals: s,
-    dataRangeTotalsLoaded: e,
-    loadDateRangeCategoryTotals: l
-  } = j(), u = a.useMemo(
+    dateRangeCategoryTotals: a,
+    dataRangeTotalsLoaded: o,
+    loadDateRangeCategoryTotals: e
+  } = z(), d = p.useMemo(
     () => [
       n.palette.chartMono.chartMono5,
       n.palette.chartMono.chartMono4,
@@ -46,145 +197,145 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
     ],
     [n]
   );
-  a.useEffect(() => {
-    l(
+  p.useEffect(() => {
+    e(
       i,
-      tt(/* @__PURE__ */ new Date()),
-      et(/* @__PURE__ */ new Date())
+      nt(/* @__PURE__ */ new Date()),
+      ot(/* @__PURE__ */ new Date())
     ).finally();
   }, [i]);
-  const [m, p] = a.useState(""), [C, M] = a.useState(0), S = a.useMemo(
-    () => ot(c, r, n, s),
-    [c, s]
-  ), h = a.useMemo(
-    () => at(c, s, u),
-    [c, s, u]
-  ), A = (v, I) => {
-    M(I), p("");
-  }, _ = (v) => {
-    p(m === v ? "" : v);
+  const [u, s] = p.useState(""), [g, S] = p.useState(0), _ = p.useMemo(
+    () => lt(c, l, n, a),
+    [c, a]
+  ), y = p.useMemo(
+    () => dt(c, a, d),
+    [c, a, d]
+  ), v = (E, L) => {
+    S(L), s("");
+  }, M = (E) => {
+    s(u === E ? "" : E);
   };
-  return e ? /* @__PURE__ */ d(T, { width: "100%", children: [
-    /* @__PURE__ */ d(nt, { onChange: A, value: C, variant: "fullWidth", children: [
+  return o ? /* @__PURE__ */ m(D, { width: "100%", children: [
+    /* @__PURE__ */ m(at, { onChange: v, value: g, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
-        W,
+        N,
         {
           label: /* @__PURE__ */ t(
-            R,
+            W,
             {
-              amount: S.totalAmount,
-              label: o.spend_tab_title
+              amount: _.totalAmount,
+              label: r.spend_tab_title
             }
           )
         }
       ),
       /* @__PURE__ */ t(
-        W,
+        N,
         {
           label: /* @__PURE__ */ t(
-            R,
+            W,
             {
-              amount: h.totalAmount,
-              label: o.income_tab_title
+              amount: y.totalAmount,
+              label: r.income_tab_title
             }
           )
         }
       )
     ] }),
-    C === 0 && /* @__PURE__ */ t(T, { children: /* @__PURE__ */ d(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+    g === 0 && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ m(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
       /* @__PURE__ */ t(
-        N,
+        O,
         {
-          data: S,
-          onSelected: _,
-          selectedId: m,
-          totalLabel: o.total_spending
+          data: _,
+          onSelected: M,
+          selectedId: u,
+          totalLabel: r.total_spending
         }
       ),
       /* @__PURE__ */ t(
-        U,
+        tt,
         {
-          data: S,
-          onSelected: _,
-          selectedId: m
+          data: _,
+          onSelected: M,
+          selectedId: u
         }
       )
     ] }) }),
-    C === 1 && /* @__PURE__ */ t(T, { children: /* @__PURE__ */ d(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+    g === 1 && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ m(C, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
       /* @__PURE__ */ t(
-        N,
+        O,
         {
-          data: h,
+          data: y,
           isIncome: !0,
-          onSelected: _,
-          selectedId: m,
-          totalLabel: o.total_income
+          onSelected: M,
+          selectedId: u,
+          totalLabel: r.total_income
         }
       ),
-      /* @__PURE__ */ t(U, { data: h, onSelected: _, selectedId: m })
+      /* @__PURE__ */ t(tt, { data: y, onSelected: M, selectedId: u })
     ] }) })
-  ] }) : /* @__PURE__ */ t(z, { height: 250 });
-}, Mt = D(bt), Tt = ({ onPrimaryCtaClick: n, sx: r = {} }) => {
-  const { visibleAccounts: o } = it(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: s, setSelectedAccounts: e } = O();
-  return a.useEffect(() => {
-    e(o);
-  }, [o]), !c || !s ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(
-    ut,
+  ] }) : /* @__PURE__ */ t(F, { height: 250 });
+}, It = x(Et), Lt = ({ onPrimaryCtaClick: n, sx: l = {} }) => {
+  const { visibleAccounts: r } = rt(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: a, setSelectedAccounts: o } = R();
+  return p.useEffect(() => {
+    o(r);
+  }, [r]), !c || !a ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(
+    St,
     {
       className: "mx-exp-spending-miniwidget",
       onPrimaryCtaClick: n,
       primaryCtaLabel: i.primary_cta,
-      sx: r,
+      sx: l,
       title: i.mini_title,
-      children: /* @__PURE__ */ t(Mt, {})
+      children: /* @__PURE__ */ t(It, {})
     }
   );
-}, ie = D(Tt), Dt = ({
+}, he = x(Lt), Nt = ({
   data: n,
-  onSelected: r,
-  selectedId: o = "",
+  onSelected: l,
+  selectedId: r = "",
   title: i
 }) => {
-  const { spending: c } = w(), s = n.categoryData.find((e) => e.guid === o);
-  return /* @__PURE__ */ d(b, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
-    /* @__PURE__ */ t(y, { bold: !0, sx: { py: 12 }, children: `${i} ${c.by_category}` }),
+  const { spending: c } = w(), a = n.categoryData.find((o) => o.guid === r);
+  return /* @__PURE__ */ m(C, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
+    /* @__PURE__ */ t(f, { bold: !0, sx: { py: 12 }, children: `${i} ${c.by_category}` }),
     /* @__PURE__ */ t(B, { "aria-hidden": "true" }),
-    /* @__PURE__ */ t(Y, { children: n.categoryData.map((e) => /* @__PURE__ */ d(a.Fragment, { children: [
+    /* @__PURE__ */ t(q, { children: n.categoryData.map((o) => /* @__PURE__ */ m(p.Fragment, { children: [
       /* @__PURE__ */ t(
-        q,
+        J,
         {
           disableGutters: !0,
           disablePadding: !0,
           sx: {
             minHeight: 44
           },
-          children: /* @__PURE__ */ d(
-            Ct,
+          children: /* @__PURE__ */ m(
+            xt,
             {
-              "aria-expanded": s?.guid === e.guid,
-              onClick: () => r(e.guid),
+              "aria-expanded": a?.guid === o.guid,
+              onClick: () => l(o.guid),
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ t(
-                  T,
+                  D,
                   {
                     borderRadius: 4,
                     flexShrink: 0,
                     height: 8,
-                    sx: { backgroundColor: e.color, mr: 8 },
+                    sx: { backgroundColor: o.color, mr: 8 },
                     width: 8
                   }
                 ),
-                /* @__PURE__ */ d(
-                  b,
+                /* @__PURE__ */ m(
+                  C,
                   {
                     alignItems: "center",
                     direction: "row",
                     justifyContent: "space-between",
                     width: "100%",
                     children: [
-                      /* @__PURE__ */ t(y, { bold: o === e.guid, children: e.name }),
-                      /* @__PURE__ */ t(y, { bold: o === e.guid, variant: "Body", children: E(e.amount, "0,0") })
+                      /* @__PURE__ */ t(f, { bold: r === o.guid, children: o.name }),
+                      /* @__PURE__ */ t(f, { bold: r === o.guid, variant: "Body", children: A(o.amount, "0,0") })
                     ]
                   }
                 )
@@ -194,50 +345,50 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
         }
       ),
       /* @__PURE__ */ t(B, {}),
-      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(_t, { in: s?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ d(Y, { children: [
-        s?.categoryTotals?.map((l) => /* @__PURE__ */ t(
-          q,
+      o.categoryTotals && o.categoryTotals.length > 0 && /* @__PURE__ */ t(Dt, { in: a?.guid === o.guid, unmountOnExit: !0, children: /* @__PURE__ */ m(q, { children: [
+        a?.categoryTotals?.map((e) => /* @__PURE__ */ t(
+          J,
           {
             sx: {
               pl: 24,
               pr: 8,
               py: 0
             },
-            children: /* @__PURE__ */ d(b, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-              /* @__PURE__ */ d(y, { children: [
-                l.name,
+            children: /* @__PURE__ */ m(C, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+              /* @__PURE__ */ m(f, { children: [
+                e.name,
                 " "
               ] }),
-              /* @__PURE__ */ t(y, { children: E(l.amount, "0,0") })
+              /* @__PURE__ */ t(f, { children: A(e.amount, "0,0") })
             ] })
           },
-          l.guid
+          e.guid
         )),
         /* @__PURE__ */ t(B, {})
       ] }) })
-    ] }, e.guid)) }),
-    /* @__PURE__ */ t(y, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${c.total}: ${E(n.totalAmount, "0,0")}` })
+    ] }, o.guid)) }),
+    /* @__PURE__ */ t(f, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${c.total}: ${A(n.totalAmount, "0,0")}` })
   ] });
-}, wt = D(Dt), vt = ({
+}, Wt = x(Nt), Ot = ({
   data: n,
-  onSelected: r,
-  onViewTransactions: o,
+  onSelected: l,
+  onViewTransactions: r,
   selectedId: i,
   title: c
 }) => {
-  const { isDesktop: s, isMobile: e } = yt(), { isLoadingCategoryTotals: l } = j(), { spending: u } = w();
-  return /* @__PURE__ */ d(
-    b,
+  const { isDesktop: a, isMobile: o } = ct(), { isLoadingCategoryTotals: e } = z(), { spending: d } = w();
+  return /* @__PURE__ */ m(
+    C,
     {
-      alignItems: e ? "center" : "flex-start",
-      direction: e ? "column" : "row",
+      alignItems: o ? "center" : "flex-start",
+      direction: o ? "column" : "row",
       gap: { xs: 16, md: 64, xl: 100 },
       justifyContent: "center",
       pt: 50,
       px: 8,
       children: [
-        l && /* @__PURE__ */ t(
-          N,
+        e && /* @__PURE__ */ t(
+          O,
           {
             data: {
               categoryData: [],
@@ -247,173 +398,173 @@ const R = ({ amount: n, label: r }) => /* @__PURE__ */ d(b, { direction: "column
             onSelected: () => {
             },
             selectedId: "",
-            size: s ? 400 : 300,
+            size: a ? 400 : 300,
             totalLabel: "Loading ...",
             variant: "full"
           }
         ),
-        !l && /* @__PURE__ */ t(
-          N,
+        !e && /* @__PURE__ */ t(
+          O,
           {
             data: n,
-            onSelected: r,
-            onViewTransactions: o,
+            onSelected: l,
+            onViewTransactions: r,
             selectedId: i,
-            size: s ? 400 : 300,
-            totalLabel: u.total_amount,
+            size: a ? 400 : 300,
+            totalLabel: d.total_amount,
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(wt, { data: n, onSelected: r, selectedId: i, title: c })
+        /* @__PURE__ */ t(Wt, { data: n, onSelected: l, selectedId: i, title: c })
       ]
     }
   );
-}, Z = D(vt), xt = (n) => [
+}, et = x(Ot), Rt = (n) => [
   n.palette.chartMono.chartMono5,
   n.palette.chartMono.chartMono4,
   n.palette.chartMono.chartMono3,
   n.palette.chartMono.chartMono2,
   n.palette.chartMono.chartMono1,
   n.palette.chartMono.chartMono6
-], Lt = () => {
-  const n = mt(), { clientConfig: r } = st(), { categories: o, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: c } = j(), { goals: s, spending: e } = w(), { displayedDateRange: l, selectedAccounts: u, selectedAccountGuids: m } = O(), { setFilter: p, sortedTransactions: C } = gt(), M = r?.master?.deep_link_params?.account_guids, S = r?.master?.deep_link_params?.view, [h, A] = a.useState(""), [_, v] = a.useState(S === "income" ? 1 : 0), [I, F] = a.useState(""), [rt, V] = a.useState(!1);
-  a.useEffect(() => {
+], Gt = () => {
+  const n = it(), { clientConfig: l } = st(), { categories: r, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: c } = z(), { goals: a, spending: o } = w(), { displayedDateRange: e, selectedAccounts: d, selectedAccountGuids: u } = R(), { setFilter: s, sortedTransactions: g } = Ct(), S = l?.master?.deep_link_params?.account_guids, _ = l?.master?.deep_link_params?.view, [y, v] = p.useState(""), [M, E] = p.useState(_ === "income" ? 1 : 0), [L, H] = p.useState(""), [gt, P] = p.useState(!1);
+  p.useEffect(() => {
     c(
-      u,
-      l.start,
-      l.end
+      d,
+      e.start,
+      e.end
     ).finally();
-  }, [u, l]);
-  const $ = a.useMemo(
-    () => ot(o, s, n, i),
-    [o, i]
-  ), P = a.useMemo(
-    () => at(o, i, xt(n)),
-    [o, i]
-  ), k = a.useMemo(
-    () => C.find((g) => g.guid === I),
-    [I, C]
-  ), ct = (g, x) => {
-    v(x), A("");
-  }, H = (g) => {
-    A(h === g || g === "0" ? "" : g);
-  }, K = (g) => {
-    const x = {
-      accounts: M || m,
-      dateRange: l
+  }, [d, e]);
+  const G = p.useMemo(
+    () => lt(r, a, n, i),
+    [r, i]
+  ), X = p.useMemo(
+    () => dt(r, i, Rt(n)),
+    [r, i]
+  ), k = p.useMemo(
+    () => g.find((h) => h.guid === L),
+    [L, g]
+  ), ut = (h, I) => {
+    E(I), v("");
+  }, Y = (h) => {
+    v(y === h || h === "0" ? "" : h);
+  }, K = (h) => {
+    const I = {
+      accounts: S || u,
+      dateRange: e
     };
-    if (_ === 0)
-      if (g === "other") {
-        const f = $.categoryData.find((G) => G.guid === "other");
-        p({
-          ...x,
-          custom: (G) => !!f?.categoryTotals?.find((lt) => lt.guid === G.top_level_category_guid)
+    if (M === 0)
+      if (h === "other") {
+        const T = G.categoryData.find(($) => $.guid === "other");
+        s({
+          ...I,
+          custom: ($) => !!T?.categoryTotals?.find((pt) => pt.guid === $.top_level_category_guid)
         });
       } else
-        p({
-          ...x,
-          custom: (f) => g ? f.top_level_category_guid === g : f.top_level_category_guid !== L.INCOME && f.top_level_category_guid !== L.INVESTMENTS && f.top_level_category_guid !== L.TRANSFER,
-          showSplits: !!g
+        s({
+          ...I,
+          custom: (T) => h ? T.top_level_category_guid === h : T.top_level_category_guid !== b.INCOME && T.top_level_category_guid !== b.INVESTMENTS && T.top_level_category_guid !== b.TRANSFER,
+          showSplits: !!h
         });
     else
-      p({
-        ...x,
-        custom: (f) => g ? f.category_guid === g : f.category_guid === L.INCOME || f.top_level_category_guid === L.INCOME
+      s({
+        ...I,
+        custom: (T) => h ? T.category_guid === h : T.category_guid === b.INCOME || T.top_level_category_guid === b.INCOME
       });
-    V(!0);
+    P(!0);
   };
-  return /* @__PURE__ */ d(T, { children: [
-    /* @__PURE__ */ d(nt, { onChange: ct, value: _, variant: "fullWidth", children: [
+  return /* @__PURE__ */ m(D, { children: [
+    /* @__PURE__ */ m(at, { onChange: ut, value: M, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
-        W,
+        N,
         {
           label: /* @__PURE__ */ t(
-            R,
+            W,
             {
-              amount: $.totalAmount,
-              label: e.spend_tab_title
+              amount: G.totalAmount,
+              label: o.spend_tab_title
             }
           )
         }
       ),
       /* @__PURE__ */ t(
-        W,
+        N,
         {
           label: /* @__PURE__ */ t(
-            R,
+            W,
             {
-              amount: P.totalAmount,
-              label: e.income_tab_title
+              amount: X.totalAmount,
+              label: o.income_tab_title
             }
           )
         }
       )
     ] }),
-    _ === 0 && /* @__PURE__ */ t(
-      Z,
+    M === 0 && /* @__PURE__ */ t(
+      et,
       {
-        data: $,
-        onSelected: H,
+        data: G,
+        onSelected: Y,
         onViewTransactions: K,
-        selectedId: h,
-        title: e.spend_tab_title
+        selectedId: y,
+        title: o.spend_tab_title
       }
     ),
-    _ === 1 && /* @__PURE__ */ t(
-      Z,
+    M === 1 && /* @__PURE__ */ t(
+      et,
       {
-        data: P,
-        onSelected: H,
+        data: X,
+        onSelected: Y,
         onViewTransactions: K,
-        selectedId: h,
-        title: e.income_tab_title
+        selectedId: y,
+        title: o.income_tab_title
       }
     ),
     /* @__PURE__ */ t(
-      J,
+      Q,
       {
-        ariaLabelClose: e.close_drawer_aria,
-        isOpen: rt,
-        onClose: () => V(!1),
-        title: e.transactions_drawer_title,
-        children: /* @__PURE__ */ t(ht, { onClick: F })
+        ariaLabelClose: o.close_drawer_aria,
+        isOpen: gt,
+        onClose: () => P(!1),
+        title: o.transactions_drawer_title,
+        children: /* @__PURE__ */ t(Tt, { onClick: H })
       }
     ),
     /* @__PURE__ */ t(
-      J,
+      Q,
       {
-        ariaLabelClose: e.close_drawer_aria,
+        ariaLabelClose: o.close_drawer_aria,
         isOpen: !!k,
-        onClose: () => F(""),
-        title: e.transaction_details_drawer_title,
-        children: k && /* @__PURE__ */ t(ft, { transaction: k })
+        onClose: () => H(""),
+        title: o.transaction_details_drawer_title,
+        children: k && /* @__PURE__ */ t(Mt, { transaction: k })
       }
     )
   ] });
-}, At = D(Lt), It = ({ onBackClick: n, sx: r = {} }) => {
-  const { visibleAccounts: o } = it(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: s, setDisplayedDate: e, setSelectedAccounts: l } = O(), { onEvent: u } = pt(), { clientConfig: m } = st(), p = m?.master?.deep_link_params?.date_range, [C, M] = a.useState(!1);
-  a.useEffect(() => {
-    l(o);
-  }, [o]), a.useEffect(() => {
-    p && Array.isArray(p) && p.length === 2 ? e(p[0], p[1]) : e(tt(X()), et(X())), M(!0), u(Q.SPENDING_VIEW);
+}, kt = x(Gt), $t = ({ onBackClick: n, sx: l = {} }) => {
+  const { visibleAccounts: r } = rt(), { spending: i } = w(), { isCopyLoaded: c, isInitialized: a, setDisplayedDate: o, setSelectedAccounts: e } = R(), { onEvent: d } = _t(), { clientConfig: u } = st(), s = u?.master?.deep_link_params?.date_range, [g, S] = p.useState(!1);
+  p.useEffect(() => {
+    e(r);
+  }, [r]), p.useEffect(() => {
+    s && Array.isArray(s) && s.length === 2 ? o(s[0], s[1]) : o(nt(U()), ot(U())), S(!0), d(Z.SPENDING_VIEW);
   }, []);
-  const S = (h) => {
-    e(h[0], h[1]);
+  const _ = (y) => {
+    o(y[0], y[1]);
   };
-  return !c || !s || !C ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t(
-    St,
+  return !c || !a || !g ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(
+    wt,
     {
-      accountOptions: o,
-      calendarActions: { onRangeChanged: S },
-      onAccountsFilterClick: () => u(Q.SPENDING_CLICK_FILTER),
+      accountOptions: r,
+      calendarActions: { onRangeChanged: _ },
+      onAccountsFilterClick: () => d(Z.SPENDING_CLICK_FILTER),
       onBackClick: n,
-      sx: r,
+      sx: l,
       title: i.title,
-      children: /* @__PURE__ */ t(T, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(At, {}) })
+      children: /* @__PURE__ */ t(D, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(kt, {}) })
     }
   );
-}, se = D(It);
+}, fe = x($t);
 export {
-  ie as SpendingMiniWidget,
-  se as SpendingWidget
+  he as SpendingMiniWidget,
+  fe as SpendingWidget
 };