@mx-cartographer/experiences 6.26.18-alpha.mega2 → 6.26.18-alpha.mega3

package/dist/networth/NetWorthWidget/index.es.js

@@ -0,0 +1,159 @@
+import { jsx as e, jsxs as m, Fragment as W } from "react/jsx-runtime";
+import t from "react";
+import { differenceInMonths as Y } from "date-fns";
+import { observer as q } from "mobx-react-lite";
+import J from "@mui/material/Box";
+import Q from "@mui/material/Stack";
+import X from "../../accounts/components/ConnectionsDrawer/index.es.js";
+import Z from "../components/AssetsLiabilitiesDetail/index.es.js";
+import $ from "../components/GainsLossesDetail/index.es.js";
+import ee from "../components/NetWorthChart/index.es.js";
+import te from "../components/NetWorthList/index.es.js";
+import oe from "../components/NetWorthSummary/index.es.js";
+import { useGlobalUiStore as se, useGlobalCopyStore as ie, useAccountStore as ae, useNetWorthStore as re, useEvent as ne } from "../../common/context/hooks/index.es.js";
+import { useScreenSize as le } from "../../common/hooks/useScreenSize/index.es.js";
+import { ANALYTICS_EVENTS as r } from "../../common/constants/Analytics/index.es.js";
+import L from "../../common/components/Loader/index.es.js";
+import ce from "../../common/components/WidgetContainer/index.es.js";
+import { EmptyState as de } from "../../common/components/EmptyState/index.es.js";
+import b from "../../common/components/drawer/Drawer/index.es.js";
+const Ne = q(({ onBackClick: A }) => {
+  const { isCopyLoaded: y, isInitialized: u, selectedAccounts: f, setSelectedAccounts: N } = se(), { accounts: M, net_worth: o } = ie(), { visibleAccounts: c } = ae(), {
+    assetsLiabilities: h,
+    gainsLosses: p,
+    hoveredData: C,
+    loadChartData: _,
+    loadNetWorthData: O,
+    netWorthChartData: S,
+    selectedData: d,
+    setHoveredData: w,
+    setSelectedData: v
+  } = re(), { isMobile: i } = le(), { onEvent: a } = ne(), [x, H] = t.useState(!1), [n, R] = t.useState(6), [G, D] = t.useState(!1), [k, E] = t.useState(!1), [B, I] = t.useState(!1), z = async () => {
+    await O(f), await _(n), H(!0);
+  };
+  t.useEffect(() => {
+    a(r.NET_WORTH_VIEW);
+  }, []), t.useEffect(() => {
+    N(c);
+  }, [c]), t.useEffect(() => {
+    u && z().finally();
+  }, [u, f]), t.useEffect(() => {
+    a(r.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: n + "M" }), _(n).finally();
+  }, [n]);
+  const F = (s, l) => {
+    v(l), s.currentTarget instanceof HTMLDivElement && D(!0);
+  }, K = (s) => {
+    w(s);
+  }, V = () => {
+    w(null);
+  }, j = () => {
+    a(r.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), E(!0);
+  }, U = async (s) => {
+    const l = s[0], g = s[1];
+    l && g && R(Y(g, l));
+  }, T = {
+    chartData: S,
+    hoveredData: C,
+    onButtonClick: j,
+    onDataClick: F,
+    onMouseEnter: K,
+    onMouseLeave: V,
+    selectedData: d
+  }, P = () => {
+    I(!0), a(r.ACCOUNTS_CLICK_CONNECT);
+  };
+  return y ? /* @__PURE__ */ e(
+    ce,
+    {
+      accountOptions: c,
+      calendarActions: {
+        onRangeChanged: U
+      },
+      dateRangeVariant: i ? "timeframetabs" : "timeframebuttons",
+      onAccountsFilterClick: () => a(r.NET_WORTH_WIDGET_CLICK_FILTER),
+      onBackClick: A,
+      showDividerAboveDateSelector: !1,
+      sx: {
+        p: i ? 0 : 48,
+        "& .MuiCardHeader-root": {
+          px: 16,
+          py: 12
+        },
+        "& .MuiBox-root": {
+          m: 0
+        },
+        "& .MuiTabs-root": {
+          width: "100%"
+        }
+      },
+      title: o.net_worth,
+      children: x ? /* @__PURE__ */ m(W, { children: [
+        S.length ? /* @__PURE__ */ m(W, { children: [
+          d && /* @__PURE__ */ e(oe, { hoveredData: C, selectedData: d }),
+          /* @__PURE__ */ m(
+            Q,
+            {
+              alignItems: i ? "center" : "flex-start",
+              direction: i ? "column" : "row",
+              spacing: i ? 0 : 48,
+              children: [
+                /* @__PURE__ */ e(ee, { ...T }),
+                /* @__PURE__ */ e(te, { ...T })
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ e(J, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
+          de,
+          {
+            header: o.empty_widget_header,
+            icon: "elevation",
+            onClick: P,
+            primaryButton: o.empty_widget_button,
+            subText: o.empty_widget_description,
+            sx: {
+              width: { sm: 432 },
+              ".buttons-footer": {
+                width: 167
+              }
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          X,
+          {
+            onClose: () => I(!1),
+            showConnectionsWidget: B,
+            title: M.manage_connections
+          }
+        ),
+        /* @__PURE__ */ e(
+          b,
+          {
+            ariaLabelClose: "Close",
+            isOpen: G,
+            onClose: () => D(!1),
+            shouldShowHeaderBorders: !1,
+            shouldShowHeaderShadow: !0,
+            title: o.gains_and_losses,
+            children: p && /* @__PURE__ */ e($, { ...p })
+          }
+        ),
+        /* @__PURE__ */ e(
+          b,
+          {
+            ariaLabelClose: "Close",
+            isOpen: k,
+            onClose: () => E(!1),
+            shouldShowHeaderBorders: !1,
+            shouldShowHeaderShadow: !0,
+            title: o.assets_and_liabilities,
+            children: h && /* @__PURE__ */ e(Z, { ...h })
+          }
+        )
+      ] }) : /* @__PURE__ */ e(L, {})
+    }
+  ) : /* @__PURE__ */ e(L, {});
+});
+export {
+  Ne as NetWorthWidget
+};

package/dist/networth/components/AssetsLiabilitiesDetail/index.es.js

@@ -0,0 +1,109 @@
+import { jsxs as r, Fragment as f, jsx as t } from "react/jsx-runtime";
+import { observer as L } from "mobx-react-lite";
+import S from "react";
+import w from "@mui/material/Box";
+import I from "@mui/material/Collapse";
+import d from "@mui/material/Divider";
+import C from "@mui/material/List";
+import x from "@mui/material/ListItem";
+import j from "@mui/material/ListItemButton";
+import y from "@mui/material/ListItemIcon";
+import l from "@mui/material/ListItemText";
+import g from "@mui/material/ListSubheader";
+import u from "@mui/material/Stack";
+import B from "@mui/material/styles/useTheme";
+import { Text as a, Icon as h } from "@mxenabled/mxui";
+import _ from "../NetWorthChange/index.es.js";
+import { groupAccounts as b } from "../../utils/NetWorthUtils/index.es.js";
+import { useGlobalCopyStore as A } from "../../../common/context/hooks/index.es.js";
+import { CurrencyText as s } from "../../../common/components/CurrencyText/index.es.js";
+const T = ({ accounts: i, name: m, icon: n }) => {
+  const [o, c] = S.useState(!1);
+  return /* @__PURE__ */ r(f, { children: [
+    /* @__PURE__ */ t(x, { sx: (e) => ({ backgroundColor: e.palette.background.paper }), children: /* @__PURE__ */ r(j, { onClick: () => c(!o), children: [
+      n && /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(h, { name: n, size: 24, sx: { mr: 12 } }) }),
+      /* @__PURE__ */ t(
+        l,
+        {
+          primary: /* @__PURE__ */ t(a, { sx: { fontWeight: 700 }, variant: "Body", children: m })
+        }
+      ),
+      /* @__PURE__ */ t(y, { children: o ? /* @__PURE__ */ t(h, { name: "expand_less", size: 24 }) : /* @__PURE__ */ t(h, { name: "expand_more", size: 24 }) })
+    ] }) }),
+    /* @__PURE__ */ t(d, {}),
+    /* @__PURE__ */ t(I, { in: o, timeout: "auto", unmountOnExit: !0, children: i.map((e, p) => /* @__PURE__ */ r(C, { children: [
+      /* @__PURE__ */ t(x, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ t(
+        l,
+        {
+          primary: /* @__PURE__ */ r(u, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+            /* @__PURE__ */ t(a, { variant: "Body", children: e.accountName }),
+            /* @__PURE__ */ t(s, { amount: e.balance, variant: "Small" })
+          ] }),
+          sx: { pl: 72, pr: 16 }
+        }
+      ) }),
+      p < i.length - 1 ? /* @__PURE__ */ t(d, { variant: "inset" }) : /* @__PURE__ */ t(d, {})
+    ] }, e.accountName)) })
+  ] });
+}, v = ({ groupedAccounts: i }) => /* @__PURE__ */ t(f, { children: i.map(({ accounts: m, icon: n, name: o }) => /* @__PURE__ */ t(T, { accounts: m, icon: n, name: o }, o)) }), W = ({
+  netWorth: i,
+  assets: m,
+  liabilities: n,
+  totalAssets: o,
+  totalLiabilities: c
+}) => {
+  const { net_worth: e } = A(), p = B();
+  return /* @__PURE__ */ r(f, { children: [
+    /* @__PURE__ */ r(
+      w,
+      {
+        sx: {
+          alignItems: "center",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "space-between",
+          paddingTop: 24,
+          marginBottom: 8
+        },
+        children: [
+          /* @__PURE__ */ t(a, { variant: "Body", children: e.current_net_worth }),
+          /* @__PURE__ */ t(s, { amount: i?.y ?? 0, variant: "H1" }),
+          i && /* @__PURE__ */ t(
+            _,
+            {
+              currencyLabel: e.this_month,
+              iconSize: 20,
+              netWorth: i,
+              theme: p
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(C, { children: [
+      /* @__PURE__ */ t(g, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+        l,
+        {
+          primary: /* @__PURE__ */ r(u, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(a, { sx: { fontWeight: 700 }, variant: "XSmall", children: e.assets }),
+            /* @__PURE__ */ t(s, { amount: o, sx: { fontWeight: 400 }, variant: "XSmall" })
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ t(v, { groupedAccounts: b(m) }),
+      /* @__PURE__ */ t(g, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+        l,
+        {
+          primary: /* @__PURE__ */ r(u, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(a, { sx: { fontWeight: 700 }, variant: "XSmall", children: e.liabilities }),
+            /* @__PURE__ */ t(s, { amount: c, sx: { fontWeight: 400 }, variant: "XSmall" })
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ t(v, { groupedAccounts: b(n) })
+    ] })
+  ] });
+}, V = L(W);
+export {
+  V as default
+};

package/dist/networth/components/GainsLossesDetail/index.es.js

@@ -0,0 +1,94 @@
+import { jsxs as e, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { observer as g } from "mobx-react-lite";
+import b from "react";
+import p from "@mui/material/Divider";
+import v from "@mui/material/List";
+import d from "@mui/material/ListItem";
+import a from "@mui/material/ListItemText";
+import h from "@mui/material/ListSubheader";
+import n from "@mui/material/Stack";
+import w from "@mui/material/styles/useTheme";
+import { Text as o } from "@mxenabled/mxui";
+import C from "../NetWorthChange/index.es.js";
+import { useGlobalCopyStore as S } from "../../../common/context/hooks/index.es.js";
+import { fromTimestampToMonthYear as j } from "../../../common/utils/DateUtil/index.es.js";
+import { CurrencyText as m } from "../../../common/components/CurrencyText/index.es.js";
+const W = ({
+  netWorth: c,
+  gains: f,
+  losses: u,
+  totalGains: x,
+  totalLosses: y
+}) => {
+  const { net_worth: s } = S(), i = w();
+  return /* @__PURE__ */ e(l, { children: [
+    /* @__PURE__ */ e(n, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
+      /* @__PURE__ */ t(o, { variant: "Small", children: j(c?.x) }),
+      /* @__PURE__ */ t(o, { variant: "Body", children: s.total_change }),
+      c && /* @__PURE__ */ t(C, { currencyVariant: "H1", iconSize: 32, netWorth: c, theme: i })
+    ] }),
+    /* @__PURE__ */ e(v, { children: [
+      /* @__PURE__ */ t(h, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+        a,
+        {
+          primary: /* @__PURE__ */ e(n, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(o, { sx: { fontWeight: 700 }, variant: "XSmall", children: s.gains }),
+            /* @__PURE__ */ t(m, { amount: x, sx: { fontWeight: 400 }, variant: "XSmall" })
+          ] })
+        }
+      ) }),
+      f?.map((r) => /* @__PURE__ */ e(b.Fragment, { children: [
+        /* @__PURE__ */ t(d, { sx: { backgroundColor: i.palette.background.paper, py: 14 }, children: /* @__PURE__ */ t(
+          a,
+          {
+            primary: /* @__PURE__ */ e(n, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+              /* @__PURE__ */ t(o, { variant: "Body", children: r.accountName }),
+              /* @__PURE__ */ t(
+                m,
+                {
+                  amount: r.gain,
+                  sx: { color: i.palette.success.main, fontWeight: 700 },
+                  variant: "Body"
+                }
+              )
+            ] }),
+            sx: { px: 16 }
+          }
+        ) }),
+        /* @__PURE__ */ t(p, {})
+      ] }, r.accountName)),
+      /* @__PURE__ */ t(h, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+        a,
+        {
+          primary: /* @__PURE__ */ e(n, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(o, { sx: { fontWeight: 700 }, variant: "XSmall", children: s.losses }),
+            /* @__PURE__ */ t(m, { amount: y, sx: { fontWeight: 400 }, variant: "XSmall" })
+          ] })
+        }
+      ) }),
+      u?.map((r) => /* @__PURE__ */ e(l, { children: [
+        /* @__PURE__ */ t(
+          d,
+          {
+            sx: { backgroundColor: i.palette.background.paper, py: 14 },
+            children: /* @__PURE__ */ t(
+              a,
+              {
+                primary: /* @__PURE__ */ e(n, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+                  /* @__PURE__ */ t(o, { variant: "Body", children: r.accountName }),
+                  /* @__PURE__ */ t(m, { amount: r.loss, sx: { fontWeight: 700 }, variant: "Body" })
+                ] }),
+                sx: { px: 16 }
+              }
+            )
+          },
+          r.accountName
+        ),
+        /* @__PURE__ */ t(p, {})
+      ] }))
+    ] })
+  ] });
+}, V = g(W);
+export {
+  V as default
+};

