@mx-cartographer/experiences 7.13.21 → 7.13.22-alpha.al0

package/dist/networth/index.es.js

@@ -1,65 +1,65 @@
-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 N } 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 { L as at } from "../LineChart-DIjY-HBq.mjs";
+import { p as st, q as $, u as D, f as G, d as ct, b as Y } from "../hooks-DOWEalfb.mjs";
 import { u as q } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as le, D as de } from "../DateFormats-BMpMrZpW.mjs";
+import { f as lt, D as mt } from "../DateFormats-BMpMrZpW.mjs";
 import u from "react";
-import me from "@mui/material/Button";
+import dt 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 M from "@mui/material/ListSubheader";
+import d from "@mui/material/Stack";
+import { Text as m, Icon as R, P as Z } from "@mxenabled/mxui";
 import A 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-BYItVAe-.mjs";
-import { format as ue, fromUnixTime as fe, differenceInMonths as xe } from "date-fns";
-import { Icon as te } from "@mxenabled/mx-icons";
+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-B7xDq2bM.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-DmYEMfRw.mjs";
+import { L as ot } from "../Loader-D3rjKx72.mjs";
+import { M as gt } from "../MicroWidgetContainer-CTMkXRJM.mjs";
+import { C as yt } from "../ConnectionsDrawer-yeD_PsY1.mjs";
+import { W as Ct } from "../WidgetContainerV2-BjOelON7.mjs";
+import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
+const _t = () => {
+  const { isMobile: e } = q(), { availableWidth: a } = st(), i = z(), {
     hoveredData: n,
     netWorthChartData: s,
     selectedData: o,
     setHoveredIndex: c,
     setSelectedIndex: l
   } = $(), f = a - 320, g = s.map((h) => ({
-    x: le(re(h.x), de.MONTH_SHORT),
+    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",
     stroke: i.palette.success.main
-  }), I = (h, M) => {
-    l(M);
+  }), I = (h, k) => {
+    l(k);
   }, L = (h) => {
     c(h);
   }, E = () => {
     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",
@@ -75,11 +75,11 @@ const _e = () => {
       showArea: !0,
       useCustomMark: !0,
       valueFormatterString: "0.0[0]a",
-      width: t ? a - 48 : f
+      width: e ? a - 48 : f
     }
   ) });
