@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.1

package/dist/spending/index.es.js

@@ -1,175 +1,190 @@
-import { f as w } from "../GlobalCopyApi-BeXzaDH9.mjs";
-import { J as $, s as _e } from "../core-BexP5oiV.mjs";
-import { $t as ye, Gn as be, c as Ce, lr as Y, mr as Se, sr as q } from "../accounts-DkyAiLpg.mjs";
-import { n as oe } from "../Analytics-BKzTPees.mjs";
-import { E as ie, d as Te, h as P, i as H, n as re, p as I, s as W, t as se } from "../Loader-BlVzRtUd.mjs";
-import { t as ve } from "../MiniWidgetContainer-COwnjfy7.mjs";
-import { i as le, n as k, r as de, t as Q } from "../SpendingLegend-D15ixlQ1.mjs";
-import d from "react";
-import { observer as A } from "mobx-react-lite";
-import C from "@mui/material/Stack";
-import { Icon as Me, Text as T } from "@mxenabled/mxui";
-import { endOfMonth as ce } from "date-fns/endOfMonth";
-import { startOfMonth as ge } from "date-fns/startOfMonth";
-import { startOfToday as X } from "date-fns/startOfToday";
-import xe from "@mui/material/Button";
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { useTheme as De } from "@mui/material/styles";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import c from "react";
+import { observer as I } from "mobx-react-lite";
+import { startOfMonth as at } from "date-fns/startOfMonth";
+import { endOfMonth as it } from "date-fns/endOfMonth";
 import L from "@mui/material/Box";