package/dist/networth/components/NetWorthChange/index.es.js

@@ -0,0 +1,31 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { observer as m } from "mobx-react-lite";
+import { Stack as p } from "@mui/material";
+import { Icon as d, Text as g } from "@mxenabled/mxui";
+import { CurrencyText as f } from "../../../common/components/CurrencyText/index.es.js";
+const u = ({
+  currencyLabel: c,
+  currencyVariant: i = "Small",
+  iconSize: l,
+  netWorth: r,
+  theme: e
+}) => {
+  let o = e.palette.secondary.main, a = e.palette.secondary.main, n = "trending_flat";
+  return r.change < 0 ? n = "trending_down" : r.change > 0 && (o = e.palette.success.main, a = e.palette.success.main, n = "trending_up"), /* @__PURE__ */ s(p, { alignItems: "center", direction: "row", spacing: 4, children: [
+    /* @__PURE__ */ t(
+      d,
+      {
+        name: n,
+        size: l,
+        sx: {
+          color: o
+        }
+      }
+    ),
+    /* @__PURE__ */ t(f, { amount: r.change, color: a, variant: i }),
+    /* @__PURE__ */ t(g, { variant: "Small", children: c })
+  ] });
+}, N = m(u);
+export {
+  N as default
+};

package/dist/networth/components/NetWorthChart/index.es.js