-}, we = _(_e), ve = ({
-  item: t,
+}, wt = _(_t), vt = ({
+  item: e,
   getStyles: a,
   isHovered: i = !1,
   isSelected: n = !1,
@@ -91,9 +91,9 @@ const _e = () => {
     color: ""
   });
   return u.useEffect(() => {
-    f(a(t));
+    f(a(e));
   }, [i, n]), /* @__PURE__ */ r(u.Fragment, { children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       A,
       {
         sx: {
@@ -101,19 +101,19 @@ const _e = () => {
           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: (g) => s?.(g, 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,18 +121,18 @@ const _e = () => {
         )
       }
     ),
-    /* @__PURE__ */ e(T, {})
-  ] }, t.x);
-}, We = _(ve), Se = ({
-  currencyLabel: t,
+    /* @__PURE__ */ t(T, {})
+  ] }, e.x);
+}, Wt = _(vt), St = ({
+  currencyLabel: e,
   currencyVariant: a = "body2",
   iconSize: i,
   netWorth: n,
   theme: s
 }) => {
   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(
+  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(ht, { alignItems: "center", direction: "row", spacing: 4, children: [
+    /* @__PURE__ */ t(
       R,
       {
         name: l,
@@ -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: a }),
+    /* @__PURE__ */ t(m, { variant: "body2", children: e })
   ] });
-}, B = _(Se), Te = ({
-  netWorth: t,
+}, B = _(St), Tt = ({
+  netWorth: e,
   gains: a,
   losses: i,
   totalGains: n,
   totalLosses: s
 }) => {
-  const { net_worth: o } = N(), 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 })
+  const { net_worth: o } = D(), c = P();
+  return /* @__PURE__ */ r(N, { children: [
+    /* @__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__ */ t(M, { 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(
+        /* @__PURE__ */ t(A, { 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(T, {})
       ] }, l.accountName)),
-      /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t(M, { 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: s, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
-      i?.map((l) => /* @__PURE__ */ r(D, { children: [
-        /* @__PURE__ */ e(
+      i?.map((l) => /* @__PURE__ */ r(N, { children: [
+        /* @__PURE__ */ t(
           A,
           {
             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(T, {})
       ] }))
     ] })
   ] });
-}, Ie = _(Te), Le = ({ accounts: t, name: a, icon: i }) => {
+}, It = _(Tt), Lt = ({ accounts: e, name: a, icon: i }) => {
   const [n, s] = 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(
+  return /* @__PURE__ */ r(N, { children: [
+    /* @__PURE__ */ t(A, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(J, { onClick: () => s(!n), children: [
+      i && /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(R, { 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: a })
         }
       ),
-      /* @__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(R, { name: "expand_less", size: 24 }) : /* @__PURE__ */ t(R, { 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(T, {}),
+    /* @__PURE__ */ t(pt, { in: n, timeout: "auto", unmountOnExit: !0, children: e.map((o, c) => /* @__PURE__ */ r(j, { children: [
+      /* @__PURE__ */ t(A, { 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(T, { variant: "inset" }) : /* @__PURE__ */ t(T, {})
     ] }, 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,
+}, X = ({ groupedAccounts: e }) => /* @__PURE__ */ t(N, { children: e.map(({ accounts: a, icon: i, name: n }) => /* @__PURE__ */ t(Lt, { accounts: a, icon: i, name: n }, n)) }), Nt = ({
+  netWorth: e,
   assets: a,
   liabilities: i,
   totalAssets: n,
   totalLiabilities: s
 }) => {
-  const { net_worth: o } = N(), c = P();
-  return /* @__PURE__ */ r(D, { children: [
+  const { net_worth: o } = D(), c = P();
+  return /* @__PURE__ */ r(N, { children: [
     /* @__PURE__ */ r(
-      ee,
+      tt,
       {
         sx: {
           alignItems: "center",
@@ -303,14 +303,14 @@ 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
             }
           )
@@ -318,22 +318,22 @@ const _e = () => {
       }
     ),
     /* @__PURE__ */ r(j, { children: [
-      /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t(M, { 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(a) }),
+      /* @__PURE__ */ t(M, { 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,
@@ -344,11 +344,11 @@ 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 } = D(), a = z(), { onEvent: i } = G(), {
     assetsLiabilities: n,
     gainsLosses: s,
     hoveredData: o,
@@ -367,39 +367,39 @@ const _e = () => {
     g(C), p.currentTarget instanceof HTMLDivElement && y(!0);
   }, h = () => {
     I(!0), i(W.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
-  }, M = (p) => {
+  }, k = (p) => {
     f(p);
   }, O = () => {
     f(-1);
   };
-  return /* @__PURE__ */ r(m, { direction: "column", sx: { width: 320 }, children: [
+  return /* @__PURE__ */ r(d, { 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,
+      /* @__PURE__ */ t(M, { 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(T, {}),
+      c.map((p, C) => /* @__PURE__ */ t(
+        Wt,
         {
           getStyles: L,
           isHovered: p.x === o?.x,
           isSelected: p.x === l?.x,
           item: p,
           onItemClick: (H) => E(H, C),
-          onMouseEnter: () => M(C),
+          onMouseEnter: () => k(C),
           onMouseLeave: () => O()
         },
         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",
@@ -407,11 +407,11 @@ const _e = () => {
         onClose: () => y(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
-        title: t.gains_and_losses,
-        children: s && /* @__PURE__ */ e(Ie, { ...s })
+        title: e.gains_and_losses,
+        children: s && /* @__PURE__ */ t(It, { ...s })
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       U,
       {
         ariaLabelClose: "Close",
@@ -419,72 +419,72 @@ const _e = () => {
         onClose: () => I(!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: a }) => {
+  const { net_worth: i } = D(), n = z(), s = e || a, o = ut(ft(s.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: s.y, variant: "h2" }),
+    /* @__PURE__ */ t(B, { currencyLabel: i.this_month, netWorth: s, theme: n })
   ] });
-}, Ae = _(ke), Oe = ({ amount: t, copy: a, trendValue: i }) => {
+}, At = _(Mt), Ot = ({ amount: e, copy: a, 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: a.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: a } = ct(), { onEvent: i } = G(), { net_worth: n, common: s } = D(), { isInitialized: o } = Y(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: f, selectedData: g } = $();
   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]), !o || !c) return /* @__PURE__ */ e(oe, { height: 100 });
+  }, [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();
+    ), e();
   };
-  return /* @__PURE__ */ e(
-    ge,
+  return /* @__PURE__ */ t(
+    gt,
     {
       className: "mx-networth-microwidget",
       ctaLabel: s.see_details,
       onCTAClick: w,
       title: n.net_worth,
-      children: f.accounts.length ? /* @__PURE__ */ e(
-        Oe,
+      children: f.accounts.length ? /* @__PURE__ */ t(
+        Ot,
         {
           amount: g?.y,
           copy: n,
           trendValue: g?.change
         }
-      ) : /* @__PURE__ */ e(He, { copy: n })
+      ) : /* @__PURE__ */ t(Ht, { copy: n })
     }
   );
-}), wt = _(({ onBackClick: t }) => {
-  const { isInitialized: a } = Y(), { accounts: i, net_worth: n } = N(), {
+}), we = _(({ onBackClick: e }) => {
+  const { isInitialized: a } = Y(), { accounts: i, net_worth: n } = D(), {
     hoveredData: s,
     isNetWorthDataLoaded: o,
     loadNetWorthData: c,
@@ -493,7 +493,7 @@ const _e = () => {
     setTimeframe: g,
     timeframe: w
   } = $(), { isMobile: y } = q(), { onEvent: v } = G(), [I, L] = u.useState(!1);
-  ne({
+  nt({
     widgetName: "NetWorthWidget",
     isLoaded: o
   }), u.useEffect(() => {
@@ -503,37 +503,23 @@ const _e = () => {
   }, [w]);
   const E = async (O) => {
     const p = O[0], C = O[1];
-    p && C && g(xe(C, p));
+    p && C && g(xt(C, p));
   }, h = () => {
     L(!0), v(W.ACCOUNTS_CLICK_CONNECT);
   };
-  if (!a || !o) return /* @__PURE__ */ e(oe, {});
-  const M = l.length === 0;
+  if (!a || !o) return /* @__PURE__ */ t(ot, {});
+  const k = l.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%"
-        }
-      },
+      onBackClick: e,
       title: n.net_worth,
       children: [
-        M ? /* @__PURE__ */ e(ee, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
-          be,
+        k ? /* @__PURE__ */ t(tt, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ t(
+          bt,
           {
             header: n.empty_widget_header,
             icon: "elevation",
@@ -547,23 +533,23 @@ const _e = () => {
               }
             }
           }
-        ) }) : /* @__PURE__ */ r(D, { children: [
-          f && /* @__PURE__ */ e(Ae, { hoveredData: s, selectedData: f }),
+        ) }) : /* @__PURE__ */ r(N, { children: [
+          f && /* @__PURE__ */ t(At, { hoveredData: s, selectedData: f }),
           /* @__PURE__ */ r(
-            m,
+            d,
             {
               alignItems: y ? "center" : "flex-start",
               direction: y ? "column" : "row",
               spacing: y ? 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,
@@ -575,10 +561,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
 };