@mx-cartographer/experiences 8.1.12 → 8.2.0

package/dist/networth/index.es.js

@@ -1,65 +1,116 @@
-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 it from "@mui/material/Stack/Stack";
-import { useTheme as z } from "@mui/material/styles";
-import { L as at } from "../LineChart-CeZnCZ7j.mjs";
-import { u as Y } from "../useScreenSize-CeFhWTt_.mjs";
-import { p as st, q as R, u as E, g as G, d as ct, b as q } from "../hooks-RzCoiTd0.mjs";
-import { f as lt, D as mt } from "../DateFormats-CaOj_4eI.mjs";
+import { jsxs as r, jsx as e, Fragment as N } from "react/jsx-runtime";
 import u from "react";
-import dt from "@mui/material/Button";
+import { observer as _ } from "mobx-react-lite";
+import m from "@mui/material/Stack";
+import { P as Y, Text as d, Icon as H } from "@mxenabled/mxui";
+import { Icon as Z } from "@mxenabled/mx-icons";
+import { f as F } from "../NumberFormatting--XMeeBfr.mjs";
+import { d as re, g as z, u as E, b as q, x as R, D as ie } from "../hooks-BaO_gOI6.mjs";
+import { u as J } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+import { A as v } from "../Analytics-CzGzz_sE.mjs";
+import { L as Q } from "../Loader-CxeBwuPG.mjs";
+import { M as ae } from "../MicroWidgetContainer-CfKdQfhi.mjs";
+import { format as se, fromUnixTime as ce, differenceInMonths as le } from "date-fns";
+import P from "@mui/material/Box";
+import { C as de } from "../ConnectionsDrawer-D7IXAza2.mjs";
+import { fromUnixTime as me } from "date-fns/fromUnixTime";
+import he from "@mui/material/Stack/Stack";
+import { useTheme as G } from "@mui/material/styles";
+import { L as pe } from "../LineChart-CejWS_rh.mjs";
+import { u as ee } from "../useScreenSize-CeFhWTt_.mjs";
+import { f as ue, D as fe } from "../DateFormats-HudZ3Bjs.mjs";
+import xe from "@mui/material/Button";
 import L from "@mui/material/Divider";
 import j 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 te from "@mui/material/ListItemButton";
 import b from "@mui/material/ListItemText";