@@ -0,0 +1,45 @@
+import { jsx as f } from "react/jsx-runtime";
+import { format as h } from "date-fns/format";
+import { fromUnixTime as k } from "date-fns/fromUnixTime";
+import { observer as M } from "mobx-react-lite";
+import { useTheme as S } from "@mui/material/styles";
+import { useScreenSize as b } from "../../../common/hooks/useScreenSize/index.es.js";
+import { useWidgetContainerProvider as g } from "../../../common/context/hooks/index.es.js";
+import { LineChart as v } from "../../../common/components/charts/LineChart/index.es.js";
+const y = ({
+  chartData: r,
+  hoveredData: o,
+  onDataClick: i,
+  onMouseEnter: n,
+  onMouseLeave: m,
+  selectedData: s
+}) => {
+  const { isMobile: a } = b(), { availableWidth: l } = g(), t = S(), c = l - 320, d = r.map((e) => ({
+    x: h(k(e.x), "MMM"),
+    y: e.y
+  })), p = s ? { index: r.findIndex((e) => e.x === s.x) } : void 0, x = o ? { index: r.findIndex((e) => e.x === o.x) } : void 0, u = (e) => ({
+    fill: e === p?.index ? t.palette.success.main : "",
+    filter: e === x?.index ? `drop-shadow(0px 0px 10px ${t.palette.success.main})` : "none",
+    stroke: t.palette.success.main
+  });
+  return /* @__PURE__ */ f(
+    v,
+    {
+      baseline: "min",
+      colors: [t.palette.success.main],
+      datasets: [d],
+      height: 350,
+      labels: [],
+      margin: { right: 20 },
+      markHandlers: { onMarkClick: i, onMouseEnter: n, onMouseLeave: m },
+      markStyles: u,
+      showArea: !0,
+      useCustomMark: !0,
+      valueFormatterString: "0,0a",
+      width: a ? 320 : c
+    }
+  );
+}, F = M(y);
+export {
+  F as default
+};

