@mx-cartographer/experiences 8.0.19 → 8.0.21

package/dist/networth/index.es.js

@@ -1,119 +1,119 @@
-import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
-import { fromUnixTime as re } from "date-fns/fromUnixTime";
+import { jsx as t, jsxs as r, Fragment as D } from "react/jsx-runtime";
+import { fromUnixTime as rt } from "date-fns/fromUnixTime";
 import { observer as _ } from "mobx-react-lite";
-import ie from "@mui/material/Stack/Stack";
+import it from "@mui/material/Stack/Stack";
 import { useTheme as z } from "@mui/material/styles";
-import { L as ae } from "../LineChart-EAr5ox5U.mjs";
-import { p as se, q as $, u as N, g as G, d as ce, b as Y } from "../hooks-BxkfR-Ff.mjs";
-import { u as q } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as le, D as de } from "../DateFormats-BMpMrZpW.mjs";
+import { L as at } from "../LineChart-EAr5ox5U.mjs";
+import { p as st, q as R, u as E, g as G, d as ct, b as Y } from "../hooks-BxkfR-Ff.mjs";
+import { u as q } from "../useScreenSize-CUcpY7aJ.mjs";
+import { f as lt, D as mt } from "../DateFormats-BMpMrZpW.mjs";
 import u from "react";
-import me from "@mui/material/Button";
-import T from "@mui/material/Divider";
-import j from "@mui/material/List";
-import k from "@mui/material/ListSubheader";
-import m from "@mui/material/Stack";
-import { Text as d, Icon as R, P as Z } from "@mxenabled/mxui";
-import A from "@mui/material/ListItem";
+import dt from "@mui/material/Button";
+import L from "@mui/material/Divider";
+import $ from "@mui/material/List";
+import A from "@mui/material/ListSubheader";
+import d from "@mui/material/Stack";
+import { Text as m, Icon as H, P as Z } from "@mxenabled/mxui";
+import O from "@mui/material/ListItem";
 import J from "@mui/material/ListItemButton";
 import b from "@mui/material/ListItemText";
 import { i as Q } from "../DateUtil-wcYTmDRD.mjs";
 import { C as x } from "../CurrencyText-CA-E5N_y.mjs";
 import P from "@mui/material/styles/useTheme";
-import { Stack as he } from "@mui/material";
-import ee from "@mui/material/Box";
-import pe from "@mui/material/Collapse";
+import { Stack as ht } from "@mui/material";
+import tt from "@mui/material/Box";
+import pt from "@mui/material/Collapse";
 import F from "@mui/material/ListItemIcon";
 import { g as K } from "../NetWorthStore-BqZ44-4M.mjs";
-import { N as St } from "../NetWorthStore-BqZ44-4M.mjs";
+import { N as Se } from "../NetWorthStore-BqZ44-4M.mjs";
 import { D as U } from "../Drawer-Bbe4AMB1.mjs";
-import { A as W } from "../Analytics-0Xm_BjHU.mjs";
-import { format as ue, fromUnixTime as fe, differenceInMonths as xe } from "date-fns";
-import { Icon as te } from "@mxenabled/mx-icons";
+import { A as v } from "../Analytics-0Xm_BjHU.mjs";
+import { format as ut, fromUnixTime as ft, differenceInMonths as xt } from "date-fns";
+import { Icon as et } from "@mxenabled/mx-icons";
 import { f as V } from "../NumberFormatting-QCaNwbjv.mjs";
