@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0-ram1-bug-alpha-testing

package/dist/spending/index.es.js

@@ -1,39 +1,42 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import l from "react";
-import { observer as A } from "mobx-react-lite";
+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 ot } from "date-fns/endOfMonth";
-import v from "@mui/material/Box";
-import b from "@mui/material/Stack";
-import N from "@mui/material/Tab";
-import it from "@mui/material/Tabs";
-import yt from "@mui/material/styles/useTheme";
-import { g as rt, a as st, S as k, b as Y } from "../SpendingLegend-BxefXiQd.mjs";
-import { Text as T, Icon as _t } from "@mxenabled/mxui";
-import { f as R } from "../NumberFormatting-DjTD0t3W.mjs";
-import { u as I, m as E, d as lt, b as z, a as V, h as ct, g as bt } from "../hooks-fY_n74f7.mjs";
-import { L as dt } from "../Loader-BSWSYqvn.mjs";
-import { M as Ct } from "../MiniWidgetContainer-DKn7ndO6.mjs";
-import { u as gt } from "../useWidgetLoadTimer-CrUzxN-P.mjs";
-import { startOfToday as q } from "date-fns/startOfToday";
+import { endOfMonth as it } from "date-fns/endOfMonth";
+import L from "@mui/material/Box";
+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-5Ct_FZ8o.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, d as ct, b as P, a as H, h as dt, g as yt } from "../hooks-BaO_gOI6.mjs";
+import { u as gt } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+import { L as pt } from "../Loader-CxeBwuPG.mjs";
+import { M as Ct } from "../MiniWidgetContainer-BdPiUU-u.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 "../exportTransactionsToCSV-BU1jTY0Q.mjs";
-import { T as Dt, a as xt } from "../TransactionDetails-CPwv9xtZ.mjs";
-import wt from "@mui/material/Collapse";
-import F from "@mui/material/Divider";
-import J from "@mui/material/List";
-import Q from "@mui/material/ListItem";
+import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
+import { T as Dt } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as xt } from "../TransactionDetails-C3dlAzYf.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-B6JyS_Lj.mjs";
-import { D as tt } from "../Drawer-Bet2ZPJo.mjs";
-import { b as L } from "../Category-Ccoew_sA.mjs";
-import { A as et, W as vt } from "../WidgetContainer-mzejMmz2.mjs";
-const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b, { direction: "column", children: [
-  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
-  /* @__PURE__ */ t(T, { variant: "XSmall", children: R(n, a === "mini" ? "0,0" : "0,0.00") })
+import { u as Lt } from "../useScreenSize-mWpmnh5w.mjs";
+import { D as tt } from "../Drawer-BXqqBMxg.mjs";
+import { C as w } from "../Category-DEKZGLYe.mjs";
+import { parseISO as et } from "date-fns/parseISO";
+import { A as nt } from "../Analytics-CzGzz_sE.mjs";
+import { W as It } from "../WidgetContainer-DNuz_s7W.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 = yt(), { goals: d, spending: a } = I(), { categories: o, dateRangeCategoryTotals: i } = E(), g = l.useMemo(
+  const n = _t(), { goals: d, spending: o } = A(), { categories: a, dateRangeCategoryTotals: i } = R(), g = c.useMemo(
     () => [
       n.palette.chartMono.chartMono5,
       n.palette.chartMono.chartMono4,
@@ -43,149 +46,153 @@ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       n.palette.chartMono.chartMono6
     ],
     [n]
-  ), [e, r] = l.useState(""), [p, _] = l.useState(0), u = l.useMemo(
-    () => rt(o, d, n, i),
-    [o, i]
-  ), m = l.useMemo(
-    () => st(o, i, g),
-    [o, i, g]
-  ), M = (f, D) => {
-    _(D), r("");
-  }, y = (f) => {
-    r(e === f ? "" : f);
+  ), [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__ */ c(v, { width: "100%", children: [
-    /* @__PURE__ */ c(
-      it,
+  return /* @__PURE__ */ p(L, { width: "100%", children: [
+    /* @__PURE__ */ p(
+      rt,
       {
-        "aria-label": a.mini_title,
+        "aria-label": o.mini_title,
         onChange: M,
-        value: p,
+        sx: { touchAction: "manipulation" },
+        value: s,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ t(
-            N,
+            $,
             {
               "aria-controls": "spending-tabpanel",
               id: "spending-tab",
               label: /* @__PURE__ */ t(
-                O,
+                G,
                 {
                   amount: u.totalAmount,
-                  label: a.spend_tab_title,
+                  label: o.spend_tab_title,
                   variant: "mini"
                 }
               ),
-              tabIndex: p === 0 ? 0 : -1
+              tabIndex: s === 0 ? 0 : -1
             }
           ),
           /* @__PURE__ */ t(
-            N,
+            $,
             {
               "aria-controls": "income-tabpanel",
               id: "income-tab",
               label: /* @__PURE__ */ t(
-                O,
+                G,
                 {
-                  amount: m.totalAmount,
-                  label: a.income_tab_title,
+                  amount: h.totalAmount,
+                  label: o.income_tab_title,
                   variant: "mini"
                 }
               ),
-              tabIndex: p === 1 ? 0 : -1
+              tabIndex: s === 1 ? 0 : -1
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ t(
-      v,
+      L,
       {
         "aria-labelledby": "spending-tab",
-        hidden: p !== 0,
+        hidden: s !== 0,
         id: "spending-tabpanel",
         role: "tabpanel",
-        children: /* @__PURE__ */ c(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+        children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            k,
+            B,
             {
               data: u,
-              onSelected: y,
+              onSelected: f,
               selectedId: e,
-              totalLabel: a.total_spending
+              totalLabel: o.total_spending
             }
           ),
-          /* @__PURE__ */ t(Y, { data: u, onSelected: y, selectedId: e })
+          /* @__PURE__ */ t(q, { data: u, onSelected: f, selectedId: e })
         ] })
       }
     ),
     /* @__PURE__ */ t(
-      v,
+      L,
       {
         "aria-labelledby": "income-tab",
-        hidden: p !== 1,
+        hidden: s !== 1,
         id: "income-tabpanel",
         role: "tabpanel",
-        children: /* @__PURE__ */ c(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+        children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            k,
+            B,
             {
-              data: m,
+              data: h,
               isIncome: !0,
-              onSelected: y,
+              onSelected: f,
               selectedId: e,
-              totalLabel: a.total_income
+              totalLabel: o.total_income
             }
           ),
-          /* @__PURE__ */ t(Y, { data: m, onSelected: y, selectedId: e })
+          /* @__PURE__ */ t(q, { data: h, onSelected: f, selectedId: e })
         ] })
       }
     )
   ] });
-}, It = A(At), Et = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: a, loadAccountData: o } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = E(), { spending: p } = I(), { isInitialized: _, selectedAccounts: u } = z();
+}, 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
-  }), l.useEffect(() => {
-    a || o().finally(), g || e().finally();
-  }, []), l.useEffect(() => {
+  }), c.useEffect(() => {
+    o || a().finally(), g || e().finally();
+  }, []), c.useEffect(() => {
     r(
       u,
       at(/* @__PURE__ */ new Date()),
-      ot(/* @__PURE__ */ new Date())
+      it(/* @__PURE__ */ new Date())
     ).finally();
-  }, [u]), _ ? /* @__PURE__ */ t(
+  }, [u]), b ? /* @__PURE__ */ t(
     Ct,
     {
       className: "mx-exp-spending-miniwidget",
       onPrimaryCtaClick: n,
-      primaryCtaLabel: p.primary_cta,
+      primaryCtaLabel: s.primary_cta,
+      primaryCtaLabelAria: s.primary_cta_aria,
       sx: { height: "100%", ...d },
-      title: p.mini_title,
-      children: /* @__PURE__ */ t(It, {})
+      title: s.mini_title,
+      children: /* @__PURE__ */ t(Et, {})
     }
-  ) : /* @__PURE__ */ t(dt, {});
-}, fe = A(Et), Wt = ({
+  ) : /* @__PURE__ */ t(pt, {});
+}, Ce = I(Wt), Rt = ({
   data: n,
   onSelected: d,
-  selectedId: a = "",
-  title: o
+  selectedId: o = "",
+  title: a
 }) => {
-  const { spending: i } = I(), g = n.categoryData.find((e) => e.guid === a);
-  return /* @__PURE__ */ c(b, { 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: `${o} ${i.by_category}` }),
-    /* @__PURE__ */ t(F, { "aria-hidden": "true" }),
-    /* @__PURE__ */ t(J, { "aria-labelledby": "spending-list-title", children: n.categoryData.map((e) => /* @__PURE__ */ c(l.Fragment, { children: [
+  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(
-        Q,
+        X,
         {
           disableGutters: !0,
           disablePadding: !0,
           sx: {
+            borderBottom: 1,
+            borderColor: "divider",
             minHeight: 44
           },
-          children: /* @__PURE__ */ c(
+          children: /* @__PURE__ */ p(
             Z,
             {
               "aria-expanded": g?.guid === e.guid,
@@ -194,25 +201,27 @@ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ t(
-                  v,
+                  L,
                   {
+                    "aria-hidden": "true",
                     borderRadius: 4,
                     flexShrink: 0,
                     height: 8,
+                    role: "presentation",
                     sx: { backgroundColor: e.color, mr: 8 },
                     width: 8
                   }
                 ),
-                /* @__PURE__ */ c(
-                  b,
+                /* @__PURE__ */ p(
+                  y,
                   {
                     alignItems: "center",
                     direction: "row",
                     justifyContent: "space-between",
                     width: "100%",
                     children: [
-                      /* @__PURE__ */ t(T, { bold: a === e.guid, children: e.name }),
-                      /* @__PURE__ */ t(T, { bold: a === e.guid, variant: "Body", children: R(e.amount, "0,0.00") })
+                      /* @__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") })
                     ]
                   }
                 )
@@ -221,48 +230,44 @@ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
           )
         }
       ),
-      /* @__PURE__ */ t(F, {}),
-      e.categoryTotals && e.categoryTotals.length > 0 && /* @__PURE__ */ t(wt, { in: g?.guid === e.guid, unmountOnExit: !0, children: /* @__PURE__ */ c(J, { children: [
-        g?.categoryTotals?.map((r) => /* @__PURE__ */ t(
-          Q,
-          {
-            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__ */ c(b, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-                  /* @__PURE__ */ c(T, { children: [
-                    r.name,
-                    " "
-                  ] }),
-                  /* @__PURE__ */ t(T, { children: R(r.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
           },
-          r.guid
-        )),
-        /* @__PURE__ */ t(F, {})
-      ] }) })
+          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}: ${R(n.totalAmount, "0,0.00")}` })
+    /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${k(n.totalAmount, "0,0.00")}` })
   ] });
-}, Rt = A(Wt), Nt = ({
+}, Nt = I(Rt), Ot = ({
   data: n,
   onSelected: d,
-  onViewTransactions: a,
-  selectedId: o,
+  onViewTransactions: o,
+  selectedId: a,
   title: i
 }) => {
-  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = E(), { spending: p } = I();
-  return /* @__PURE__ */ c(
-    b,
+  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",
@@ -272,7 +277,7 @@ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       px: 8,
       children: [
         r && /* @__PURE__ */ t(
-          k,
+          B,
           {
             data: {
               categoryData: [],
@@ -288,108 +293,108 @@ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
           }
         ),
         !r && /* @__PURE__ */ t(
-          k,
+          B,
           {
             data: n,
-            onSelected: (m) => {
-              d(m), setTimeout(() => document.getElementById(`spending-list-category-${m}`)?.focus(), 0);
+            onSelected: (h) => {
+              d(h), setTimeout(() => document.getElementById(`spending-list-category-${h}`)?.focus(), 0);
             },
-            onViewTransactions: a,
-            selectedId: o,
+            onViewTransactions: o,
+            selectedId: a,
             size: g ? 400 : 300,
-            totalLabel: p.total_amount,
+            totalLabel: s.total_amount,
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(Rt, { data: n, onSelected: d, selectedId: o, title: i })
+        /* @__PURE__ */ t(Nt, { data: n, onSelected: d, selectedId: a, title: i })
       ]
     }
   );
-}, nt = A(Nt), kt = (n) => [
+}, 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
-], Ot = () => {
-  const n = Tt(), { is_mobile_webview: d } = V(), { clientConfig: a } = V(), { categories: o, dateRangeCategoryTotals: i } = E(), {
+], $t = () => {
+  const n = Tt(), { is_mobile_webview: d } = H(), { clientConfig: o } = H(), { categories: a, dateRangeCategoryTotals: i } = R(), {
     goals: g,
     spending: e,
     transactions: r
-  } = I(), { displayedDateRange: p, selectedAccountGuids: _ } = z(), {
+  } = A(), { displayedDateRange: s, selectedAccountGuids: b } = P(), {
     setFilter: u,
-    sortedTransactions: m,
+    sortedTransactions: h,
     sortedTransactionsWithSplits: M,
-    tags: y
-  } = ct(), f = a?.master?.deep_link_params?.account_guids, D = a?.master?.deep_link_params?.view, [x, C] = l.useState(""), [w, W] = l.useState(D === "income" ? 1 : 0), [H, P] = l.useState(""), [pt, $] = l.useState(!1), B = l.useMemo(
-    () => rt(o, g, n, i),
-    [o, i]
-  ), K = l.useMemo(
-    () => st(o, i, kt(n)),
-    [o, i]
-  ), G = l.useMemo(
-    () => m.find((s) => s.guid === H),
-    [H, m]
-  ), ut = (s, S) => {
-    W(S), C("");
-  }, U = (s, S = !1) => {
-    S ? mt(s) : C(x === s || s === "0" ? "" : s);
-  }, mt = (s) => {
+    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: f || _,
-        dateRange: p
+        accounts: _ || b,
+        dateRange: s
       },
-      custom: (h) => x === "other" ? h.top_level_category_guid === s : h.category_guid === s,
+      custom: (m) => x === "other" ? m.top_level_category_guid === l : m.category_guid === l,
       showSplits: !0
-    }), $(!0);
-  }, X = (s) => {
+    }), j(!0);
+  }, Y = (l) => {
     const S = {
-      accounts: f || _,
-      dateRange: p
+      accounts: _ || b,
+      dateRange: s
     };
-    if (w === 0)
-      if (s === "other") {
-        const h = B.categoryData.find((j) => j.guid === "other");
+    if (v === 0)
+      if (l === "other") {
+        const m = F.categoryData.find((z) => z.guid === "other");
         u({
           ...S,
-          custom: (j) => !!h?.categoryTotals?.find((ft) => ft.guid === j.top_level_category_guid)
+          custom: (z) => !!m?.categoryTotals?.find((ft) => ft.guid === z.top_level_category_guid)
         });
       } else
         u({
           ...S,
-          custom: (h) => s ? h.top_level_category_guid === s : h.top_level_category_guid !== L.INCOME && h.category_guid !== L.INCOME && h.top_level_category_guid !== L.INVESTMENTS && h.top_level_category_guid !== L.TRANSFER,
-          showSplits: !!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: (h) => s ? h.category_guid === s : h.category_guid === L.INCOME || h.top_level_category_guid === L.INCOME
+        custom: (m) => l ? m.category_guid === l : m.category_guid === w.INCOME || m.top_level_category_guid === w.INCOME
       });
-    $(!0);
+    j(!0);
   }, ht = () => {
-    Mt(M, y);
+    Mt(M, f);
   };
-  return /* @__PURE__ */ c(v, { children: [
-    /* @__PURE__ */ c(it, { onChange: ut, value: w, variant: "fullWidth", children: [
+  return /* @__PURE__ */ p(L, { children: [
+    /* @__PURE__ */ p(rt, { onChange: ut, value: v, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
-        N,
+        $,
         {
           label: /* @__PURE__ */ t(
-            O,
+            G,
             {
-              amount: B.totalAmount,
+              amount: F.totalAmount,
               label: e.spend_tab_title
             }
           )
         }
       ),
       /* @__PURE__ */ t(
-        N,
+        $,
         {
           label: /* @__PURE__ */ t(
-            O,
+            G,
             {
               amount: K.totalAmount,
               label: e.income_tab_title
@@ -398,22 +403,22 @@ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
         }
       )
     ] }),
-    w === 0 && /* @__PURE__ */ t(
-      nt,
+    v === 0 && /* @__PURE__ */ t(
+      ot,
       {
-        data: B,
+        data: F,
         onSelected: U,
-        onViewTransactions: X,
+        onViewTransactions: Y,
         selectedId: x,
         title: e.spend_tab_title
       }
     ),
-    w === 1 && /* @__PURE__ */ t(
-      nt,
+    v === 1 && /* @__PURE__ */ t(
+      ot,
       {
         data: K,
         onSelected: U,
-        onViewTransactions: X,
+        onViewTransactions: Y,
         selectedId: x,
         title: e.income_tab_title
       }
@@ -422,20 +427,20 @@ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       tt,
       {
         ariaLabelClose: e.close_drawer_aria,
-        isOpen: pt,
-        onClose: () => $(!1),
+        isOpen: O,
+        onClose: () => j(!1),
         title: e.transactions_drawer_title,
-        children: /* @__PURE__ */ c(b, { children: [
-          !d && m.length > 0 && /* @__PURE__ */ t(b, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
+        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(_t, { name: "ios_share" }),
+              startIcon: /* @__PURE__ */ t(bt, { name: "ios_share" }),
               variant: "text",
               children: r.export_csv_btn
             }
           ) }),
-          /* @__PURE__ */ t(Dt, { onClick: P })
+          /* @__PURE__ */ t(Dt, { onClick: W })
         ] })
       }
     ),
@@ -443,43 +448,45 @@ const O = ({ amount: n, label: d, variant: a = "full" }) => /* @__PURE__ */ c(b,
       tt,
       {
         ariaLabelClose: e.close_drawer_aria,
-        isOpen: !!G,
-        onClose: () => P(""),
+        isOpen: !!V,
+        onClose: () => W(""),
         title: e.transaction_details_drawer_title,
-        children: G && /* @__PURE__ */ t(xt, { transaction: G })
+        children: V && /* @__PURE__ */ t(xt, { transaction: V })
       }
     )
   ] });
-}, $t = A(Ot), Bt = ({ onBackClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: a, loadAccountData: o } = lt(), { categoriesLoaded: i, dateRangeTotalsLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = E(), { isTransactionDataLoaded: p, loadTransactionData: _ } = ct(), { spending: u } = I(), { displayedDateRange: m, isInitialized: M, setDisplayedDate: y, selectedAccounts: f } = z(), { onEvent: D } = bt(), { clientConfig: x } = V(), C = x?.master?.deep_link_params?.date_range;
+}, 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: g
-  }), l.useEffect(() => {
-    C && Array.isArray(C) && C.length === 2 ? y(C[0], C[1]) : y(at(q()), ot(q())), a || o().finally(), i || e().finally(), p || _().finally(), D(et.SPENDING_VIEW);
-  }, []), l.useEffect(() => {
-    M && r(
-      f,
-      m.start,
-      m.end
+    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, M, f]);
-  const w = (W) => {
-    y(W[0], W[1]);
+  }, [M, f, D]);
+  const v = (C) => {
+    _(C[0], C[1]);
   };
-  return M ? /* @__PURE__ */ t(
-    vt,
+  return f ? /* @__PURE__ */ t(
+    It,
     {
-      calendarActions: { onRangeChanged: w },
-      onAccountsFilterClick: () => D(et.SPENDING_CLICK_FILTER),
+      calendarActions: { onRangeChanged: v },
+      onAccountsFilterClick: () => x(nt.SPENDING_CLICK_FILTER),
       onBackClick: n,
-      sx: d,
-      title: u.title,
-      children: /* @__PURE__ */ t(v, { width: "100%", children: /* @__PURE__ */ t($t, {}) })
+      onMenuClick: d,
+      sx: o,
+      title: h.title,
+      children: /* @__PURE__ */ t(L, { width: "100%", children: /* @__PURE__ */ t(Bt, {}) })
     }
-  ) : /* @__PURE__ */ t(dt, {});
-}, ye = A(Bt);
+  ) : /* @__PURE__ */ t(pt, {});
+}, Se = I(Gt);
 export {
-  fe as SpendingMiniWidget,
-  ye as SpendingWidget
+  Ce as SpendingMiniWidget,
+  Se as SpendingWidget
 };