package/dist/networth/components/NetWorthList/index.es.js

@@ -0,0 +1,60 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { observer as x } from "mobx-react-lite";
+import b from "@mui/material/Divider";
+import S from "@mui/material/List";
+import g from "@mui/material/ListSubheader";
+import k from "@mui/material/Stack";
+import { useTheme as v } from "@mui/material/styles";
+import { Text as y } from "@mxenabled/mxui";
+import C from "../NetWorthListItem/index.es.js";
+import { Button as L } from "@mui/material";
+import { useGlobalCopyStore as w } from "../../../common/context/hooks/index.es.js";
+const _ = ({
+  chartData: p,
+  hoveredData: m,
+  onDataClick: a,
+  onButtonClick: h,
+  onMouseEnter: d,
+  onMouseLeave: u,
+  selectedData: l
+}) => {
+  const { net_worth: s } = w(), e = v(), f = (o) => {
+    const i = o.x === m?.x, n = o.x === l?.x, t = {
+      backgroundColor: "inherit",
+      borderBottom: "inherit",
+      color: "inherit"
+    };
+    return i && (t.color = n ? "inherit" : t.color, t.backgroundColor = e.palette.action.hover), n && (t.backgroundColor = e.palette.primary.main, t.borderBottom = e.palette.border.light, t.color = e.palette.common.white), t;
+  };
+  return /* @__PURE__ */ c(k, { direction: "column", sx: { width: 320 }, children: [
+    /* @__PURE__ */ c(S, { children: [
+      /* @__PURE__ */ r(g, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ r(y, { bold: !0, component: "h2", variant: "Body", children: s.monthly_totals }) }),
+      /* @__PURE__ */ r(b, {}),
+      p.map((o, i) => /* @__PURE__ */ r(
+        C,
+        {
+          getStyles: f,
+          isHovered: o.x === m?.x,
+          isSelected: o.x === l?.x,
+          item: o,
+          onItemClick: (n) => a(n, i),
+          onMouseEnter: () => d(i),
+          onMouseLeave: () => u()
+        },
+        o.x
+      ))
+    ] }),
+    /* @__PURE__ */ r(
+      L,
+      {
+        onClick: () => h(),
+        sx: { alignSelf: "center", marginTop: 16, width: "fit-content" },
+        variant: "outlined",
+        children: s.view_assets_and_liabilities
+      }
+    )
+  ] });
+}, q = x(_);
+export {
+  q as default
+};