-import { u as ne } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { L as oe } from "../Loader-D3rjKx72.mjs";
-import { M as ge } from "../MicroWidgetContainer-B_EnfvCq.mjs";
-import { C as ye } from "../ConnectionsDrawer-IA7vnv1J.mjs";
-import { W as Ce } from "../WidgetContainer-D-pbSa7L.mjs";
-import { E as be } from "../EmptyState-DHAkGsjk.mjs";
-const _e = () => {
-  const { isMobile: t } = q(), { availableWidth: a } = se(), i = z(), {
+import { u as nt } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { L as ot } from "../Loader-D3rjKx72.mjs";
+import { M as gt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
+import { C as yt } from "../ConnectionsDrawer-IA7vnv1J.mjs";
+import { W as Ct } from "../WidgetContainer-DYKMArWw.mjs";
+import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
+const _t = () => {
+  const { isMobile: e } = q(), { availableWidth: s } = st(), i = z(), {
     hoveredData: n,
-    netWorthChartData: s,
+    netWorthChartData: a,
     selectedData: o,
     setHoveredIndex: c,
     setSelectedIndex: l
-  } = $(), f = a - 320, g = s.map((h) => ({
-    x: le(re(h.x), de.MONTH_SHORT),
+  } = R(), g = s - 320, f = a.map((h) => ({
+    x: lt(rt(h.x), mt.MONTH_SHORT),
     y: h.y
-  })), w = o ? { index: s.findIndex((h) => h.x === o.x) } : void 0, y = n ? { index: s.findIndex((h) => h.x === n.x) } : void 0, v = (h) => ({
-    fill: h === w?.index ? i.palette.success.main : "",
-    filter: h === y?.index ? `drop-shadow(0px 0px 10px ${i.palette.success.main})` : "none",
+  })), W = o ? { index: a.findIndex((h) => h.x === o.x) } : void 0, S = n ? { index: a.findIndex((h) => h.x === n.x) } : void 0, w = (h) => ({
+    fill: h === W?.index ? i.palette.success.main : "",
+    filter: h === S?.index ? `drop-shadow(0px 0px 10px ${i.palette.success.main})` : "none",
     stroke: i.palette.success.main
-  }), I = (h, M) => {
+  }), y = (h, M) => {
     l(M);
-  }, L = (h) => {
+  }, k = (h) => {
     c(h);
-  }, E = () => {
+  }, N = () => {
     c(-1);
   };
-  return /* @__PURE__ */ e(ie, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-    ae,
+  return /* @__PURE__ */ t(it, { sx: { width: "100%" }, children: /* @__PURE__ */ t(
+    at,
     {
       baseline: "min",
       chartFor: "networthChart",
       chartXaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(8px)" } },
       chartYaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(-8px)" } },
       colors: [i.palette.success.main],
-      datasets: [g],
+      datasets: [f],
       height: 350,
       labels: [],
       margin: { right: 20, left: 38 },
-      markHandlers: { onMarkClick: I, onMouseEnter: L, onMouseLeave: E },
-      markStyles: v,
+      markHandlers: { onMarkClick: y, onMouseEnter: k, onMouseLeave: N },
+      markStyles: w,
       showArea: !0,
       useCustomMark: !0,
       valueFormatterString: "0.0[0]a",
-      width: t ? a - 48 : f
+      width: e ? s - 48 : g
     }
   ) });
-}, we = _(_e), ve = ({
-  item: t,
-  getStyles: a,
+}, wt = _(_t), vt = ({
+  item: e,
+  getStyles: s,
   isHovered: i = !1,
   isSelected: n = !1,
-  onItemClick: s,
+  onItemClick: a,
   onMouseEnter: o,
   onMouseLeave: c
 }) => {
-  const [l, f] = u.useState({
+  const [l, g] = u.useState({
     color: ""
   });
   return u.useEffect(() => {
-    f(a(t));
+    g(s(e));
   }, [i, n]), /* @__PURE__ */ r(u.Fragment, { children: [
-    /* @__PURE__ */ e(
-      A,
+    /* @__PURE__ */ t(
+      O,
       {
         sx: {
           ...l,
           minHeight: 44,
           "&:hover": { color: n ? "inherit" : l.color }
         },
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ t(
           J,
           {
-            onClick: (g) => s?.(g, t.x),
-            onMouseEnter: () => o(t.x),
+            onClick: (f) => a?.(f, e.x),
+            onMouseEnter: () => o(e.x),
             onMouseLeave: () => c(),
             sx: { minHeight: 20, padding: 12 },
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ t(
               b,
               {
-                primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-                  /* @__PURE__ */ e(d, { variant: "body1", children: Q(t.x) }),
-                  /* @__PURE__ */ e(x, { amount: t.y, sx: { color: "inherit" }, variant: "body1" })
+                primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+                  /* @__PURE__ */ t(m, { variant: "body1", children: Q(e.x) }),
+                  /* @__PURE__ */ t(x, { amount: e.y, sx: { color: "inherit" }, variant: "body1" })
                 ] })
               }
             )
@@ -121,19 +121,19 @@ const _e = () => {
         )
       }
     ),
-    /* @__PURE__ */ e(T, {})
-  ] }, t.x);
-}, We = _(ve), Se = ({
-  currencyLabel: t,
-  currencyVariant: a = "body2",
+    /* @__PURE__ */ t(L, {})
+  ] }, e.x);
+}, Wt = _(vt), St = ({
+  currencyLabel: e,
+  currencyVariant: s = "body2",
   iconSize: i,
   netWorth: n,
-  theme: s
+  theme: a
 }) => {
-  let o = s.palette.secondary.main, c = s.palette.secondary.main, l = "trending_flat";
-  return n.change < 0 ? l = "trending_down" : n.change > 0 && (o = s.palette.success.main, c = s.palette.success.main, l = "trending_up"), /* @__PURE__ */ r(he, { alignItems: "center", direction: "row", spacing: 4, children: [
-    /* @__PURE__ */ e(
-      R,
+  let o = a.palette.secondary.main, c = a.palette.secondary.main, l = "trending_flat";
+  return n.change < 0 ? l = "trending_down" : n.change > 0 && (o = a.palette.success.main, c = a.palette.success.main, l = "trending_up"), /* @__PURE__ */ r(ht, { alignItems: "center", direction: "row", spacing: 4, children: [
+    /* @__PURE__ */ t(
+      H,
       {
         name: l,
         size: i,
@@ -142,40 +142,40 @@ const _e = () => {
         }
       }
     ),
-    /* @__PURE__ */ e(x, { amount: n.change, color: c, variant: a }),
-    /* @__PURE__ */ e(d, { variant: "body2", children: t })
+    /* @__PURE__ */ t(x, { amount: n.change, color: c, variant: s }),
+    /* @__PURE__ */ t(m, { variant: "body2", children: e })
   ] });
-}, B = _(Se), Te = ({
-  netWorth: t,
-  gains: a,
+}, B = _(St), Tt = ({
+  netWorth: e,
+  gains: s,
   losses: i,
   totalGains: n,
-  totalLosses: s
+  totalLosses: a
 }) => {
-  const { net_worth: o } = N(), c = P();
+  const { net_worth: o } = E(), c = P();
   return /* @__PURE__ */ r(D, { children: [
-    /* @__PURE__ */ r(m, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
-      /* @__PURE__ */ e(d, { variant: "body2", children: Q(t?.x) }),
-      /* @__PURE__ */ e(d, { variant: "body1", children: o.total_change }),
-      t && /* @__PURE__ */ e(B, { currencyVariant: "h1", iconSize: 32, netWorth: t, theme: c })
+    /* @__PURE__ */ r(d, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
+      /* @__PURE__ */ t(m, { variant: "body2", children: Q(e?.x) }),
+      /* @__PURE__ */ t(m, { variant: "body1", children: o.total_change }),
+      e && /* @__PURE__ */ t(B, { currencyVariant: "h1", iconSize: 32, netWorth: e, theme: c })
     ] }),
-    /* @__PURE__ */ r(j, { children: [
-      /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ r($, { children: [
+      /* @__PURE__ */ t(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         b,
         {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.gains }),
-            /* @__PURE__ */ e(x, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
+          primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "caption", children: o.gains }),
+            /* @__PURE__ */ t(x, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
-      a?.map((l) => /* @__PURE__ */ r(u.Fragment, { children: [
-        /* @__PURE__ */ e(A, { sx: { backgroundColor: c.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
+      s?.map((l) => /* @__PURE__ */ r(u.Fragment, { children: [
+        /* @__PURE__ */ t(O, { sx: { backgroundColor: c.palette.background.paper, py: 14 }, children: /* @__PURE__ */ t(
           b,
           {
-            primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(d, { sx: { mr: 10 }, variant: "body1", children: l.accountName }),
-              /* @__PURE__ */ e(
+            primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ t(m, { sx: { mr: 10 }, variant: "body1", children: l.accountName }),
+              /* @__PURE__ */ t(
                 x,
                 {
                   amount: l.gain,
@@ -187,28 +187,28 @@ const _e = () => {
             sx: { px: 16 }
           }
         ) }),
-        /* @__PURE__ */ e(T, {})
+        /* @__PURE__ */ t(L, {})
       ] }, l.accountName)),
-      /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         b,
         {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.losses }),
-            /* @__PURE__ */ e(x, { amount: s, sx: { fontWeight: 400 }, variant: "caption" })
+          primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "caption", children: o.losses }),
+            /* @__PURE__ */ t(x, { amount: a, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
       i?.map((l) => /* @__PURE__ */ r(D, { children: [
-        /* @__PURE__ */ e(
-          A,
+        /* @__PURE__ */ t(
+          O,
           {
             sx: { backgroundColor: c.palette.background.paper, py: 14 },
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ t(
               b,
               {
-                primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-                  /* @__PURE__ */ e(
-                    d,
+                primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
+                  /* @__PURE__ */ t(
+                    m,
                     {
                       sx: {
                         mr: 10
@@ -217,7 +217,7 @@ const _e = () => {
                       children: l.accountName
                     }
                   ),
-                  /* @__PURE__ */ e(
+                  /* @__PURE__ */ t(
                     x,
                     {
                       amount: l.loss,
@@ -232,31 +232,31 @@ const _e = () => {
           },
           l.accountName
         ),
-        /* @__PURE__ */ e(T, {})
+        /* @__PURE__ */ t(L, {})
       ] }))
     ] })
   ] });
-}, Ie = _(Te), Le = ({ accounts: t, name: a, icon: i }) => {
-  const [n, s] = u.useState(!1);
+}, It = _(Tt), Lt = ({ accounts: e, name: s, icon: i }) => {
+  const [n, a] = u.useState(!1);
   return /* @__PURE__ */ r(D, { children: [
-    /* @__PURE__ */ e(A, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(J, { onClick: () => s(!n), children: [
-      i && /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(R, { name: i, size: 24, sx: { mr: 12 } }) }),
-      /* @__PURE__ */ e(
+    /* @__PURE__ */ t(O, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(J, { onClick: () => a(!n), children: [
+      i && /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(H, { name: i, size: 24, sx: { mr: 12 } }) }),
+      /* @__PURE__ */ t(
         b,
         {
-          primary: /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "body1", children: a })
+          primary: /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "body1", children: s })
         }
       ),
-      /* @__PURE__ */ e(F, { children: n ? /* @__PURE__ */ e(R, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(R, { name: "expand_more", size: 24 }) })
+      /* @__PURE__ */ t(F, { children: n ? /* @__PURE__ */ t(H, { name: "expand_less", size: 24 }) : /* @__PURE__ */ t(H, { name: "expand_more", size: 24 }) })
     ] }) }),
-    /* @__PURE__ */ e(T, {}),
-    /* @__PURE__ */ e(pe, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, c) => /* @__PURE__ */ r(j, { children: [
-      /* @__PURE__ */ e(A, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
+    /* @__PURE__ */ t(L, {}),
+    /* @__PURE__ */ t(pt, { in: n, timeout: "auto", unmountOnExit: !0, children: e.map((o, c) => /* @__PURE__ */ r($, { children: [
+      /* @__PURE__ */ t(O, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ t(
         b,
         {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-            /* @__PURE__ */ e(
-              d,
+          primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+            /* @__PURE__ */ t(
+              m,
               {
                 sx: {
                   marginRight: 10
@@ -265,7 +265,7 @@ const _e = () => {
                 children: o.accountName
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               x,
               {
                 amount: o.balance,
@@ -279,20 +279,20 @@ const _e = () => {
           sx: { pl: 72, pr: 16 }
         }
       ) }),
-      c < t.length - 1 ? /* @__PURE__ */ e(T, { variant: "inset" }) : /* @__PURE__ */ e(T, {})
+      c < e.length - 1 ? /* @__PURE__ */ t(L, { variant: "inset" }) : /* @__PURE__ */ t(L, {})
     ] }, o.accountName)) })
   ] });
-}, X = ({ groupedAccounts: t }) => /* @__PURE__ */ e(D, { children: t.map(({ accounts: a, icon: i, name: n }) => /* @__PURE__ */ e(Le, { accounts: a, icon: i, name: n }, n)) }), De = ({
-  netWorth: t,
-  assets: a,
+}, X = ({ groupedAccounts: e }) => /* @__PURE__ */ t(D, { children: e.map(({ accounts: s, icon: i, name: n }) => /* @__PURE__ */ t(Lt, { accounts: s, icon: i, name: n }, n)) }), Nt = ({
+  netWorth: e,
+  assets: s,
   liabilities: i,
   totalAssets: n,
-  totalLiabilities: s
+  totalLiabilities: a
 }) => {
-  const { net_worth: o } = N(), c = P();
+  const { net_worth: o } = E(), c = P();
   return /* @__PURE__ */ r(D, { children: [
     /* @__PURE__ */ r(
-      ee,
+      tt,
       {
         sx: {
           alignItems: "center",
@@ -303,40 +303,40 @@ const _e = () => {
           marginBottom: 8
         },
         children: [
-          /* @__PURE__ */ e(d, { variant: "body1", children: o.current_net_worth }),
-          /* @__PURE__ */ e(x, { amount: t?.y ?? 0, variant: "h1" }),
-          t && /* @__PURE__ */ e(
+          /* @__PURE__ */ t(m, { variant: "body1", children: o.current_net_worth }),
+          /* @__PURE__ */ t(x, { amount: e?.y ?? 0, variant: "h1" }),
+          e && /* @__PURE__ */ t(
             B,
             {
               currencyLabel: o.this_month,
               iconSize: 20,
-              netWorth: t,
+              netWorth: e,
               theme: c
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ r(j, { children: [
-      /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ r($, { children: [
+      /* @__PURE__ */ t(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         b,
         {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.assets }),
-            /* @__PURE__ */ e(x, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
+          primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "caption", children: o.assets }),
+            /* @__PURE__ */ t(x, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(X, { groupedAccounts: K(a) }),
-      /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t(X, { groupedAccounts: K(s) }),
+      /* @__PURE__ */ t(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         b,
         {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.liabilities }),
-            /* @__PURE__ */ e(
+          primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "caption", children: o.liabilities }),
+            /* @__PURE__ */ t(
               x,
               {
-                amount: s,
+                amount: a,
                 sx: { fontWeight: 400 },
                 variant: "caption"
               }
@@ -344,202 +344,189 @@ const _e = () => {
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(X, { groupedAccounts: K(i) })
+      /* @__PURE__ */ t(X, { groupedAccounts: K(i) })
     ] })
   ] });
-}, Ne = _(De), Ee = () => {
-  const { net_worth: t } = N(), a = z(), { onEvent: i } = G(), {
+}, Dt = _(Nt), Et = () => {
+  const { net_worth: e } = E(), s = z(), { onEvent: i } = G(), {
     assetsLiabilities: n,
-    gainsLosses: s,
+    gainsLosses: a,
     hoveredData: o,
     netWorthChartData: c,
     selectedData: l,
-    setHoveredIndex: f,
-    setSelectedIndex: g
-  } = $(), [w, y] = u.useState(!1), [v, I] = u.useState(!1), L = (p) => {
-    const C = p.x === o?.x, H = p.x === l?.x, S = {
+    setHoveredIndex: g,
+    setSelectedIndex: f
+  } = R(), [W, S] = u.useState(!1), [w, y] = u.useState(!1), k = (p) => {
+    const C = p.x === o?.x, T = p.x === l?.x, I = {
       backgroundColor: "inherit",
       borderBottom: "inherit",
       color: "inherit"
     };
-    return C && (S.color = H ? "inherit" : S.color, S.backgroundColor = a.palette.action.hover), H && (S.backgroundColor = a.palette.primary.main, S.borderBottom = a.palette.neutral.light, S.color = a.palette.common.white), S;
-  }, E = (p, C) => {
-    g(C), p.currentTarget instanceof HTMLDivElement && y(!0);
+    return C && (I.color = T ? "inherit" : I.color, I.backgroundColor = s.palette.action.hover), T && (I.backgroundColor = s.palette.primary.main, I.borderBottom = s.palette.neutral.light, I.color = s.palette.common.white), I;
+  }, N = (p, C) => {
+    f(C), p.currentTarget instanceof HTMLDivElement && S(!0);
   }, h = () => {
-    I(!0), i(W.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
+    y(!0), i(v.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
   }, M = (p) => {
-    f(p);
-  }, O = () => {
-    f(-1);
+    g(p);
+  }, j = () => {
+    g(-1);
   };
-  return /* @__PURE__ */ r(m, { direction: "column", sx: { width: 320 }, children: [
-    /* @__PURE__ */ r(j, { children: [
-      /* @__PURE__ */ e(k, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ e(d, { bold: !0, component: "h2", variant: "body1", children: t.monthly_totals }) }),
-      /* @__PURE__ */ e(T, {}),
-      c.map((p, C) => /* @__PURE__ */ e(
-        We,
+  return /* @__PURE__ */ r(d, { direction: "column", sx: { width: 320 }, children: [
+    /* @__PURE__ */ r($, { children: [
+      /* @__PURE__ */ t(A, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ t(m, { bold: !0, component: "h2", variant: "body1", children: e.monthly_totals }) }),
+      /* @__PURE__ */ t(L, {}),
+      c.map((p, C) => /* @__PURE__ */ t(
+        Wt,
         {
-          getStyles: L,
+          getStyles: k,
           isHovered: p.x === o?.x,
           isSelected: p.x === l?.x,
           item: p,
-          onItemClick: (H) => E(H, C),
+          onItemClick: (T) => N(T, C),
           onMouseEnter: () => M(C),
-          onMouseLeave: () => O()
+          onMouseLeave: () => j()
         },
         p.x
       ))
     ] }),
-    /* @__PURE__ */ e(
-      me,
+    /* @__PURE__ */ t(
+      dt,
       {
         onClick: () => h(),
         sx: { alignSelf: "center", marginTop: 16, width: "fit-content" },
         variant: "outlined",
-        children: t.view_assets_and_liabilities
+        children: e.view_assets_and_liabilities
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       U,
       {
         ariaLabelClose: "Close",
-        isOpen: w,
-        onClose: () => y(!1),
+        isOpen: W,
+        onClose: () => S(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
-        title: t.gains_and_losses,
-        children: s && /* @__PURE__ */ e(Ie, { ...s })
+        title: e.gains_and_losses,
+        children: a && /* @__PURE__ */ t(It, { ...a })
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       U,
       {
         ariaLabelClose: "Close",
-        isOpen: v,
-        onClose: () => I(!1),
+        isOpen: w,
+        onClose: () => y(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
-        title: t.assets_and_liabilities,
-        children: n && /* @__PURE__ */ e(Ne, { ...n })
+        title: e.assets_and_liabilities,
+        children: n && /* @__PURE__ */ t(Dt, { ...n })
       }
     )
   ] });
-}, Me = _(Ee), ke = ({ hoveredData: t, selectedData: a }) => {
-  const { net_worth: i } = N(), n = z(), s = t || a, o = ue(fe(s.x), "MMMM");
-  return /* @__PURE__ */ r(m, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(d, { color: n.palette.secondary.main, variant: "body2", children: `${o} ${i.net_worth}` }),
-    /* @__PURE__ */ e(x, { amount: s.y, variant: "h2" }),
-    /* @__PURE__ */ e(B, { currencyLabel: i.this_month, netWorth: s, theme: n })
+}, kt = _(Et), Mt = ({ hoveredData: e, selectedData: s }) => {
+  const { net_worth: i } = E(), n = z(), a = e || s, o = ut(ft(a.x), "MMMM");
+  return /* @__PURE__ */ r(d, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ t(m, { color: n.palette.secondary.main, variant: "body2", children: `${o} ${i.net_worth}` }),
+    /* @__PURE__ */ t(x, { amount: a.y, variant: "h2" }),
+    /* @__PURE__ */ t(B, { currencyLabel: i.this_month, netWorth: a, theme: n })
   ] });
-}, Ae = _(ke), Oe = ({ amount: t, copy: a, trendValue: i }) => {
+}, At = _(Mt), Ot = ({ amount: e, copy: s, trendValue: i }) => {
   const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";
-  return /* @__PURE__ */ r(m, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(Z, { variant: "h1", children: V(t, "0,0") }),
-    t !== 0 && /* @__PURE__ */ r(m, { sx: { color: n ? "success.main" : "text.secondary" }, children: [
-      /* @__PURE__ */ r(m, { sx: { flexDirection: "row", gap: 8 }, children: [
-        /* @__PURE__ */ e(te, { name: o, size: 20 }),
-        /* @__PURE__ */ e(d, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: V(i, "0,0.00") })
+  return /* @__PURE__ */ r(d, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ t(Z, { variant: "h1", children: V(e, "0,0") }),
+    e !== 0 && /* @__PURE__ */ r(d, { sx: { color: n ? "success.main" : "text.secondary" }, children: [
+      /* @__PURE__ */ r(d, { sx: { flexDirection: "row", gap: 8 }, children: [
+        /* @__PURE__ */ t(et, { name: o, size: 20 }),
+        /* @__PURE__ */ t(m, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: V(i, "0,0.00") })
       ] }),
-      /* @__PURE__ */ e(d, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: a.this_month })
+      /* @__PURE__ */ t(m, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: s.this_month })
     ] })
   ] });
-}, He = ({ copy: t }) => /* @__PURE__ */ r(m, { sx: { flexDirection: "row", gap: 12 }, children: [
-  /* @__PURE__ */ e(te, { name: "elevation", size: 32, sx: { color: "text.primary" } }),
-  /* @__PURE__ */ r(m, { children: [
-    /* @__PURE__ */ e(d, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: t.empty_widget_header }),
-    /* @__PURE__ */ e(Z, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
+}, Ht = ({ copy: e }) => /* @__PURE__ */ r(d, { sx: { flexDirection: "row", gap: 12 }, children: [
+  /* @__PURE__ */ t(et, { name: "elevation", size: 32, sx: { color: "text.primary" } }),
+  /* @__PURE__ */ r(d, { children: [
+    /* @__PURE__ */ t(m, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: e.empty_widget_header }),
+    /* @__PURE__ */ t(Z, { sx: { color: "text.secondary" }, variant: "body2", children: e.zero_state_description })
   ] })
-] }), _t = _(({ onCTAClick: t }) => {
-  const { visibleAccounts: a } = ce(), { onEvent: i } = G(), { net_worth: n, common: s } = N(), { isInitialized: o } = Y(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: f, selectedData: g } = $();
+] }), _e = _(({ onCTAClick: e }) => {
+  const { visibleAccounts: s } = ct(), { onEvent: i } = G(), { net_worth: n, common: a } = E(), { isInitialized: o } = Y(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: g, selectedData: f } = R();
   if (u.useEffect(() => {
     c || l().finally();
-  }, []), ne({
+  }, []), nt({
     widgetName: "NetWorthMicroWidget",
     isLoaded: c
   }), u.useEffect(() => {
-    c && i(W.NET_WORTH_LOAD_WIDGET, {
-      state: a?.length ? "default" : "zeroState"
+    c && i(v.NET_WORTH_LOAD_WIDGET, {
+      state: s?.length ? "default" : "zeroState"
     });
-  }, [c]), !o || !c) return /* @__PURE__ */ e(oe, { height: 100 });
-  const w = () => {
+  }, [c]), !o || !c) return /* @__PURE__ */ t(ot, { height: 100 });
+  const W = () => {
     i(
-      a.length ? W.NET_WORTH_CLICK_VIEW_DETAILS : W.NET_WORTH_CLICK_GET_STARTED
-    ), t();
+      s.length ? v.NET_WORTH_CLICK_VIEW_DETAILS : v.NET_WORTH_CLICK_GET_STARTED
+    ), e();
   };
-  return /* @__PURE__ */ e(
-    ge,
+  return /* @__PURE__ */ t(
+    gt,
     {
       className: "mx-networth-microwidget",
-      ctaLabel: s.see_details,
-      onCTAClick: w,
+      ctaLabel: a.see_details,
+      onCTAClick: W,
       title: n.net_worth,
-      children: f.accounts.length ? /* @__PURE__ */ e(
-        Oe,
+      children: g.accounts.length ? /* @__PURE__ */ t(
+        Ot,
         {
-          amount: g?.y,
+          amount: f?.y,
           copy: n,
-          trendValue: g?.change
+          trendValue: f?.change
         }
-      ) : /* @__PURE__ */ e(He, { copy: n })
+      ) : /* @__PURE__ */ t(Ht, { copy: n })
     }
   );
-}), wt = _(({ onBackClick: t }) => {
-  const { isInitialized: a } = Y(), { accounts: i, net_worth: n } = N(), {
-    hoveredData: s,
-    isNetWorthDataLoaded: o,
-    loadNetWorthData: c,
-    netWorthChartData: l,
+}), we = _(({ onBackClick: e, onMenuClick: s }) => {
+  const { isInitialized: i } = Y(), { accounts: n, net_worth: a } = E(), {
+    hoveredData: o,
+    isNetWorthDataLoaded: c,
+    loadNetWorthData: l,
+    netWorthChartData: g,
     selectedData: f,
-    setTimeframe: g,
-    timeframe: w
-  } = $(), { isMobile: y } = q(), { onEvent: v } = G(), [I, L] = u.useState(!1);
-  ne({
+    setTimeframe: W,
+    timeframe: S
+  } = R(), { isMobile: w } = q(), { onEvent: y } = G(), [k, N] = u.useState(!1);
+  nt({
     widgetName: "NetWorthWidget",
-    isLoaded: o
+    isLoaded: c
   }), u.useEffect(() => {
-    o || c().finally(), v(W.NET_WORTH_VIEW);
+    c || l().finally(), y(v.NET_WORTH_VIEW);
   }, []), u.useEffect(() => {
-    v(W.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: w + "M" });
-  }, [w]);
-  const E = async (O) => {
-    const p = O[0], C = O[1];
-    p && C && g(xe(C, p));
-  }, h = () => {
-    L(!0), v(W.ACCOUNTS_CLICK_CONNECT);
+    y(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: S + "M" });
+  }, [S]);
+  const h = async (p) => {
+    const C = p[0], T = p[1];
+    C && T && W(xt(T, C));
+  }, M = () => {
+    N(!0), y(v.ACCOUNTS_CLICK_CONNECT);
   };
-  if (!a || !o) return /* @__PURE__ */ e(oe, {});
-  const M = l.length === 0;
+  if (!i || !c) return /* @__PURE__ */ t(ot, {});
+  const j = g.length === 0;
   return /* @__PURE__ */ r(
-    Ce,
+    Ct,
     {
-      calendarActions: { onRangeChanged: E },
-      dateRangeVariant: y ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: () => v(W.NET_WORTH_WIDGET_CLICK_FILTER),
-      onBackClick: t,
-      showDividerAboveDateSelector: !1,
-      sx: {
-        p: y ? 0 : 48,
-        "& .MuiCardHeader-root": {
-          px: 16,
-          py: 12
-        },
-        "& .MuiBox-root": {
-          m: 0
-        },
-        "& .MuiTabs-root": {
-          width: "100%"
-        }
-      },
-      title: n.net_worth,
+      calendarActions: { onRangeChanged: h },
+      dateRangeVariant: w ? "timeframetabs" : "timeframebuttons",
+      onAccountsFilterClick: () => y(v.NET_WORTH_WIDGET_CLICK_FILTER),
+      onBackClick: e,
+      onMenuClick: s,
+      title: a.net_worth,
       children: [
-        M ? /* @__PURE__ */ e(ee, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
-          be,
+        j ? /* @__PURE__ */ t(tt, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ t(
+          bt,
           {
-            header: n.empty_widget_header,
+            header: a.empty_widget_header,
             icon: "elevation",
-            onClick: h,
-            primaryButton: n.empty_widget_button,
-            subText: n.empty_widget_description,
+            onClick: M,
+            primaryButton: a.empty_widget_button,
+            subText: a.empty_widget_description,
             sx: {
               width: { sm: 432 },
               ".buttons-footer": {
@@ -548,26 +535,26 @@ const _e = () => {
             }
           }
         ) }) : /* @__PURE__ */ r(D, { children: [
-          f && /* @__PURE__ */ e(Ae, { hoveredData: s, selectedData: f }),
+          f && /* @__PURE__ */ t(At, { hoveredData: o, selectedData: f }),
           /* @__PURE__ */ r(
-            m,
+            d,
             {
-              alignItems: y ? "center" : "flex-start",
-              direction: y ? "column" : "row",
-              spacing: y ? 0 : 48,
+              alignItems: w ? "center" : "flex-start",
+              direction: w ? "column" : "row",
+              spacing: w ? 0 : 48,
               children: [
-                /* @__PURE__ */ e(we, {}),
-                /* @__PURE__ */ e(Me, {})
+                /* @__PURE__ */ t(wt, {}),
+                /* @__PURE__ */ t(kt, {})
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ e(
-          ye,
+        /* @__PURE__ */ t(
+          yt,
           {
-            onClose: () => L(!1),
-            showConnectionsWidget: I,
-            title: i.manage_connections
+            onClose: () => N(!1),
+            showConnectionsWidget: k,
+            title: n.manage_connections
           }
         )
       ]
@@ -575,10 +562,10 @@ const _e = () => {
   );
 });
 export {
-  we as NetWorthChart,
-  Me as NetWorthList,
-  _t as NetWorthMicroWidget,
-  St as NetWorthStore,
-  Ae as NetWorthSummary,
-  wt as NetWorthWidget
+  wt as NetWorthChart,
+  kt as NetWorthList,
+  _e as NetWorthMicroWidget,
+  Se as NetWorthStore,
+  At as NetWorthSummary,
+  we as NetWorthWidget
 };