-import B from "@mui/material/Tab";
-import pe from "@mui/material/Tabs";
-import { parseISO as Z } from "date-fns/parseISO";
-import { useTheme as we } from "@mui/material";
-import Le from "@mui/material/Divider";
-import ee from "@mui/material/List";
-import te from "@mui/material/ListItem";
-import ae from "@mui/material/ListItemButton";
-import Ie from "@mui/material/Collapse";
-var G = ({ amount: a, label: g, variant: n = "full" }) => /* @__PURE__ */ u(C, {
-  direction: "column",
-  children: [/* @__PURE__ */ e(T, {
-    bold: !0,
-    sx: { textTransform: "none" },
-    variant: "body1",
-    children: g
-  }), /* @__PURE__ */ e(T, {
-    variant: "caption",
-    children: $(a, n === "mini" ? "0,0" : "0,0.00")
-  })]
-}), Ae = () => {
-  const a = De(), { goals: g, spending: n } = I(), { categories: o, dateRangeCategoryTotals: i } = W(), p = d.useMemo(() => [
-    a.palette.chartMono.chartMono5,
-    a.palette.chartMono.chartMono4,
-    a.palette.chartMono.chartMono3,
-    a.palette.chartMono.chartMono2,
-    a.palette.chartMono.chartMono1,
-    a.palette.chartMono.chartMono6
-  ], [a]), [t, r] = d.useState(""), [s, y] = d.useState(0), c = d.useMemo(() => le(o, g, a, i), [o, i]), b = d.useMemo(() => de(o, i, p), [
-    o,
-    i,
-    p
-  ]), v = (h, M) => {
-    y(M), r("");
-  }, m = (h) => {
-    r(t === h ? "" : h);
+import y from "@mui/material/Stack";
+import $ from "@mui/material/Tab";
+import rt from "@mui/material/Tabs";
+import { useTheme as _t } from "@mui/material/styles";
+import { g as st, a as lt, S as B, b as q } from "../SpendingLegend-CxvNOg3c.mjs";
+import { Text as T, Icon as bt } from "@mxenabled/mxui";
+import { f as k } from "../NumberFormatting--XMeeBfr.mjs";
+import { u as A, l as R, c as ct, a as P, i as H, g as dt, f as yt } from "../hooks-97sNJ_lf.mjs";
+import { u as gt } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+import { L as pt } from "../Loader-CxeBwuPG.mjs";
+import { M as Ct } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
+import { startOfToday as J } from "date-fns/startOfToday";
+import St from "@mui/material/Button";
+import { useTheme as Tt } from "@mui/material";
+import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
+import { T as Dt } from "../EmbeddedCard-DH8vQ3qN.mjs";
+import { T as xt } from "../TransactionDetails-roZ5xLq8.mjs";
+import vt from "@mui/material/Collapse";
+import wt from "@mui/material/Divider";
+import Q from "@mui/material/List";
+import X from "@mui/material/ListItem";
+import Z from "@mui/material/ListItemButton";
+import { u as Lt } from "../useScreenSize-mWpmnh5w.mjs";
+import { D as tt } from "../Drawer-DsnW2o0v.mjs";
+import { C as w } from "../Category-DEKZGLYe.mjs";
+import { parseISO as et } from "date-fns/parseISO";
+import { A as nt } from "../Analytics-WeZYytR0.mjs";
+import { W as It } from "../WidgetContainer-DJnp6t6c.mjs";
+const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
+  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
+  /* @__PURE__ */ t(T, { variant: "caption", children: k(n, o === "mini" ? "0,0" : "0,0.00") })
+] }), At = () => {
+  const n = _t(), { goals: d, spending: o } = A(), { categories: a, dateRangeCategoryTotals: i } = R(), g = c.useMemo(
+    () => [
+      n.palette.chartMono.chartMono5,
+      n.palette.chartMono.chartMono4,
+      n.palette.chartMono.chartMono3,
+      n.palette.chartMono.chartMono2,
+      n.palette.chartMono.chartMono1,
+      n.palette.chartMono.chartMono6
+    ],
+    [n]
+  ), [e, r] = c.useState(""), [s, b] = c.useState(0), u = c.useMemo(
+    () => st(a, d, n, i),
+    [a, i]
+  ), h = c.useMemo(
+    () => lt(a, i, g),
+    [a, i, g]
+  ), M = (_, D) => {
+    b(D), r("");
+  }, f = (_) => {
+    r(e === _ ? "" : _);
   };
-  return /* @__PURE__ */ u(L, {
-    width: "100%",
-    children: [
-      /* @__PURE__ */ u(pe, {
-        "aria-label": n.mini_title,
-        onChange: v,
+  return /* @__PURE__ */ p(L, { width: "100%", children: [
+    /* @__PURE__ */ p(
+      rt,
+      {
+        "aria-label": o.mini_title,
+        onChange: M,
         sx: { touchAction: "manipulation" },
         value: s,
         variant: "fullWidth",
-        children: [/* @__PURE__ */ e(B, {
-          "aria-controls": "spending-tabpanel",
-          id: "spending-tab",
-          label: /* @__PURE__ */ e(G, {
-            amount: c.totalAmount,
-            label: n.spend_tab_title,
-            variant: "mini"
-          }),
-          tabIndex: s === 0 ? 0 : -1
-        }), /* @__PURE__ */ e(B, {
-          "aria-controls": "income-tabpanel",
-          id: "income-tab",
-          label: /* @__PURE__ */ e(G, {
-            amount: b.totalAmount,
-            label: n.income_tab_title,
-            variant: "mini"
-          }),
-          tabIndex: s === 1 ? 0 : -1
-        })]
-      }),
-      /* @__PURE__ */ e(L, {
+        children: [
+          /* @__PURE__ */ t(
+            $,
+            {
+              "aria-controls": "spending-tabpanel",
+              id: "spending-tab",
+              label: /* @__PURE__ */ t(
+                G,
+                {
+                  amount: u.totalAmount,
+                  label: o.spend_tab_title,
+                  variant: "mini"
+                }
+              ),
+              tabIndex: s === 0 ? 0 : -1
+            }
+          ),
+          /* @__PURE__ */ t(
+            $,
+            {
+              "aria-controls": "income-tabpanel",
+              id: "income-tab",
+              label: /* @__PURE__ */ t(
+                G,
+                {
+                  amount: h.totalAmount,
+                  label: o.income_tab_title,
+                  variant: "mini"
+                }
+              ),
+              tabIndex: s === 1 ? 0 : -1
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      L,
+      {
         "aria-labelledby": "spending-tab",
         hidden: s !== 0,
         id: "spending-tabpanel",
         role: "tabpanel",
-        children: /* @__PURE__ */ u(C, {
-          direction: "row",
-          gap: 16,
-          justifyContent: "center",
-          p: 24,
-          children: [/* @__PURE__ */ e(k, {
-            data: c,
-            onSelected: m,
-            selectedId: t,
-            totalLabel: n.total_spending
-          }), /* @__PURE__ */ e(Q, {
-            data: c,
-            onSelected: m,
-            selectedId: t
-          })]
-        })
-      }),
-      /* @__PURE__ */ e(L, {
+        children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+          /* @__PURE__ */ t(
+            B,
+            {
+              data: u,
+              onSelected: f,
+              selectedId: e,
+              totalLabel: o.total_spending
+            }
+          ),
+          /* @__PURE__ */ t(q, { data: u, onSelected: f, selectedId: e })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ t(
+      L,
+      {
         "aria-labelledby": "income-tab",
         hidden: s !== 1,
         id: "income-tabpanel",
         role: "tabpanel",
-        children: /* @__PURE__ */ u(C, {
-          direction: "row",
-          gap: 16,
-          justifyContent: "center",
-          p: 24,
-          children: [/* @__PURE__ */ e(k, {
-            data: b,
-            isIncome: !0,
-            onSelected: m,
-            selectedId: t,
-            totalLabel: n.total_income
-          }), /* @__PURE__ */ e(Q, {
-            data: b,
-            onSelected: m,
-            selectedId: t
-          })]
-        })
-      })
-    ]
-  });
-}, Ee = A(Ae), Re = ({ onPrimaryCtaClick: a, sx: g = {} }) => {
-  const { isAccountDataLoaded: n, loadAccountData: o } = re(), { dateRangeTotalsLoaded: i, categoriesLoaded: p, loadCategories: t, loadDateRangeCategoryTotals: r } = W(), { spending: s } = I(), { isInitialized: y, selectedAccounts: c } = P();
-  return oe({
+        children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+          /* @__PURE__ */ t(
+            B,
+            {
+              data: h,
+              isIncome: !0,
+              onSelected: f,
+              selectedId: e,
+              totalLabel: o.total_income
+            }
+          ),
+          /* @__PURE__ */ t(q, { data: h, onSelected: f, selectedId: e })
+        ] })
+      }
+    )
+  ] });
+}, Et = I(At), Wt = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
+  const { isAccountDataLoaded: o, loadAccountData: a } = ct(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = R(), { spending: s } = A(), { isInitialized: b, selectedAccounts: u } = P();
+  return gt({
     widgetName: "SpendingMiniWidget",
     isLoaded: i
-  }), d.useEffect(() => {
-    n || o().finally(), p || t().finally();
-  }, []), d.useEffect(() => {
-    r(c, ge(/* @__PURE__ */ new Date()), ce(/* @__PURE__ */ new Date())).finally();
-  }, [c]), y ? /* @__PURE__ */ e(ve, {
-    className: "mx-exp-spending-miniwidget",
-    onPrimaryCtaClick: a,
-    primaryCtaLabel: s.primary_cta,
-    primaryCtaLabelAria: s.primary_cta_aria,
-    sx: {
-      height: "100%",
-      ...g
-    },
-    title: s.mini_title,
-    children: /* @__PURE__ */ e(Ee, {})
-  }) : /* @__PURE__ */ e(se, {});
-}, ut = A(Re), We = ({ data: a, onSelected: g, selectedId: n = "", title: o }) => {
-  const { spending: i } = I(), p = a.categoryData.find((t) => t.guid === n);
-  return /* @__PURE__ */ u(C, {
-    direction: "column",
-    justifyContent: "center",
-    maxWidth: 400,
-    minWidth: 275,
-    width: "100%",
-    children: [
-      /* @__PURE__ */ e(T, {
-        bold: !0,
-        id: "spending-list-title",
-        sx: { py: 12 },
-        variant: "h3",
-        children: `${o} ${i.by_category}`
-      }),
-      /* @__PURE__ */ e(Le, { "aria-hidden": "true" }),
-      /* @__PURE__ */ e(ee, {
-        "aria-labelledby": "spending-list-title",
-        children: a.categoryData.map((t) => /* @__PURE__ */ u(d.Fragment, { children: [/* @__PURE__ */ e(te, {
+  }), c.useEffect(() => {
+    o || a().finally(), g || e().finally();
+  }, []), c.useEffect(() => {
+    r(
+      u,
+      at(/* @__PURE__ */ new Date()),
+      it(/* @__PURE__ */ new Date())
+    ).finally();
+  }, [u]), b ? /* @__PURE__ */ t(
+    Ct,
+    {
+      className: "mx-exp-spending-miniwidget",
+      onPrimaryCtaClick: n,
+      primaryCtaLabel: s.primary_cta,
+      primaryCtaLabelAria: s.primary_cta_aria,
+      sx: { height: "100%", ...d },
+      title: s.mini_title,
+      children: /* @__PURE__ */ t(Et, {})
+    }
+  ) : /* @__PURE__ */ t(pt, {});
+}, Ce = I(Wt), Rt = ({
+  data: n,
+  onSelected: d,
+  selectedId: o = "",
+  title: a
+}) => {
+  const { spending: i } = A(), g = n.categoryData.find((e) => e.guid === o);
+  return /* @__PURE__ */ p(y, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
+    /* @__PURE__ */ t(T, { bold: !0, id: "spending-list-title", sx: { py: 12 }, variant: "h3", children: `${a} ${i.by_category}` }),
+    /* @__PURE__ */ t(wt, { "aria-hidden": "true" }),
+    /* @__PURE__ */ t(Q, { "aria-labelledby": "spending-list-title", children: n.categoryData.map((e) => /* @__PURE__ */ p(c.Fragment, { children: [
+      /* @__PURE__ */ t(
+        X,
+        {
           disableGutters: !0,
           disablePadding: !0,
           sx: {
@@ -177,260 +192,302 @@ var G = ({ amount: a, label: g, variant: n = "full" }) => /* @__PURE__ */ u(C, {
             borderColor: "divider",
             minHeight: 44
           },
-          children: /* @__PURE__ */ u(ae, {
-            "aria-expanded": p?.guid === t.guid,
-            id: `spending-list-category-${t.guid}`,
-            onClick: () => g(t.guid),
-            sx: {
-              minHeight: 44,
-              px: 8,
-              py: 0
+          children: /* @__PURE__ */ p(
+            Z,
+            {
+              "aria-expanded": g?.guid === e.guid,
+              id: `spending-list-category-${e.guid}`,
+              onClick: () => d(e.guid),
+              sx: { minHeight: 44, px: 8, py: 0 },
+              children: [
+                /* @__PURE__ */ t(
+                  L,
+                  {
+                    "aria-hidden": "true",
+                    borderRadius: 4,
+                    flexShrink: 0,
+                    height: 8,
+                    role: "presentation",
+                    sx: { backgroundColor: e.color, mr: 8 },
+                    width: 8
+                  }
+                ),
+                /* @__PURE__ */ p(
+                  y,
+                  {
+                    alignItems: "center",
+                    direction: "row",
+                    justifyContent: "space-between",
+                    width: "100%",
+                    children: [
+                      /* @__PURE__ */ t(T, { bold: o === e.guid, children: e.name }),
+                      /* @__PURE__ */ t(T, { bold: o === e.guid, variant: "body1", children: k(e.amount, "0,0.00") })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(vt, { in: g?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ t(Q, { sx: { borderBottom: 1, borderColor: "divider" }, children: g?.categoryTotals?.map((r) => /* @__PURE__ */ t(
+        X,
+        {
+          sx: {
+            pl: 12,
+            py: 0
+          },
+          children: /* @__PURE__ */ t(
+            Z,
+            {
+              id: `spending-list-subcategory-${r.guid}`,
+              onClick: () => d(r.guid, !0),
+              sx: { minHeight: 44, px: 8, py: 0 },
+              children: /* @__PURE__ */ p(y, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+                /* @__PURE__ */ p(T, { children: [
+                  r.name,
+                  " "
+                ] }),
+                /* @__PURE__ */ t(T, { children: k(r.amount, "0,0.00") })
+              ] })
+            }
+          )
+        },
+        r.guid
+      )) }) })
+    ] }, e.guid)) }),
+    /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${k(n.totalAmount, "0,0.00")}` })
+  ] });
+}, Nt = I(Rt), Ot = ({
+  data: n,
+  onSelected: d,
+  onViewTransactions: o,
+  selectedId: a,
+  title: i
+}) => {
+  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = R(), { spending: s } = A();
+  return /* @__PURE__ */ p(
+    y,
+    {
+      alignItems: e ? "center" : "flex-start",
+      direction: e ? "column" : "row",
+      gap: { xs: 16, md: 64, xl: 100 },
+      justifyContent: "center",
+      pt: 50,
+      px: 8,
+      children: [
+        r && /* @__PURE__ */ t(
+          B,
+          {
+            data: {
+              categoryData: [],
+              donutData: [],
+              totalAmount: 0
             },
-            children: [/* @__PURE__ */ e(L, {
-              "aria-hidden": "true",
-              borderRadius: 4,
-              flexShrink: 0,
-              height: 8,
-              role: "presentation",
-              sx: {
-                backgroundColor: t.color,
-                mr: 8
-              },
-              width: 8
-            }), /* @__PURE__ */ u(C, {
-              alignItems: "center",
-              direction: "row",
-              justifyContent: "space-between",
-              width: "100%",
-              children: [/* @__PURE__ */ e(T, {
-                bold: n === t.guid,
-                children: t.name
-              }), /* @__PURE__ */ e(T, {
-                bold: n === t.guid,
-                variant: "body1",
-                children: $(t.amount, "0,0.00")
-              })]
-            })]
-          })
-        }), t.categoryTotals && t.categoryTotals.length > 0 && /* @__PURE__ */ e(Ie, {
-          in: p?.guid === t.guid,
-          unmountOnExit: !0,
-          children: /* @__PURE__ */ e(ee, {
-            sx: {
-              borderBottom: 1,
-              borderColor: "divider"
+            onSelected: () => {
             },
-            children: p?.categoryTotals?.map((r) => /* @__PURE__ */ e(te, {
-              sx: {
-                pl: 12,
-                py: 0
-              },
-              children: /* @__PURE__ */ e(ae, {
-                id: `spending-list-subcategory-${r.guid}`,
-                onClick: () => g(r.guid, !0),
-                sx: {
-                  minHeight: 44,
-                  px: 8,
-                  py: 0
-                },
-                children: /* @__PURE__ */ u(C, {
-                  direction: "row",
-                  justifyContent: "space-between",
-                  width: "100%",
-                  children: [/* @__PURE__ */ u(T, { children: [r.name, " "] }), /* @__PURE__ */ e(T, { children: $(r.amount, "0,0.00") })]
-                })
-              })
-            }, r.guid))
-          })
-        })] }, t.guid))
-      }),
-      /* @__PURE__ */ e(T, {
-        bold: !0,
-        sx: {
-          mt: 12,
-          pr: 8,
-          textAlign: "right"
-        },
-        children: `${i.total}: ${$(a.totalAmount, "0,0.00")}`
-      })
-    ]
-  });
-}, Ne = A(We), Oe = ({ data: a, onSelected: g, onViewTransactions: n, selectedId: o, title: i }) => {
-  const { isDesktop: p, isMobile: t } = Se(), { dateRangeTotalsLoading: r } = W(), { spending: s } = I();
-  return /* @__PURE__ */ u(C, {
-    alignItems: t ? "center" : "flex-start",
-    direction: t ? "column" : "row",
-    gap: {
-      xs: 16,
-      md: 64,
-      xl: 100
-    },
-    justifyContent: "center",
-    pt: 50,
-    px: 8,
-    children: [
-      r && /* @__PURE__ */ e(k, {
-        data: {
-          categoryData: [],
-          donutData: [],
-          totalAmount: 0
-        },
-        onSelected: () => {
-        },
-        selectedId: "",
-        size: p ? 400 : 300,
-        totalLabel: "Loading ...",
-        variant: "full"
-      }),
-      !r && /* @__PURE__ */ e(k, {
-        data: a,
-        onSelected: (c) => {
-          g(c), setTimeout(() => document.getElementById(`spending-list-category-${c}`)?.focus(), 0);
-        },
-        onViewTransactions: n,
-        selectedId: o,
-        size: p ? 400 : 300,
-        totalLabel: s.total_amount,
-        variant: "full"
-      }),
-      /* @__PURE__ */ e(Ne, {
-        data: a,
-        onSelected: g,
-        selectedId: o,
-        title: i
-      })
-    ]
-  });
-}, ne = A(Oe), $e = (a) => [
-  a.palette.chartMono.chartMono5,
-  a.palette.chartMono.chartMono4,
-  a.palette.chartMono.chartMono3,
-  a.palette.chartMono.chartMono2,
-  a.palette.chartMono.chartMono1,
-  a.palette.chartMono.chartMono6
-], ke = () => {
-  const a = we(), { is_mobile_webview: g } = H(), { clientConfig: n } = H(), { categories: o, dateRangeCategoryTotals: i } = W(), { goals: p, spending: t, transactions: r } = I(), { displayedDateRange: s, selectedAccountGuids: y } = P(), { setFilter: c, sortedTransactions: b, sortedTransactionsWithSplits: v, tags: m } = ie(), h = n?.master?.deep_link_params?.account_guids, M = n?.master?.deep_link_params?.view, [x, N] = d.useState(""), [D, S] = d.useState(M === "income" ? 1 : 0), [E, R] = d.useState(""), [O, j] = d.useState(!1), V = d.useMemo(() => le(o, p, a, i), [o, i]), J = d.useMemo(() => de(o, i, $e(a)), [o, i]), z = d.useMemo(() => b.find((l) => l.guid === E), [E, b]), ue = (l, _) => {
-    S(_), N("");
-  }, K = (l, _ = !1) => {
-    _ ? me(l) : N(x === l || l === "0" ? "" : l);
-  }, me = (l) => {
-    c({
-      accounts: h || y,
-      dateRange: s,
-      custom: (_) => x === "other" ? _.top_level_category_guid === l : _.category_guid === l,
+            selectedId: "",
+            size: g ? 400 : 300,
+            totalLabel: "Loading ...",
+            variant: "full"
+          }
+        ),
+        !r && /* @__PURE__ */ t(
+          B,
+          {
+            data: n,
+            onSelected: (h) => {
+              d(h), setTimeout(() => document.getElementById(`spending-list-category-${h}`)?.focus(), 0);
+            },
+            onViewTransactions: o,
+            selectedId: a,
+            size: g ? 400 : 300,
+            totalLabel: s.total_amount,
+            variant: "full"
+          }
+        ),
+        /* @__PURE__ */ t(Nt, { data: n, onSelected: d, selectedId: a, title: i })
+      ]
+    }
+  );
+}, ot = I(Ot), kt = (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
+], $t = () => {
+  const n = Tt(), { is_mobile_webview: d } = H(), { clientConfig: o } = H(), { categories: a, dateRangeCategoryTotals: i } = R(), {
+    goals: g,
+    spending: e,
+    transactions: r
+  } = A(), { displayedDateRange: s, selectedAccountGuids: b } = P(), {
+    setFilter: u,
+    sortedTransactions: h,
+    sortedTransactionsWithSplits: M,
+    tags: f
+  } = dt(), _ = o?.master?.deep_link_params?.account_guids, D = o?.master?.deep_link_params?.view, [x, N] = c.useState(""), [v, C] = c.useState(D === "income" ? 1 : 0), [E, W] = c.useState(""), [O, j] = c.useState(!1), F = c.useMemo(
+    () => st(a, g, n, i),
+    [a, i]
+  ), K = c.useMemo(
+    () => lt(a, i, kt(n)),
+    [a, i]
+  ), V = c.useMemo(
+    () => h.find((l) => l.guid === E),
+    [E, h]
+  ), ut = (l, S) => {
+    C(S), N("");
+  }, U = (l, S = !1) => {
+    S ? mt(l) : N(x === l || l === "0" ? "" : l);
+  }, mt = (l) => {
+    u({
+      ...{
+        accounts: _ || b,
+        dateRange: s
+      },
+      custom: (m) => x === "other" ? m.top_level_category_guid === l : m.category_guid === l,
       showSplits: !0
     }), j(!0);
-  }, U = (l) => {
-    const _ = {
-      accounts: h || y,
+  }, Y = (l) => {
+    const S = {
+      accounts: _ || b,
       dateRange: s
     };
-    if (D === 0) if (l === "other") {
-      const f = V.categoryData.find((F) => F.guid === "other");
-      c({
-        ..._,
-        custom: (F) => !!f?.categoryTotals?.find((fe) => fe.guid === F.top_level_category_guid)
+    if (v === 0)
+      if (l === "other") {
+        const m = F.categoryData.find((z) => z.guid === "other");
+        u({
+          ...S,
+          custom: (z) => !!m?.categoryTotals?.find((ft) => ft.guid === z.top_level_category_guid)
+        });
+      } else
+        u({
+          ...S,
+          custom: (m) => l ? m.top_level_category_guid === l : m.top_level_category_guid !== w.INCOME && m.category_guid !== w.INCOME && m.top_level_category_guid !== w.INVESTMENTS && m.top_level_category_guid !== w.TRANSFER,
+          showSplits: !!l
+        });
+    else
+      u({
+        ...S,
+        custom: (m) => l ? m.category_guid === l : m.category_guid === w.INCOME || m.top_level_category_guid === w.INCOME
       });
-    } else c({
-      ..._,
-      custom: (f) => l ? f.top_level_category_guid === l : f.top_level_category_guid !== w.INCOME && f.category_guid !== w.INCOME && f.top_level_category_guid !== w.INVESTMENTS && f.top_level_category_guid !== w.TRANSFER,
-      showSplits: !!l
-    });
-    else c({
-      ..._,
-      custom: (f) => l ? f.category_guid === l : f.category_guid === w.INCOME || f.top_level_category_guid === w.INCOME
-    });
     j(!0);
-  }, he = () => {
-    _e(v, m);
+  }, ht = () => {
+    Mt(M, f);
   };
-  return /* @__PURE__ */ u(L, { children: [
-    /* @__PURE__ */ u(pe, {
-      onChange: ue,
-      value: D,
-      variant: "fullWidth",
-      children: [/* @__PURE__ */ e(B, { label: /* @__PURE__ */ e(G, {
-        amount: V.totalAmount,
-        label: t.spend_tab_title
-      }) }), /* @__PURE__ */ e(B, { label: /* @__PURE__ */ e(G, {
-        amount: J.totalAmount,
-        label: t.income_tab_title
-      }) })]
-    }),
-    D === 0 && /* @__PURE__ */ e(ne, {
-      data: V,
-      onSelected: K,
-      onViewTransactions: U,
-      selectedId: x,
-      title: t.spend_tab_title
-    }),
-    D === 1 && /* @__PURE__ */ e(ne, {
-      data: J,
-      onSelected: K,
-      onViewTransactions: U,
-      selectedId: x,
-      title: t.income_tab_title
-    }),
-    /* @__PURE__ */ e(Y, {
-      ariaLabelClose: t.close_drawer_aria,
-      isOpen: O,
-      onClose: () => j(!1),
-      title: t.transactions_drawer_title,
-      children: /* @__PURE__ */ u(C, { children: [!g && b.length > 0 && /* @__PURE__ */ e(C, {
-        direction: "row",
-        justifyContent: "right",
-        mb: -24,
-        mr: 8,
-        mt: 8,
-        zIndex: 1,
-        children: /* @__PURE__ */ e(xe, {
-          onClick: he,
-          startIcon: /* @__PURE__ */ e(Me, { name: "ios_share" }),
-          variant: "text",
-          children: r.export_csv_btn
-        })
-      }), /* @__PURE__ */ e(ye, { onClick: R })] })
-    }),
-    /* @__PURE__ */ e(Y, {
-      ariaLabelClose: t.close_drawer_aria,
-      isOpen: !!z,
-      onClose: () => R(""),
-      title: t.transaction_details_drawer_title,
-      children: z && /* @__PURE__ */ e(Ce, { transaction: z })
-    })
+  return /* @__PURE__ */ p(L, { children: [
+    /* @__PURE__ */ p(rt, { onChange: ut, value: v, variant: "fullWidth", children: [
+      /* @__PURE__ */ t(
+        $,
+        {
+          label: /* @__PURE__ */ t(
+            G,
+            {
+              amount: F.totalAmount,
+              label: e.spend_tab_title
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        $,
+        {
+          label: /* @__PURE__ */ t(
+            G,
+            {
+              amount: K.totalAmount,
+              label: e.income_tab_title
+            }
+          )
+        }
+      )
+    ] }),
+    v === 0 && /* @__PURE__ */ t(
+      ot,
+      {
+        data: F,
+        onSelected: U,
+        onViewTransactions: Y,
+        selectedId: x,
+        title: e.spend_tab_title
+      }
+    ),
+    v === 1 && /* @__PURE__ */ t(
+      ot,
+      {
+        data: K,
+        onSelected: U,
+        onViewTransactions: Y,
+        selectedId: x,
+        title: e.income_tab_title
+      }
+    ),
+    /* @__PURE__ */ t(
+      tt,
+      {
+        ariaLabelClose: e.close_drawer_aria,
+        isOpen: O,
+        onClose: () => j(!1),
+        title: e.transactions_drawer_title,
+        children: /* @__PURE__ */ p(y, { children: [
+          !d && h.length > 0 && /* @__PURE__ */ t(y, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
+            St,
+            {
+              onClick: ht,
+              startIcon: /* @__PURE__ */ t(bt, { name: "ios_share" }),
+              variant: "text",
+              children: r.export_csv_btn
+            }
+          ) }),
+          /* @__PURE__ */ t(Dt, { onClick: W })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ t(
+      tt,
+      {
+        ariaLabelClose: e.close_drawer_aria,
+        isOpen: !!V,
+        onClose: () => W(""),
+        title: e.transaction_details_drawer_title,
+        children: V && /* @__PURE__ */ t(xt, { transaction: V })
+      }
+    )
   ] });
-}, Be = A(ke), Ge = ({ onBackClick: a, onMenuClick: g, sx: n = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: i } = re(), { categoriesLoaded: p, dateRangeTotalsLoaded: t, loadCategories: r, loadDateRangeCategoryTotals: s } = W(), { isTransactionDataLoaded: y, loadTransactionData: c } = ie(), { spending: b } = I(), { displayedDateRange: v, isInitialized: m, setDisplayedDate: h, selectedAccounts: M } = P(), { onEvent: x } = Te(), { clientConfig: N } = H();
-  oe({
+}, Bt = I($t), Gt = ({ onBackClick: n, onMenuClick: d, sx: o = {} }) => {
+  const { isAccountDataLoaded: a, loadAccountData: i } = ct(), { categoriesLoaded: g, dateRangeTotalsLoaded: e, loadCategories: r, loadDateRangeCategoryTotals: s } = R(), { isTransactionDataLoaded: b, loadTransactionData: u } = dt(), { spending: h } = A(), { displayedDateRange: M, isInitialized: f, setDisplayedDate: _, selectedAccounts: D } = P(), { onEvent: x } = yt(), { clientConfig: N } = H();
+  gt({
     widgetName: "SpendingWidget",
-    isLoaded: t
-  }), d.useEffect(() => {
-    const S = N?.master?.deep_link_params, E = S?.date_range ? [Z(S.date_range.from), Z(S.date_range.to)] : [ge(X()), ce(X())], R = E[0], O = E[1];
-    h(R, O), o || i().finally(), p || r().finally(), y || c().finally(), m && s(M, R, O).finally(), x(q.SPENDING_VIEW);
-  }, []), d.useEffect(() => {
-    m && s(M, v.start, v.end).finally();
-  }, [
-    v,
-    m,
-    M
-  ]);
-  const D = (S) => {
-    h(S[0], S[1]);
+    isLoaded: e
+  }), c.useEffect(() => {
+    const C = N?.master?.deep_link_params, E = C?.date_range ? [et(C.date_range.from), et(C.date_range.to)] : [at(J()), it(J())], W = E[0], O = E[1];
+    _(W, O), a || i().finally(), g || r().finally(), b || u().finally(), f && s(D, W, O).finally(), x(nt.SPENDING_VIEW);
+  }, []), c.useEffect(() => {
+    f && s(
+      D,
+      M.start,
+      M.end
+    ).finally();
+  }, [M, f, D]);
+  const v = (C) => {
+    _(C[0], C[1]);
   };
-  return m ? /* @__PURE__ */ e(be, {
-    calendarActions: { onRangeChanged: D },
-    onAccountsFilterClick: () => x(q.SPENDING_CLICK_FILTER),
-    onBackClick: a,
-    onMenuClick: g,
-    sx: n,
-    title: b.title,
-    children: /* @__PURE__ */ e(L, {
-      width: "100%",
-      children: /* @__PURE__ */ e(Be, {})
-    })
-  }) : /* @__PURE__ */ e(se, {});
-}, mt = A(Ge);
+  return f ? /* @__PURE__ */ t(
+    It,
+    {
+      calendarActions: { onRangeChanged: v },
+      onAccountsFilterClick: () => x(nt.SPENDING_CLICK_FILTER),
+      onBackClick: n,
+      onMenuClick: d,
+      sx: o,
+      title: h.title,
+      children: /* @__PURE__ */ t(L, { width: "100%", children: /* @__PURE__ */ t(Bt, {}) })
+    }
+  ) : /* @__PURE__ */ t(pt, {});
+}, Se = I(Gt);
 export {
-  ut as SpendingMiniWidget,
-  mt as SpendingWidget
+  Ce as SpendingMiniWidget,
+  Se as SpendingWidget
 };
+//# sourceMappingURL=index.es.js.map