package/dist/networth/components/NetWorthListItem/index.es.js

@@ -0,0 +1,60 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { observer as x } from "mobx-react-lite";
+import e from "react";
+import u from "@mui/material/Divider";
+import a from "@mui/material/ListItem";
+import y from "@mui/material/ListItemButton";
+import I from "@mui/material/ListItemText";
+import L from "@mui/material/Stack";
+import { Text as d } from "@mxenabled/mxui";
+import { fromTimestampToMonthYear as v } from "../../../common/utils/DateUtil/index.es.js";
+import { CurrencyText as g } from "../../../common/components/CurrencyText/index.es.js";
+const T = ({
+  item: t,
+  getStyles: s,
+  isHovered: n = !1,
+  isSelected: o = !1,
+  onItemClick: f,
+  onMouseEnter: c,
+  onMouseLeave: p
+}) => {
+  const [i, l] = e.useState({
+    color: ""
+  });
+  return e.useEffect(() => {
+    l(s(t));
+  }, [n, o]), /* @__PURE__ */ m(e.Fragment, { children: [
+    /* @__PURE__ */ r(
+      a,
+      {
+        sx: {
+          ...i,
+          minHeight: 44,
+          "&:hover": { color: o ? "inherit" : i.color }
+        },
+        children: /* @__PURE__ */ r(
+          y,
+          {
+            onClick: (h) => f?.(h, t.x),
+            onMouseEnter: () => c(t.x),
+            onMouseLeave: () => p(),
+            sx: { minHeight: 20, padding: 12 },
+            children: /* @__PURE__ */ r(
+              I,
+              {
+                primary: /* @__PURE__ */ m(L, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+                  /* @__PURE__ */ r(d, { variant: "Body", children: v(t.x) }),
+                  /* @__PURE__ */ r(g, { amount: t.y, sx: { color: "inherit" }, variant: "Body" })
+                ] })
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(u, {})
+  ] }, t.x);
+}, N = x(T);
+export {
+  N as default
+};

package/dist/networth/components/NetWorthSummary/index.es.js

@@ -0,0 +1,20 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { observer as c } from "mobx-react-lite";
+import { format as s, fromUnixTime as f } from "date-fns";
+import { useTheme as h } from "@mui/material/styles";
+import p from "@mui/material/Stack";
+import { Text as l } from "@mxenabled/mxui";
+import u from "../NetWorthChange/index.es.js";
+import { useGlobalCopyStore as y } from "../../../common/context/hooks/index.es.js";
+import { CurrencyText as x } from "../../../common/components/CurrencyText/index.es.js";
+const d = ({ hoveredData: o, selectedData: n }) => {
+  const { net_worth: m } = y(), e = h(), t = o || n, i = s(f(t.x), "MMMM");
+  return /* @__PURE__ */ a(p, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ r(l, { color: e.palette.secondary.main, variant: "Small", children: `${i} ${m.net_worth}` }),
+    /* @__PURE__ */ r(x, { amount: t.y, variant: "H2" }),
+    /* @__PURE__ */ r(u, { currencyLabel: m.this_month, netWorth: t, theme: e })
+  ] });
+}, g = c(d);
+export {
+  g as default
+};

package/dist/networth/components/micro/NetworthData/index.es.js

@@ -0,0 +1,21 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import i from "@mui/material/Stack";
+import { H1 as x, Text as c } from "@mxenabled/mxui";
+import { Icon as l } from "@mxenabled/mx-icons";
+import { formatCurrency as s } from "../../../../common/utils/NumberFormatting/index.es.js";
+const y = ({ amount: o, copy: d, trendValue: n }) => {
+  const e = n > 0, a = n === 0 ? "trending_flat" : e ? "trending_up" : "trending_down";
+  return /* @__PURE__ */ r(i, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ t(x, { children: s(o, "0,0") }),
+    o !== 0 && /* @__PURE__ */ r(i, { sx: { color: e ? "success.main" : "text.secondary" }, children: [
+      /* @__PURE__ */ r(i, { sx: { flexDirection: "row", gap: 8 }, children: [
+        /* @__PURE__ */ t(l, { name: a, size: 20 }),
+        /* @__PURE__ */ t(c, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: s(n, "0,0.00") })
+      ] }),
+      /* @__PURE__ */ t(c, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: d.this_month })
+    ] })
+  ] });
+};
+export {
+  y as default
+};