-import { j as Q } from "../DateUtil-D0TO0DaZ.mjs";
-import { C as x } from "../CurrencyText-oqd6cX3M.mjs";
-import P from "@mui/material/styles/useTheme";
-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-BY-B_hxy.mjs";
-import { N as Se } from "../NetWorthStore-BY-B_hxy.mjs";
-import { D as U } from "../Drawer-XPaLYjiO.mjs";
-import { A as v } from "../Analytics-CzGzz_sE.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-CyrvFgfd.mjs";
-import { u as nt } from "../useWidgetLoadTimer-BZjr-BiE.mjs";
-import { L as ot } from "../Loader-CxeBwuPG.mjs";
-import { M as gt } from "../MicroWidgetContainer-DAesImQ6.mjs";
-import { C as yt } from "../ConnectionsDrawer-DX6d7uwJ.mjs";
-import { W as Ct } from "../WidgetContainer-BPJoDkhL.mjs";
-import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
-const _t = () => {
-  const { isMobile: e } = Y(), { availableWidth: s } = st(), i = z(), {
+import { j as ne } from "../DateUtil-Bhq59ZVg.mjs";
+import { C as x } from "../CurrencyText-CCbE6MmF.mjs";
+import oe from "@mui/material/styles/useTheme";
+import { Stack as ge } from "@mui/material";
+import ye from "@mui/material/Collapse";
+import K from "@mui/material/ListItemIcon";
+import { g as U } from "../NetWorthUtils-DilGN1nW.mjs";
+import { D as V } from "../Drawer-XPaLYjiO.mjs";
+import { W as Ce } from "../WidgetContainer-DalWyz5A.mjs";
+import { E as be } from "../EmptyState-DHAkGsjk.mjs";
+const _e = ({ amount: t, 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(Y, { variant: "h1", children: F(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(Z, { name: o, size: 20 }),
+        /* @__PURE__ */ e(d, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: F(i, "0,0.00") })
+      ] }),
+      /* @__PURE__ */ e(d, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: s.this_month })
+    ] })
+  ] });
+}, we = ({ copy: t }) => /* @__PURE__ */ r(m, { sx: { flexDirection: "row", gap: 12 }, children: [
+  /* @__PURE__ */ e(Z, { 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(Y, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
+  ] })
+] }), _t = _(({ onCTAClick: t }) => {
+  const { visibleAccounts: s } = re(), { onEvent: i } = z(), { net_worth: n, common: a } = E(), { isInitialized: o } = q(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: g, selectedData: f } = R();
+  if (u.useEffect(() => {
+    c || l().finally();
+  }, []), J({
+    widgetName: "NetWorthMicroWidget",
+    isLoaded: c
+  }), u.useEffect(() => {
+    c && i(v.NET_WORTH_LOAD_WIDGET, {
+      state: s?.length ? "default" : "zeroState"
+    });
+  }, [c]), !o || !c) return /* @__PURE__ */ e(Q, { height: 100 });
+  const S = () => {
+    i(
+      s.length ? v.NET_WORTH_CLICK_VIEW_DETAILS : v.NET_WORTH_CLICK_GET_STARTED
+    ), t();
+  };
+  return /* @__PURE__ */ e(
+    ae,
+    {
+      className: "mx-networth-microwidget",
+      ctaLabel: a.see_details,
+      onCTAClick: S,
+      title: n.net_worth,
+      children: g.accounts.length ? /* @__PURE__ */ e(
+        _e,
+        {
+          amount: f?.y,
+          copy: n,
+          trendValue: f?.change
+        }
+      ) : /* @__PURE__ */ e(we, { copy: n })
+    }
+  );
+}), ve = () => {
+  const { isMobile: t } = ee(), { availableWidth: s } = ie(), i = G(), {
     hoveredData: n,
     netWorthChartData: a,
     selectedData: o,
     setHoveredIndex: c,
     setSelectedIndex: l
   } = R(), g = s - 320, f = a.map((h) => ({
-    x: lt(rt(h.x), mt.MONTH_SHORT),
+    x: ue(me(h.x), fe.MONTH_SHORT),
     y: h.y
-  })), 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",
+  })), S = o ? { index: a.findIndex((h) => h.x === o.x) } : void 0, W = n ? { index: a.findIndex((h) => h.x === n.x) } : void 0, w = (h) => ({
+    fill: h === S?.index ? i.palette.success.main : "",
+    filter: h === W?.index ? `drop-shadow(0px 0px 10px ${i.palette.success.main})` : "none",
     stroke: i.palette.success.main
   }), y = (h, M) => {
     l(M);
   }, k = (h) => {
     c(h);
-  }, N = () => {
+  }, D = () => {
     c(-1);
   };
