@mx-cartographer/experiences 7.3.0-alpha.sms1 → 7.3.1

package/dist/networth/index.es.js

@@ -1,63 +1,63 @@
-import { jsx as e, jsxs as r, Fragment as v } from "react/jsx-runtime";
-import { fromUnixTime as Se } from "date-fns/fromUnixTime";
+import { jsx as t, jsxs as r, Fragment as v } from "react/jsx-runtime";
+import { fromUnixTime as _t } from "date-fns/fromUnixTime";
 import { observer as w } from "mobx-react-lite";
 import { useTheme as z } from "@mui/material/styles";
+import { L as wt } from "../LineChart-eK4IQImU.mjs";
 import { u as Z } from "../useScreenSize-B6JyS_Lj.mjs";
-import { q as _e, u as T, d as J, g as Q, b as P, r as ee } from "../hooks-D6XlXHf4.mjs";
-import { f as we, D as be } from "../Dialog-CWW597AF.mjs";
-import { L as We } from "../LineChart-D4GI7nVh.mjs";
+import { q as bt, u as T, d as J, g as Q, b as P, r as tt, n as Wt } from "../hooks-Cy8JnjCg.mjs";
+import { f as vt, D as It } from "../Dialog-CWW597AF.mjs";
 import W from "@mui/material/Divider";
 import B from "@mui/material/List";
 import E from "@mui/material/ListSubheader";
 import h from "@mui/material/Stack";
-import { Text as m, Icon as H, H1 as ve, P as Ie } from "@mxenabled/mxui";
+import { Text as m, Icon as H, H1 as Tt, P as Lt } from "@mxenabled/mxui";
 import d from "react";
 import k from "@mui/material/ListItem";
-import te from "@mui/material/ListItemButton";
+import et from "@mui/material/ListItemButton";
 import _ from "@mui/material/ListItemText";
-import { i as ne } from "../DateUtil-BcuH7ErC.mjs";
+import { i as nt } from "../DateUtil-BcuH7ErC.mjs";
 import { C as y } from "../CurrencyText-kyC1aseI.mjs";
-import { Button as Te, Stack as Le } from "@mui/material";
-import { format as Ne, fromUnixTime as De, differenceInMonths as Ee } from "date-fns";
-import { g as K } from "../NetWorthStore-DCsTZpuS.mjs";
-import { N as Ot } from "../NetWorthStore-DCsTZpuS.mjs";
-import { Icon as oe } from "@mxenabled/mx-icons";
+import { Button as Nt, Stack as Dt } from "@mui/material";
+import { format as Et, fromUnixTime as kt, differenceInMonths as At } from "date-fns";
+import { g as K } from "../NetWorthStore-CxqIxAgN.mjs";
+import { N as Re } from "../NetWorthStore-CxqIxAgN.mjs";
+import { Icon as ot } from "@mxenabled/mx-icons";
 import { f as U } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { A as b, W as ke } from "../WidgetContainer-BHWANqT4.mjs";
+import { A as b, W as Mt } from "../WidgetContainer-BnTgAfQn.mjs";
 import { L as O } from "../Loader-DUaFpDGv.mjs";
-import { M as Ae } from "../MicroWidgetContainer-DpeqN9n3.mjs";
-import re from "@mui/material/Box";
-import { C as Me } from "../ConnectionsDrawer-ByGQE7D5.mjs";
-import He from "@mui/material/Collapse";
+import { M as Ht } from "../MicroWidgetContainer-CFdMGJKg.mjs";
+import rt from "@mui/material/Box";
+import { C as Bt } from "../ConnectionsDrawer-C6kanU7I.mjs";
+import Ot from "@mui/material/Collapse";
 import V from "@mui/material/ListItemIcon";
-import ie from "@mui/material/styles/useTheme";
-import { E as Be } from "../EmptyState-DA_lfRBv.mjs";
+import it from "@mui/material/styles/useTheme";
+import { E as zt } from "../EmptyState-DA_lfRBv.mjs";
 import { D as Y } from "../Drawer-kEE73B87.mjs";