package/dist/networth/components/micro/ZeroState/index.es.js

@@ -0,0 +1,14 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import o from "@mui/material/Stack";
+import { Text as i, P as a } from "@mxenabled/mxui";
+import { Icon as n } from "@mxenabled/mx-icons";
+const m = ({ copy: e }) => /* @__PURE__ */ t(o, { sx: { flexDirection: "row", gap: 12 }, children: [
+  /* @__PURE__ */ r(n, { name: "elevation", size: 32, sx: { color: "text.primary" } }),
+  /* @__PURE__ */ t(o, { children: [
+    /* @__PURE__ */ r(i, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: e.empty_widget_header }),
+    /* @__PURE__ */ r(a, { sx: { color: "text.secondary" }, variant: "body2", children: e.zero_state_description })
+  ] })
+] });
+export {
+  m as default
+};

package/dist/networth/index.es.js

@@ -0,0 +1,14 @@
+import { default as o } from "./components/NetWorthChart/index.es.js";
+import { default as f } from "./components/NetWorthList/index.es.js";
+import { default as m } from "./components/NetWorthSummary/index.es.js";
+import { NetWorthStore as h } from "./stores/NetWorthStore/index.es.js";
+import { NetWorthMicroWidget as x } from "./NetWorthMicroWidget/index.es.js";
+import { NetWorthWidget as d } from "./NetWorthWidget/index.es.js";
+export {
+  o as NetWorthChart,
+  f as NetWorthList,
+  x as NetWorthMicroWidget,
+  h as NetWorthStore,
+  m as NetWorthSummary,
+  d as NetWorthWidget
+};