-  return /* @__PURE__ */ t(it, { sx: { width: "100%" }, children: /* @__PURE__ */ t(
-    at,
+  return /* @__PURE__ */ e(he, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+    pe,
     {
       baseline: "min",
       chartFor: "networthChart",
@@ -70,16 +121,16 @@ const _t = () => {
       height: 350,
       labels: [],
       margin: { right: 20, left: 38 },
-      markHandlers: { onMarkClick: y, onMouseEnter: k, onMouseLeave: N },
+      markHandlers: { onMarkClick: y, onMouseEnter: k, onMouseLeave: D },
       markStyles: w,
       showArea: !0,
       useCustomMark: !0,
       valueFormatterString: "0.0[0]a",
-      width: e ? s - 48 : g
+      width: t ? s - 48 : g
     }
   ) });
-}, wt = _(_t), vt = ({
-  item: e,
+}, Se = _(ve), We = ({
+  item: t,
   getStyles: s,
   isHovered: i = !1,
   isSelected: n = !1,
@@ -91,9 +142,9 @@ const _t = () => {
     color: ""
   });
   return u.useEffect(() => {
-    g(s(e));
+    g(s(t));
   }, [i, n]), /* @__PURE__ */ r(u.Fragment, { children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       O,
       {
         sx: {
@@ -101,19 +152,19 @@ const _t = () => {
           minHeight: 44,
           "&:hover": { color: n ? "inherit" : l.color }
         },
-        children: /* @__PURE__ */ t(
-          J,
+        children: /* @__PURE__ */ e(
+          te,
           {
-            onClick: (f) => a?.(f, e.x),
-            onMouseEnter: () => o(e.x),
+            onClick: (f) => a?.(f, t.x),
+            onMouseEnter: () => o(t.x),
             onMouseLeave: () => c(),
             sx: { minHeight: 20, padding: 12 },
-            children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ e(
               b,
               {
-                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" })
+                primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+                  /* @__PURE__ */ e(d, { variant: "body1", children: ne(t.x) }),
+                  /* @__PURE__ */ e(x, { amount: t.y, sx: { color: "inherit" }, variant: "body1" })
                 ] })
               }
             )
@@ -121,18 +172,18 @@ const _t = () => {
         )
       }
     ),
-    /* @__PURE__ */ t(L, {})
-  ] }, e.x);
-}, Wt = _(vt), St = ({
-  currencyLabel: e,
+    /* @__PURE__ */ e(L, {})
+  ] }, t.x);
+}, Te = _(We), Ie = ({
+  currencyLabel: t,
   currencyVariant: s = "body2",
   iconSize: i,
   netWorth: n,
   theme: a
 }) => {
   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(
+  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(ge, { alignItems: "center", direction: "row", spacing: 4, children: [
+    /* @__PURE__ */ e(
       H,
       {
         name: l,
@@ -142,40 +193,40 @@ const _t = () => {
         }
       }
     ),
-    /* @__PURE__ */ t(x, { amount: n.change, color: c, variant: s }),
-    /* @__PURE__ */ t(m, { variant: "body2", children: e })
+    /* @__PURE__ */ e(x, { amount: n.change, color: c, variant: s }),
+    /* @__PURE__ */ e(d, { variant: "body2", children: t })
   ] });
-}, B = _(St), Tt = ({
-  netWorth: e,
+}, B = _(Ie), Le = ({
+  netWorth: t,
   gains: s,
   losses: i,
   totalGains: n,
   totalLosses: a
 }) => {
-  const { net_worth: o } = E(), c = P();
-  return /* @__PURE__ */ r(D, { 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 })
+  const { net_worth: o } = E(), c = oe();
+  return /* @__PURE__ */ r(N, { children: [
+    /* @__PURE__ */ r(m, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
+      /* @__PURE__ */ e(d, { variant: "body2", children: ne(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(j, { children: [
-      /* @__PURE__ */ t(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         b,
         {
-          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" })
+          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" })
           ] })
         }
       ) }),
       s?.map((l) => /* @__PURE__ */ r(u.Fragment, { children: [
-        /* @__PURE__ */ t(O, { sx: { backgroundColor: c.palette.background.paper, py: 14 }, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ e(O, { sx: { backgroundColor: c.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
           b,
           {
-            primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ t(m, { sx: { mr: 10 }, variant: "body1", children: l.accountName }),
-              /* @__PURE__ */ t(
+            primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(d, { sx: { mr: 10 }, variant: "body1", children: l.accountName }),
+              /* @__PURE__ */ e(
                 x,
                 {
                   amount: l.gain,
@@ -187,28 +238,28 @@ const _t = () => {
             sx: { px: 16 }
           }
         ) }),
-        /* @__PURE__ */ t(L, {})
+        /* @__PURE__ */ e(L, {})
       ] }, l.accountName)),
-      /* @__PURE__ */ t(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         b,
         {
-          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" })
+          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: a, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
-      i?.map((l) => /* @__PURE__ */ r(D, { children: [
-        /* @__PURE__ */ t(
+      i?.map((l) => /* @__PURE__ */ r(N, { children: [
+        /* @__PURE__ */ e(
           O,
           {
             sx: { backgroundColor: c.palette.background.paper, py: 14 },
-            children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ e(
               b,
               {
-                primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
-                  /* @__PURE__ */ t(
-                    m,
+                primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
+                  /* @__PURE__ */ e(
+                    d,
                     {
                       sx: {
                         mr: 10
@@ -217,7 +268,7 @@ const _t = () => {
                       children: l.accountName
                     }
                   ),
-                  /* @__PURE__ */ t(
+                  /* @__PURE__ */ e(
                     x,
                     {
                       amount: l.loss,
@@ -232,31 +283,31 @@ const _t = () => {
           },
           l.accountName
         ),
-        /* @__PURE__ */ t(L, {})
+        /* @__PURE__ */ e(L, {})
       ] }))
     ] })
   ] });
-}, It = _(Tt), Lt = ({ accounts: e, name: s, icon: i }) => {
+}, De = _(Le), Ne = ({ accounts: t, name: s, icon: i }) => {
   const [n, a] = u.useState(!1);
-  return /* @__PURE__ */ r(D, { children: [
-    /* @__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(
+  return /* @__PURE__ */ r(N, { children: [
+    /* @__PURE__ */ e(O, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(te, { onClick: () => a(!n), children: [
+      i && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(H, { name: i, size: 24, sx: { mr: 12 } }) }),
+      /* @__PURE__ */ e(
         b,
         {
-          primary: /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "body1", children: s })
+          primary: /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "body1", children: s })
         }
       ),
-      /* @__PURE__ */ t(F, { children: n ? /* @__PURE__ */ t(H, { name: "expand_less", size: 24 }) : /* @__PURE__ */ t(H, { name: "expand_more", size: 24 }) })
+      /* @__PURE__ */ e(K, { children: n ? /* @__PURE__ */ e(H, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(H, { name: "expand_more", size: 24 }) })
     ] }) }),
-    /* @__PURE__ */ t(L, {}),
-    /* @__PURE__ */ t(pt, { in: n, timeout: "auto", unmountOnExit: !0, children: e.map((o, c) => /* @__PURE__ */ r(j, { children: [
-      /* @__PURE__ */ t(O, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ t(
+    /* @__PURE__ */ e(L, {}),
+    /* @__PURE__ */ e(ye, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, c) => /* @__PURE__ */ r(j, { children: [
+      /* @__PURE__ */ e(O, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
         b,
         {
-          primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-            /* @__PURE__ */ t(
-              m,
+          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+            /* @__PURE__ */ e(
+              d,
               {
                 sx: {
                   marginRight: 10
@@ -265,7 +316,7 @@ const _t = () => {
                 children: o.accountName
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               x,
               {
                 amount: o.balance,
@@ -279,20 +330,20 @@ const _t = () => {
           sx: { pl: 72, pr: 16 }
         }
       ) }),
-      c < e.length - 1 ? /* @__PURE__ */ t(L, { variant: "inset" }) : /* @__PURE__ */ t(L, {})
+      c < t.length - 1 ? /* @__PURE__ */ e(L, { variant: "inset" }) : /* @__PURE__ */ e(L, {})
     ] }, o.accountName)) })
   ] });
-}, 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,
+}, X = ({ groupedAccounts: t }) => /* @__PURE__ */ e(N, { children: t.map(({ accounts: s, icon: i, name: n }) => /* @__PURE__ */ e(Ne, { accounts: s, icon: i, name: n }, n)) }), Ee = ({
+  netWorth: t,
   assets: s,
   liabilities: i,
   totalAssets: n,
   totalLiabilities: a
 }) => {
-  const { net_worth: o } = E(), c = P();
-  return /* @__PURE__ */ r(D, { children: [
+  const { net_worth: o } = E(), c = oe();
+  return /* @__PURE__ */ r(N, { children: [
     /* @__PURE__ */ r(
-      tt,
+      P,
       {
         sx: {
           alignItems: "center",
@@ -303,14 +354,14 @@ const _t = () => {
           marginBottom: 8
         },
         children: [
-          /* @__PURE__ */ t(m, { variant: "body1", children: o.current_net_worth }),
-          /* @__PURE__ */ t(x, { amount: e?.y ?? 0, variant: "h1" }),
-          e && /* @__PURE__ */ t(
+          /* @__PURE__ */ e(d, { variant: "body1", children: o.current_net_worth }),
+          /* @__PURE__ */ e(x, { amount: t?.y ?? 0, variant: "h1" }),
+          t && /* @__PURE__ */ e(
             B,
             {
               currencyLabel: o.this_month,
               iconSize: 20,
-              netWorth: e,
+              netWorth: t,
               theme: c
             }
           )
@@ -318,22 +369,22 @@ const _t = () => {
       }
     ),
     /* @__PURE__ */ r(j, { children: [
-      /* @__PURE__ */ t(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         b,
         {
-          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" })
+          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" })
           ] })
         }
       ) }),
-      /* @__PURE__ */ t(X, { groupedAccounts: K(s) }),
-      /* @__PURE__ */ t(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e(X, { groupedAccounts: U(s) }),
+      /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         b,
         {
-          primary: /* @__PURE__ */ r(d, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "caption", children: o.liabilities }),
-            /* @__PURE__ */ t(
+          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.liabilities }),
+            /* @__PURE__ */ e(
               x,
               {
                 amount: a,
@@ -344,11 +395,11 @@ const _t = () => {
           ] })
         }
       ) }),
-      /* @__PURE__ */ t(X, { groupedAccounts: K(i) })
+      /* @__PURE__ */ e(X, { groupedAccounts: U(i) })
     ] })
   ] });
-}, Dt = _(Nt), Et = () => {
-  const { net_worth: e } = E(), s = z(), { onEvent: i } = G(), {
+}, ke = _(Ee), Me = () => {
+  const { net_worth: t } = E(), s = G(), { onEvent: i } = z(), {
     assetsLiabilities: n,
     gainsLosses: a,
     hoveredData: o,
@@ -356,15 +407,15 @@ const _t = () => {
     selectedData: l,
     setHoveredIndex: g,
     setSelectedIndex: f
-  } = R(), [W, S] = u.useState(!1), [w, y] = u.useState(!1), k = (p) => {
+  } = R(), [S, W] = 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 && (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);
+  }, D = (p, C) => {
+    f(C), p.currentTarget instanceof HTMLDivElement && W(!0);
   }, h = () => {
     y(!0), i(v.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
   }, M = (p) => {
@@ -372,155 +423,103 @@ const _t = () => {
   }, $ = () => {
     g(-1);
   };
-  return /* @__PURE__ */ r(d, { direction: "column", sx: { width: 320 }, children: [
+  return /* @__PURE__ */ r(m, { direction: "column", sx: { width: 320 }, children: [
     /* @__PURE__ */ r(j, { 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,
+      /* @__PURE__ */ e(A, { 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(L, {}),
+      c.map((p, C) => /* @__PURE__ */ e(
+        Te,
         {
           getStyles: k,
           isHovered: p.x === o?.x,
           isSelected: p.x === l?.x,
           item: p,
-          onItemClick: (T) => N(T, C),
+          onItemClick: (T) => D(T, C),
           onMouseEnter: () => M(C),
           onMouseLeave: () => $()
         },
         p.x
       ))
     ] }),
-    /* @__PURE__ */ t(
-      dt,
+    /* @__PURE__ */ e(
+      xe,
       {
         onClick: () => h(),
         sx: { alignSelf: "center", marginTop: 16, width: "fit-content" },
         variant: "outlined",
-        children: e.view_assets_and_liabilities
+        children: t.view_assets_and_liabilities
       }
     ),
-    /* @__PURE__ */ t(
-      U,
+    /* @__PURE__ */ e(
+      V,
       {
         ariaLabelClose: "Close",
-        isOpen: W,
-        onClose: () => S(!1),
+        isOpen: S,
+        onClose: () => W(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
-        title: e.gains_and_losses,
-        children: a && /* @__PURE__ */ t(It, { ...a })
+        title: t.gains_and_losses,
+        children: a && /* @__PURE__ */ e(De, { ...a })
       }
     ),
-    /* @__PURE__ */ t(
-      U,
+    /* @__PURE__ */ e(
+      V,
       {
         ariaLabelClose: "Close",
         isOpen: w,
         onClose: () => y(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
-        title: e.assets_and_liabilities,
-        children: n && /* @__PURE__ */ t(Dt, { ...n })
+        title: t.assets_and_liabilities,
+        children: n && /* @__PURE__ */ e(ke, { ...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 })
-  ] });
-}, 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(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__ */ t(m, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: s.this_month })
-    ] })
+}, Ae = _(Me), Oe = ({ hoveredData: t, selectedData: s }) => {
+  const { net_worth: i } = E(), n = G(), a = t || s, o = se(ce(a.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: a.y, variant: "h2" }),
+    /* @__PURE__ */ e(B, { currencyLabel: i.this_month, netWorth: a, theme: n })
   ] });
-}, 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 })
-  ] })
-] }), _e = _(({ onCTAClick: e }) => {
-  const { visibleAccounts: s } = ct(), { onEvent: i } = G(), { net_worth: n, common: a } = E(), { isInitialized: o } = q(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: g, selectedData: f } = R();
-  if (u.useEffect(() => {
-    c || l().finally();
-  }, []), nt({
-    widgetName: "NetWorthMicroWidget",
-    isLoaded: c
-  }), u.useEffect(() => {
-    c && i(v.NET_WORTH_LOAD_WIDGET, {
-      state: s?.length ? "default" : "zeroState"
-    });
-  }, [c]), !o || !c) return /* @__PURE__ */ t(ot, { height: 100 });
-  const W = () => {
-    i(
-      s.length ? v.NET_WORTH_CLICK_VIEW_DETAILS : v.NET_WORTH_CLICK_GET_STARTED
-    ), e();
-  };
-  return /* @__PURE__ */ t(
-    gt,
-    {
-      className: "mx-networth-microwidget",
-      ctaLabel: a.see_details,
-      onCTAClick: W,
-      title: n.net_worth,
-      children: g.accounts.length ? /* @__PURE__ */ t(
-        Ot,
-        {
-          amount: f?.y,
-          copy: n,
-          trendValue: f?.change
-        }
-      ) : /* @__PURE__ */ t(Ht, { copy: n })
-    }
-  );
-}), we = _(({ onBackClick: e, onMenuClick: s }) => {
+}, He = _(Oe), wt = _(({ onBackClick: t, onMenuClick: s }) => {
   const { isInitialized: i } = q(), { accounts: n, net_worth: a } = E(), {
     hoveredData: o,
     isNetWorthDataLoaded: c,
     loadNetWorthData: l,
     netWorthChartData: g,
     selectedData: f,
-    setTimeframe: W,
-    timeframe: S
-  } = R(), { isMobile: w } = Y(), { onEvent: y } = G(), [k, N] = u.useState(!1);
-  nt({
+    setTimeframe: S,
+    timeframe: W
+  } = R(), { isMobile: w } = ee(), { onEvent: y } = z(), [k, D] = u.useState(!1);
+  J({
     widgetName: "NetWorthWidget",
     isLoaded: c
   }), u.useEffect(() => {
     c || l().finally(), y(v.NET_WORTH_VIEW);
   }, []), u.useEffect(() => {
-    y(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: S + "M" });
-  }, [S]);
+    y(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: W + "M" });
+  }, [W]);
   const h = async (p) => {
     const C = p[0], T = p[1];
-    C && T && W(xt(T, C));
+    C && T && S(le(T, C));
   }, M = () => {
-    N(!0), y(v.ACCOUNTS_CLICK_CONNECT);
+    D(!0), y(v.ACCOUNTS_CLICK_CONNECT);
   };
-  if (!i || !c) return /* @__PURE__ */ t(ot, {});
+  if (!i || !c) return /* @__PURE__ */ e(Q, {});
   const $ = g.length === 0;
   return /* @__PURE__ */ r(
-    Ct,
+    Ce,
     {
       calendarActions: { onRangeChanged: h },
       dateRangeVariant: w ? "timeframetabs" : "timeframebuttons",
       onAccountsFilterClick: () => y(v.NET_WORTH_WIDGET_CLICK_FILTER),
-      onBackClick: e,
+      onBackClick: t,
       onMenuClick: s,
       title: a.net_worth,
       children: [
-        $ ? /* @__PURE__ */ t(tt, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ t(
-          bt,
+        $ ? /* @__PURE__ */ e(P, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
+          be,
           {
             header: a.empty_widget_header,
             icon: "elevation",
@@ -534,25 +533,25 @@ const _t = () => {
               }
             }
           }
-        ) }) : /* @__PURE__ */ r(D, { children: [
-          f && /* @__PURE__ */ t(At, { hoveredData: o, selectedData: f }),
+        ) }) : /* @__PURE__ */ r(N, { children: [
+          f && /* @__PURE__ */ e(He, { hoveredData: o, selectedData: f }),
           /* @__PURE__ */ r(
-            d,
+            m,
             {
               alignItems: w ? "center" : "flex-start",
               direction: w ? "column" : "row",
               spacing: w ? 0 : 48,
               children: [
-                /* @__PURE__ */ t(wt, {}),
-                /* @__PURE__ */ t(kt, {})
+                /* @__PURE__ */ e(Se, {}),
+                /* @__PURE__ */ e(Ae, {})
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ t(
-          yt,
+        /* @__PURE__ */ e(
+          de,
           {
-            onClose: () => N(!1),
+            onClose: () => D(!1),
             showConnectionsWidget: k,
             title: n.manage_connections
           }
@@ -562,10 +561,6 @@ const _t = () => {
   );
 });
 export {
-  wt as NetWorthChart,
-  kt as NetWorthList,
-  _e as NetWorthMicroWidget,
-  Se as NetWorthStore,
-  At as NetWorthSummary,
-  we as NetWorthWidget
+  _t as NetWorthMicroWidget,
+  wt as NetWorthWidget
 };