-const Oe = ({
-  chartData: t,
+const Rt = ({
+  chartData: e,
   hoveredData: l,
   onDataClick: i,
   onMouseEnter: n,
   onMouseLeave: s,
   selectedData: o
 }) => {
-  const { isMobile: a } = Z(), { availableWidth: c } = _e(), u = z(), C = c - 320, x = t.map((f) => ({
-    x: we(Se(f.x), be.MONTH_SHORT),
+  const { isMobile: a } = Z(), { availableWidth: c } = bt(), u = z(), C = c - 320, x = e.map((f) => ({
+    x: vt(_t(f.x), It.MONTH_SHORT),
     y: f.y
-  })), g = o ? { index: t.findIndex((f) => f.x === o.x) } : void 0, S = l ? { index: t.findIndex((f) => f.x === l.x) } : void 0, p = (f) => ({
+  })), g = o ? { index: e.findIndex((f) => f.x === o.x) } : void 0, S = l ? { index: e.findIndex((f) => f.x === l.x) } : void 0, p = (f) => ({
     fill: f === g?.index ? u.palette.success.main : "",
     filter: f === S?.index ? `drop-shadow(0px 0px 10px ${u.palette.success.main})` : "none",
     stroke: u.palette.success.main
   });
-  return /* @__PURE__ */ e(
-    We,
+  return /* @__PURE__ */ t(
+    wt,
     {
       baseline: "min",
-      colors: [u.palette.success.main],
-      datasets: [x],
       chartFor: "networthChart",
       chartXaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(8px)" } },
       chartYaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(-8px)" } },
+      colors: [u.palette.success.main],
+      datasets: [x],
       height: 350,
       labels: [],
       margin: { right: 20, left: 100 },
@@ -69,8 +69,8 @@ const Oe = ({
       width: a ? 320 : C
     }
   );
-}, ze = w(Oe), Re = ({
-  item: t,
+}, jt = w(Rt), $t = ({
+  item: e,
   getStyles: l,
   isHovered: i = !1,
   isSelected: n = !1,
@@ -82,9 +82,9 @@ const Oe = ({
     color: ""
   });
   return d.useEffect(() => {
-    u(l(t));
+    u(l(e));
   }, [i, n]), /* @__PURE__ */ r(d.Fragment, { children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       k,
       {
         sx: {
@@ -92,19 +92,19 @@ const Oe = ({
           minHeight: 44,
           "&:hover": { color: n ? "inherit" : c.color }
         },
-        children: /* @__PURE__ */ e(
-          te,
+        children: /* @__PURE__ */ t(
+          et,
           {
-            onClick: (C) => s?.(C, t.x),
-            onMouseEnter: () => o(t.x),
+            onClick: (C) => s?.(C, e.x),
+            onMouseEnter: () => o(e.x),
             onMouseLeave: () => a(),
             sx: { minHeight: 20, padding: 12 },
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ t(
               _,
               {
                 primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-                  /* @__PURE__ */ e(m, { variant: "Body", children: ne(t.x) }),
-                  /* @__PURE__ */ e(y, { amount: t.y, sx: { color: "inherit" }, variant: "Body" })
+                  /* @__PURE__ */ t(m, { variant: "Body", children: nt(e.x) }),
+                  /* @__PURE__ */ t(y, { amount: e.y, sx: { color: "inherit" }, variant: "Body" })
                 ] })
               }
             )
@@ -112,10 +112,10 @@ const Oe = ({
         )
       }
     ),
-    /* @__PURE__ */ e(W, {})
-  ] }, t.x);
-}, je = w(Re), $e = ({
-  chartData: t,
+    /* @__PURE__ */ t(W, {})
+  ] }, e.x);
+}, Gt = w($t), Xt = ({
+  chartData: e,
   hoveredData: l,
   onDataClick: i,
   onButtonClick: n,
@@ -133,10 +133,10 @@ const Oe = ({
   };
   return /* @__PURE__ */ r(h, { direction: "column", sx: { width: 320 }, children: [
     /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ e(E, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ e(m, { bold: !0, component: "h2", variant: "Body", children: c.monthly_totals }) }),
-      /* @__PURE__ */ e(W, {}),
-      t.map((x, g) => /* @__PURE__ */ e(
-        je,
+      /* @__PURE__ */ t(E, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ t(m, { bold: !0, component: "h2", variant: "Body", children: c.monthly_totals }) }),
+      /* @__PURE__ */ t(W, {}),
+      e.map((x, g) => /* @__PURE__ */ t(
+        Gt,
         {
           getStyles: C,
           isHovered: x.x === l?.x,
@@ -149,8 +149,8 @@ const Oe = ({
         x.x
       ))
     ] }),
-    /* @__PURE__ */ e(
-      Te,
+    /* @__PURE__ */ t(
+      Nt,
       {
         onClick: () => n(),
         sx: { alignSelf: "center", marginTop: 16, width: "fit-content" },
@@ -159,16 +159,16 @@ const Oe = ({
       }
     )
   ] });
-}, Ge = w($e), Xe = ({
-  currencyLabel: t,
+}, Ft = w(Xt), Kt = ({
+  currencyLabel: e,
   currencyVariant: l = "Small",
   iconSize: i,
   netWorth: n,
   theme: s
 }) => {
   let o = s.palette.secondary.main, a = s.palette.secondary.main, c = "trending_flat";
-  return n.change < 0 ? c = "trending_down" : n.change > 0 && (o = s.palette.success.main, a = s.palette.success.main, c = "trending_up"), /* @__PURE__ */ r(Le, { alignItems: "center", direction: "row", spacing: 4, children: [
-    /* @__PURE__ */ e(
+  return n.change < 0 ? c = "trending_down" : n.change > 0 && (o = s.palette.success.main, a = s.palette.success.main, c = "trending_up"), /* @__PURE__ */ r(Dt, { alignItems: "center", direction: "row", spacing: 4, children: [
+    /* @__PURE__ */ t(
       H,
       {
         name: c,
@@ -178,85 +178,85 @@ const Oe = ({
         }
       }
     ),
-    /* @__PURE__ */ e(y, { amount: n.change, color: a, variant: l }),
-    /* @__PURE__ */ e(m, { variant: "Small", children: t })
+    /* @__PURE__ */ t(y, { amount: n.change, color: a, variant: l }),
+    /* @__PURE__ */ t(m, { variant: "Small", children: e })
   ] });
-}, R = w(Xe), Fe = ({ hoveredData: t, selectedData: l }) => {
-  const { net_worth: i } = T(), n = z(), s = t || l, o = Ne(De(s.x), "MMMM");
+}, R = w(Kt), Ut = ({ hoveredData: e, selectedData: l }) => {
+  const { net_worth: i } = T(), n = z(), s = e || l, o = Et(kt(s.x), "MMMM");
   return /* @__PURE__ */ r(h, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(m, { color: n.palette.secondary.main, variant: "Small", children: `${o} ${i.net_worth}` }),
-    /* @__PURE__ */ e(y, { amount: s.y, variant: "H2" }),
-    /* @__PURE__ */ e(R, { currencyLabel: i.this_month, netWorth: s, theme: n })
+    /* @__PURE__ */ t(m, { color: n.palette.secondary.main, variant: "Small", children: `${o} ${i.net_worth}` }),
+    /* @__PURE__ */ t(y, { amount: s.y, variant: "H2" }),
+    /* @__PURE__ */ t(R, { currencyLabel: i.this_month, netWorth: s, theme: n })
   ] });
-}, Ke = w(Fe), Ue = ({ amount: t, copy: l, trendValue: i }) => {
+}, Vt = w(Ut), Yt = ({ amount: e, copy: l, trendValue: i }) => {
   const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";
   return /* @__PURE__ */ r(h, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(ve, { children: U(t, "0,0") }),
-    t !== 0 && /* @__PURE__ */ r(h, { sx: { color: n ? "success.main" : "text.secondary" }, children: [
+    /* @__PURE__ */ t(Tt, { children: U(e, "0,0") }),
+    e !== 0 && /* @__PURE__ */ r(h, { sx: { color: n ? "success.main" : "text.secondary" }, children: [
       /* @__PURE__ */ r(h, { sx: { flexDirection: "row", gap: 8 }, children: [
-        /* @__PURE__ */ e(oe, { name: o, size: 20 }),
-        /* @__PURE__ */ e(m, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: U(i, "0,0.00") })
+        /* @__PURE__ */ t(ot, { name: o, size: 20 }),
+        /* @__PURE__ */ t(m, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: U(i, "0,0.00") })
       ] }),
-      /* @__PURE__ */ e(m, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: l.this_month })
+      /* @__PURE__ */ t(m, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: l.this_month })
     ] })
   ] });
-}, Ve = ({ copy: t }) => /* @__PURE__ */ r(h, { sx: { flexDirection: "row", gap: 12 }, children: [
-  /* @__PURE__ */ e(oe, { name: "elevation", size: 32, sx: { color: "text.primary" } }),
+}, qt = ({ copy: e }) => /* @__PURE__ */ r(h, { sx: { flexDirection: "row", gap: 12 }, children: [
+  /* @__PURE__ */ t(ot, { name: "elevation", size: 32, sx: { color: "text.primary" } }),
   /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ e(m, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: t.empty_widget_header }),
-    /* @__PURE__ */ e(Ie, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
+    /* @__PURE__ */ t(m, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: e.empty_widget_header }),
+    /* @__PURE__ */ t(Lt, { sx: { color: "text.secondary" }, variant: "body2", children: e.zero_state_description })
   ] })
-] }), At = w(({ onCTAClick: t }) => {
-  const [l, i] = d.useState(!1), { visibleAccounts: n } = J(), { onEvent: s } = Q(), { net_worth: o, common: a } = T(), { isInitialized: c, selectedAccounts: u, setSelectedAccounts: C } = P(), { loadChartData: x, loadNetWorthData: g, netWorthData: S, selectedData: p } = ee(), f = async () => {
+] }), He = w(({ onCTAClick: e }) => {
+  const [l, i] = d.useState(!1), { visibleAccounts: n } = J(), { onEvent: s } = Q(), { net_worth: o, common: a } = T(), { isInitialized: c, selectedAccounts: u, setSelectedAccounts: C } = P(), { loadChartData: x, loadNetWorthData: g, netWorthData: S, selectedData: p } = tt(), f = async () => {
     await g(u), await x(1), i(!0);
   };
   if (d.useEffect(() => C(n), [n]), d.useEffect(() => {
     c && f().finally(), s(b.NET_WORTH_LOAD_WIDGET, {
       state: n?.length ? "default" : "zeroState"
     });
-  }, [c]), !l) return /* @__PURE__ */ e(O, { height: 100 });
+  }, [c]), !l) return /* @__PURE__ */ t(O, { height: 100 });
   const L = () => {
     s(
       n.length ? b.NET_WORTH_CLICK_VIEW_DETAILS : b.NET_WORTH_CLICK_GET_STARTED
-    ), t();
+    ), e();
   };
-  return /* @__PURE__ */ e(
-    Ae,
+  return /* @__PURE__ */ t(
+    Ht,
     {
       className: "mx-networth-microwidget",
       ctaLabel: a.see_details,
       onCTAClick: L,
       title: o.net_worth,
-      children: S.accounts.length ? /* @__PURE__ */ e(
-        Ue,
+      children: S.accounts.length ? /* @__PURE__ */ t(
+        Yt,
         {
           amount: p?.y,
           copy: o,
           trendValue: p?.change
         }
-      ) : /* @__PURE__ */ e(Ve, { copy: o })
+      ) : /* @__PURE__ */ t(qt, { copy: o })
     }
   );
-}), Ye = ({ accounts: t, name: l, icon: i }) => {
+}), Zt = ({ accounts: e, name: l, icon: i }) => {
   const [n, s] = d.useState(!1);
   return /* @__PURE__ */ r(v, { children: [
-    /* @__PURE__ */ e(k, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(te, { onClick: () => s(!n), children: [
-      i && /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(H, { name: i, size: 24, sx: { mr: 12 } }) }),
-      /* @__PURE__ */ e(
+    /* @__PURE__ */ t(k, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(et, { onClick: () => s(!n), children: [
+      i && /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(H, { name: i, size: 24, sx: { mr: 12 } }) }),
+      /* @__PURE__ */ t(
         _,
         {
-          primary: /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "Body", children: l })
+          primary: /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "Body", children: l })
         }
       ),
-      /* @__PURE__ */ e(V, { children: n ? /* @__PURE__ */ e(H, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(H, { name: "expand_more", size: 24 }) })
+      /* @__PURE__ */ t(V, { children: n ? /* @__PURE__ */ t(H, { name: "expand_less", size: 24 }) : /* @__PURE__ */ t(H, { name: "expand_more", size: 24 }) })
     ] }) }),
-    /* @__PURE__ */ e(W, {}),
-    /* @__PURE__ */ e(He, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, a) => /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ e(k, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
+    /* @__PURE__ */ t(W, {}),
+    /* @__PURE__ */ t(Ot, { in: n, timeout: "auto", unmountOnExit: !0, children: e.map((o, a) => /* @__PURE__ */ r(B, { children: [
+      /* @__PURE__ */ t(k, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               m,
               {
                 sx: {
@@ -266,7 +266,7 @@ const Oe = ({
                 children: o.accountName
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               y,
               {
                 amount: o.balance,
@@ -280,20 +280,20 @@ const Oe = ({
           sx: { pl: 72, pr: 16 }
         }
       ) }),
-      a < t.length - 1 ? /* @__PURE__ */ e(W, { variant: "inset" }) : /* @__PURE__ */ e(W, {})
+      a < e.length - 1 ? /* @__PURE__ */ t(W, { variant: "inset" }) : /* @__PURE__ */ t(W, {})
     ] }, o.accountName)) })
   ] });
-}, q = ({ groupedAccounts: t }) => /* @__PURE__ */ e(v, { children: t.map(({ accounts: l, icon: i, name: n }) => /* @__PURE__ */ e(Ye, { accounts: l, icon: i, name: n }, n)) }), qe = ({
-  netWorth: t,
+}, q = ({ groupedAccounts: e }) => /* @__PURE__ */ t(v, { children: e.map(({ accounts: l, icon: i, name: n }) => /* @__PURE__ */ t(Zt, { accounts: l, icon: i, name: n }, n)) }), Jt = ({
+  netWorth: e,
   assets: l,
   liabilities: i,
   totalAssets: n,
   totalLiabilities: s
 }) => {
-  const { net_worth: o } = T(), a = ie();
+  const { net_worth: o } = T(), a = it();
   return /* @__PURE__ */ r(v, { children: [
     /* @__PURE__ */ r(
-      re,
+      rt,
       {
         sx: {
           alignItems: "center",
@@ -304,14 +304,14 @@ const Oe = ({
           marginBottom: 8
         },
         children: [
-          /* @__PURE__ */ e(m, { variant: "Body", children: o.current_net_worth }),
-          /* @__PURE__ */ e(y, { amount: t?.y ?? 0, variant: "H1" }),
-          t && /* @__PURE__ */ e(
+          /* @__PURE__ */ t(m, { variant: "Body", children: o.current_net_worth }),
+          /* @__PURE__ */ t(y, { amount: e?.y ?? 0, variant: "H1" }),
+          e && /* @__PURE__ */ t(
             R,
             {
               currencyLabel: o.this_month,
               iconSize: 20,
-              netWorth: t,
+              netWorth: e,
               theme: a
             }
           )
@@ -319,59 +319,59 @@ const Oe = ({
       }
     ),
     /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ e(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.assets }),
-            /* @__PURE__ */ e(y, { amount: n, sx: { fontWeight: 400 }, variant: "XSmall" })
+            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.assets }),
+            /* @__PURE__ */ t(y, { amount: n, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(q, { groupedAccounts: K(l) }),
-      /* @__PURE__ */ e(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t(q, { groupedAccounts: K(l) }),
+      /* @__PURE__ */ t(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.liabilities }),
-            /* @__PURE__ */ e(y, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
+            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.liabilities }),
+            /* @__PURE__ */ t(y, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(q, { groupedAccounts: K(i) })
+      /* @__PURE__ */ t(q, { groupedAccounts: K(i) })
     ] })
   ] });
-}, Ze = w(qe), Je = ({
-  netWorth: t,
+}, Qt = w(Jt), Pt = ({
+  netWorth: e,
   gains: l,
   losses: i,
   totalGains: n,
   totalLosses: s
 }) => {
-  const { net_worth: o } = T(), a = ie();
+  const { net_worth: o } = T(), a = it();
   return /* @__PURE__ */ r(v, { children: [
     /* @__PURE__ */ r(h, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
-      /* @__PURE__ */ e(m, { variant: "Small", children: ne(t?.x) }),
-      /* @__PURE__ */ e(m, { variant: "Body", children: o.total_change }),
-      t && /* @__PURE__ */ e(R, { currencyVariant: "H1", iconSize: 32, netWorth: t, theme: a })
+      /* @__PURE__ */ t(m, { variant: "Small", children: nt(e?.x) }),
+      /* @__PURE__ */ t(m, { variant: "Body", children: o.total_change }),
+      e && /* @__PURE__ */ t(R, { currencyVariant: "H1", iconSize: 32, netWorth: e, theme: a })
     ] }),
     /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ e(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.gains }),
-            /* @__PURE__ */ e(y, { amount: n, sx: { fontWeight: 400 }, variant: "XSmall" })
+            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.gains }),
+            /* @__PURE__ */ t(y, { amount: n, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
         }
       ) }),
       l?.map((c) => /* @__PURE__ */ r(d.Fragment, { children: [
-        /* @__PURE__ */ e(k, { sx: { backgroundColor: a.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ t(k, { sx: { backgroundColor: a.palette.background.paper, py: 14 }, children: /* @__PURE__ */ t(
           _,
           {
             primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(m, { sx: { mr: 10 }, variant: "Body", children: c.accountName }),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(m, { sx: { mr: 10 }, variant: "Body", children: c.accountName }),
+              /* @__PURE__ */ t(
                 y,
                 {
                   amount: c.gain,
@@ -383,27 +383,27 @@ const Oe = ({
             sx: { px: 16 }
           }
         ) }),
-        /* @__PURE__ */ e(W, {})
+        /* @__PURE__ */ t(W, {})
       ] }, c.accountName)),
-      /* @__PURE__ */ e(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.losses }),
-            /* @__PURE__ */ e(y, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
+            /* @__PURE__ */ t(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.losses }),
+            /* @__PURE__ */ t(y, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
         }
       ) }),
       i?.map((c) => /* @__PURE__ */ r(v, { children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           k,
           {
             sx: { backgroundColor: a.palette.background.paper, py: 14 },
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ t(
               _,
               {
                 primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
-                  /* @__PURE__ */ e(
+                  /* @__PURE__ */ t(
                     m,
                     {
                       sx: {
@@ -413,7 +413,7 @@ const Oe = ({
                       children: c.accountName
                     }
                   ),
-                  /* @__PURE__ */ e(
+                  /* @__PURE__ */ t(
                     y,
                     {
                       amount: c.loss,
@@ -428,11 +428,11 @@ const Oe = ({
           },
           c.accountName
         ),
-        /* @__PURE__ */ e(W, {})
+        /* @__PURE__ */ t(W, {})
       ] }))
     ] })
   ] });
-}, Qe = w(Je), Mt = w(({ onBackClick: t }) => {
+}, te = w(Pt), Be = w(({ onBackClick: e }) => {
   const { isCopyLoaded: l, isInitialized: i, selectedAccounts: n, setSelectedAccounts: s } = P(), { accounts: o, net_worth: a } = T(), { visibleAccounts: c } = J(), {
     assetsLiabilities: u,
     gainsLosses: C,
@@ -442,51 +442,53 @@ const Oe = ({
     netWorthChartData: p,
     selectedData: f,
     setHoveredData: L,
-    setSelectedData: ae
-  } = ee(), { isMobile: N } = Z(), { onEvent: D } = Q(), [se, ce] = d.useState(!1), [A, le] = d.useState(6), [me, j] = d.useState(!1), [de, $] = d.useState(!1), [he, G] = d.useState(!1), ue = async () => {
-    await S(n), await g(A), ce(!0);
+    setSelectedData: at
+  } = tt(), { isMobile: N } = Z(), { onEvent: D } = Q(), { onLoad: st } = Wt(), [ct, lt] = d.useState(!1), [A, mt] = d.useState(6), [dt, j] = d.useState(!1), [ht, $] = d.useState(!1), [ut, G] = d.useState(!1), pt = async () => {
+    await S(n), await g(A), lt(!0);
   };
   d.useEffect(() => {
     D(b.NET_WORTH_VIEW);
   }, []), d.useEffect(() => {
     s(c);
   }, [c]), d.useEffect(() => {
-    i && ue().finally();
+    i && pt().finally(() => {
+      st?.("NetWorthWidget");
+    });
   }, [i, n]), d.useEffect(() => {
     D(b.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: A + "M" }), g(A).finally();
   }, [A]);
-  const pe = (I, M) => {
-    ae(M), I.currentTarget instanceof HTMLDivElement && j(!0);
-  }, fe = (I) => {
+  const ft = (I, M) => {
+    at(M), I.currentTarget instanceof HTMLDivElement && j(!0);
+  }, xt = (I) => {
     L(I);
-  }, xe = () => {
+  }, gt = () => {
     L(null);
-  }, ge = () => {
+  }, yt = () => {
     D(b.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), $(!0);
-  }, ye = async (I) => {
+  }, Ct = async (I) => {
     const M = I[0], F = I[1];
-    M && F && le(Ee(F, M));
+    M && F && mt(At(F, M));
   }, X = {
     chartData: p,
     hoveredData: x,
-    onButtonClick: ge,
-    onDataClick: pe,
-    onMouseEnter: fe,
-    onMouseLeave: xe,
+    onButtonClick: yt,
+    onDataClick: ft,
+    onMouseEnter: xt,
+    onMouseLeave: gt,
     selectedData: f
-  }, Ce = () => {
+  }, St = () => {
     G(!0), D(b.ACCOUNTS_CLICK_CONNECT);
   };
-  return l ? /* @__PURE__ */ e(
-    ke,
+  return l ? /* @__PURE__ */ t(
+    Mt,
     {
       accountOptions: c,
       calendarActions: {
-        onRangeChanged: ye
+        onRangeChanged: Ct
       },
       dateRangeVariant: N ? "timeframetabs" : "timeframebuttons",
       onAccountsFilterClick: () => D(b.NET_WORTH_WIDGET_CLICK_FILTER),
-      onBackClick: t,
+      onBackClick: e,
       showDividerAboveDateSelector: !1,
       sx: {
         p: N ? 0 : 48,
@@ -502,9 +504,9 @@ const Oe = ({
         }
       },
       title: a.net_worth,
-      children: se ? /* @__PURE__ */ r(v, { children: [
+      children: ct ? /* @__PURE__ */ r(v, { children: [
         p.length ? /* @__PURE__ */ r(v, { children: [
-          f && /* @__PURE__ */ e(Ke, { hoveredData: x, selectedData: f }),
+          f && /* @__PURE__ */ t(Vt, { hoveredData: x, selectedData: f }),
           /* @__PURE__ */ r(
             h,
             {
@@ -512,17 +514,17 @@ const Oe = ({
               direction: N ? "column" : "row",
               spacing: N ? 0 : 48,
               children: [
-                /* @__PURE__ */ e(ze, { ...X }),
-                /* @__PURE__ */ e(Ge, { ...X })
+                /* @__PURE__ */ t(jt, { ...X }),
+                /* @__PURE__ */ t(Ft, { ...X })
               ]
             }
           )
-        ] }) : /* @__PURE__ */ e(re, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
-          Be,
+        ] }) : /* @__PURE__ */ t(rt, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ t(
+          zt,
           {
             header: a.empty_widget_header,
             icon: "elevation",
-            onClick: Ce,
+            onClick: St,
             primaryButton: a.empty_widget_button,
             subText: a.empty_widget_description,
             sx: {
@@ -533,47 +535,47 @@ const Oe = ({
             }
           }
         ) }),
-        /* @__PURE__ */ e(
-          Me,
+        /* @__PURE__ */ t(
+          Bt,
           {
             onClose: () => G(!1),
-            showConnectionsWidget: he,
+            showConnectionsWidget: ut,
             title: o.manage_connections
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           Y,
           {
             ariaLabelClose: "Close",
-            isOpen: me,
+            isOpen: dt,
             onClose: () => j(!1),
             shouldShowHeaderBorders: !1,
             shouldShowHeaderShadow: !0,
             title: a.gains_and_losses,
-            children: C && /* @__PURE__ */ e(Qe, { ...C })
+            children: C && /* @__PURE__ */ t(te, { ...C })
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           Y,
           {
             ariaLabelClose: "Close",
-            isOpen: de,
+            isOpen: ht,
             onClose: () => $(!1),
             shouldShowHeaderBorders: !1,
             shouldShowHeaderShadow: !0,
             title: a.assets_and_liabilities,
-            children: u && /* @__PURE__ */ e(Ze, { ...u })
+            children: u && /* @__PURE__ */ t(Qt, { ...u })
           }
         )
-      ] }) : /* @__PURE__ */ e(O, {})
+      ] }) : /* @__PURE__ */ t(O, {})
     }
-  ) : /* @__PURE__ */ e(O, {});
+  ) : /* @__PURE__ */ t(O, {});
 });
 export {
-  ze as NetWorthChart,
-  Ge as NetWorthList,
-  At as NetWorthMicroWidget,
-  Ot as NetWorthStore,
-  Ke as NetWorthSummary,
-  Mt as NetWorthWidget
+  jt as NetWorthChart,
+  Ft as NetWorthList,
+  He as NetWorthMicroWidget,
+  Re as NetWorthStore,
+  Vt as NetWorthSummary,
+  Be as NetWorthWidget
 };