@mx-cartographer/experiences 9.2.4-alpha.al0 → 9.3.0-alpha.bb1

package/dist/networth/index.es.js

@@ -1,567 +1,6 @@
-import { jsxs as r, jsx as e, Fragment as N } from "react/jsx-runtime";
-import x from "react";
-import { observer as _ } from "mobx-react-lite";
-import m from "@mui/material/Stack";
-import { P as Y, Text as d, Icon as R } from "@mxenabled/mxui";
-import { Icon as Z } from "@mxenabled/mx-icons";
-import { f as F } from "../NumberFormatting--XMeeBfr.mjs";
-import { c as oe, f as $, u as E, a as q, x as j, D as re } from "../hooks-97sNJ_lf.mjs";
-import { u as J } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { A as v } from "../Analytics-D-jdcL72.mjs";
-import { L as Q } from "../Loader-CxeBwuPG.mjs";
-import { M as ie } from "../MicroWidgetContainer-B2NnKBgW.mjs";
-import { format as ae, fromUnixTime as se, differenceInMonths as ce } from "date-fns";
-import P from "@mui/material/Box";
-import { C as le } from "../ConnectionsDrawer-CCDnZGh0.mjs";
-import { fromUnixTime as de } from "date-fns/fromUnixTime";
-import { useTheme as H } from "@mui/material/styles";
-import { L as me } from "../LineChart-CUfiH86G.mjs";
-import { u as ee } from "../useScreenSize-mWpmnh5w.mjs";
-import { f as he, D as pe } from "../DateFormats-HudZ3Bjs.mjs";
-import ue from "@mui/material/Button";
-import I from "@mui/material/Divider";
-import z from "@mui/material/List";
-import A from "@mui/material/ListSubheader";
-import O from "@mui/material/ListItem";
-import te from "@mui/material/ListItemButton";
-import b from "@mui/material/ListItemText";
-import { l as ne } from "../DateUtil-Bl7d7C1W.mjs";
-import { C as f } from "../CurrencyText-CCbE6MmF.mjs";
-import { Stack as fe } from "@mui/material";
-import xe from "@mui/material/Collapse";
-import K from "@mui/material/ListItemIcon";
-import { g as U } from "../NetWorthUtils-Dj7CgAg2.mjs";
-import { D as V } from "../Drawer-CWQYTC6t.mjs";
-import { W as ge } from "../WidgetContainer-BBzwzqOz.mjs";
-import { E as ye } from "../EmptyState-CJUDc3kD.mjs";
-const Ce = ({ 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 })
-    ] })
-  ] });
-}, be = ({ 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 })
-  ] })
-] }), gt = _(({ onCTAClick: t }) => {
-  const { visibleAccounts: s } = oe(), { onEvent: i } = $(), { net_worth: n, common: a } = E(), { isInitialized: o } = q(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: g, selectedData: u } = j();
-  if (x.useEffect(() => {
-    c || l().finally();
-  }, []), J({
-    widgetName: "NetWorthMicroWidget",
-    isLoaded: c
-  }), x.useEffect(() => {
-    c && i(v.NET_WORTH_LOAD_WIDGET, {
-      state: s?.length ? "default" : "zeroState"
-    });
-  }, [c]), !o || !c) return /* @__PURE__ */ e(Q, { height: 100 });
-  const W = () => {
-    i(
-      s.length ? v.NET_WORTH_CLICK_VIEW_DETAILS : v.NET_WORTH_CLICK_GET_STARTED
-    ), t();
-  };
-  return /* @__PURE__ */ e(
-    ie,
-    {
-      className: "mx-networth-microwidget",
-      ctaLabel: a.see_details,
-      onCTAClick: W,
-      title: n.net_worth,
-      children: g.accounts.length ? /* @__PURE__ */ e(
-        Ce,
-        {
-          amount: u?.y,
-          copy: n,
-          trendValue: u?.change
-        }
-      ) : /* @__PURE__ */ e(be, { copy: n })
-    }
-  );
-}), _e = () => {
-  const { isMobile: t } = ee(), { availableWidth: s } = re(), i = H(), {
-    hoveredData: n,
-    netWorthChartData: a,
-    selectedData: o,
-    setHoveredIndex: c,
-    setSelectedIndex: l
-  } = j(), g = s - 320, u = a.map((h) => ({
-    x: he(de(h.x), pe.MONTH_SHORT),
-    y: h.y
-  })), W = o ? { index: a.findIndex((h) => h.x === o.x) } : void 0, y = n ? { index: a.findIndex((h) => h.x === n.x) } : void 0, w = (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
-  }), L = (h, M) => {
-    l(M);
-  }, D = (h) => {
-    c(h);
-  }, k = () => {
-    c(-1);
-  };
-  return /* @__PURE__ */ e(m, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-    me,
-    {
-      baseline: "min",
-      chartFor: "networthChart",
-      chartXaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(8px)" } },
-      chartYaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(-8px)" } },
-      colors: [i.palette.success.main],
-      datasets: [u],
-      height: 350,
-      labels: [],
-      margin: { right: 20, left: 38 },
-      markHandlers: { onMarkClick: L, onMouseEnter: D, onMouseLeave: k },
-      markStyles: w,
-      showArea: !0,
-      useCustomMark: !0,
-      valueFormatterString: "0.0[0]a",
-      width: t ? s - 48 : g
-    }
-  ) });
-}, we = _(_e), ve = ({
-  item: t,
-  getStyles: s,
-  isHovered: i = !1,
-  isSelected: n = !1,
-  onItemClick: a,
-  onMouseEnter: o,
-  onMouseLeave: c
-}) => {
-  const [l, g] = x.useState({
-    color: ""
-  });
-  return x.useEffect(() => {
-    g(s(t));
-  }, [i, n]), /* @__PURE__ */ r(x.Fragment, { children: [
-    /* @__PURE__ */ e(
-      O,
-      {
-        sx: {
-          ...l,
-          minHeight: 44,
-          "&:hover": { color: n ? "inherit" : l.color }
-        },
-        children: /* @__PURE__ */ e(
-          te,
-          {
-            onClick: (u) => a?.(u, t.x),
-            onMouseEnter: () => o(t.x),
-            onMouseLeave: () => c(),
-            sx: { minHeight: 20, padding: 12 },
-            children: /* @__PURE__ */ e(
-              b,
-              {
-                primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-                  /* @__PURE__ */ e(d, { variant: "body1", children: ne(t.x) }),
-                  /* @__PURE__ */ e(f, { amount: t.y, sx: { color: "inherit" }, variant: "body1" })
-                ] })
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(I, {})
-  ] }, t.x);
-}, We = _(ve), Se = ({
-  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(fe, { alignItems: "center", direction: "row", spacing: 4, children: [
-    /* @__PURE__ */ e(
-      R,
-      {
-        name: l,
-        size: i,
-        sx: {
-          color: o
-        }
-      }
-    ),
-    /* @__PURE__ */ e(f, { amount: n.change, color: c, variant: s }),
-    /* @__PURE__ */ e(d, { variant: "body2", children: t })
-  ] });
-}, B = _(Se), Te = ({
-  netWorth: t,
-  gains: s,
-  losses: i,
-  totalGains: n,
-  totalLosses: a
-}) => {
-  const { net_worth: o } = E(), c = H();
-  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(z, { children: [
-      /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
-        b,
-        {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.gains }),
-            /* @__PURE__ */ e(f, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
-          ] })
-        }
-      ) }),
-      s?.map((l) => /* @__PURE__ */ r(x.Fragment, { children: [
-        /* @__PURE__ */ e(O, { sx: { backgroundColor: c.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
-          b,
-          {
-            primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(d, { sx: { mr: 10 }, variant: "body1", children: l.accountName }),
-              /* @__PURE__ */ e(
-                f,
-                {
-                  amount: l.gain,
-                  sx: { color: c.palette.success.main, flexShrink: 0, fontWeight: 700 },
-                  variant: "body1"
-                }
-              )
-            ] }),
-            sx: { px: 16 }
-          }
-        ) }),
-        /* @__PURE__ */ e(I, {})
-      ] }, l.accountName)),
-      /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
-        b,
-        {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.losses }),
-            /* @__PURE__ */ e(f, { amount: a, sx: { fontWeight: 400 }, variant: "caption" })
-          ] })
-        }
-      ) }),
-      i?.map((l) => /* @__PURE__ */ r(N, { children: [
-        /* @__PURE__ */ e(
-          O,
-          {
-            sx: { backgroundColor: c.palette.background.paper, py: 14 },
-            children: /* @__PURE__ */ e(
-              b,
-              {
-                primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-                  /* @__PURE__ */ e(
-                    d,
-                    {
-                      sx: {
-                        mr: 10
-                      },
-                      variant: "body1",
-                      children: l.accountName
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    f,
-                    {
-                      amount: l.loss,
-                      sx: { flexShrink: 0, fontWeight: 700 },
-                      variant: "body1"
-                    }
-                  )
-                ] }),
-                sx: { px: 16 }
-              }
-            )
-          },
-          l.accountName
-        ),
-        /* @__PURE__ */ e(I, {})
-      ] }))
-    ] })
-  ] });
-}, Ie = _(Te), Le = ({ accounts: t, name: s, icon: i }) => {
-  const [n, a] = x.useState(!1);
-  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(R, { name: i, size: 24, sx: { mr: 12 } }) }),
-      /* @__PURE__ */ e(
-        b,
-        {
-          primary: /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "body1", children: s })
-        }
-      ),
-      /* @__PURE__ */ e(K, { children: n ? /* @__PURE__ */ e(R, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(R, { name: "expand_more", size: 24 }) })
-    ] }) }),
-    /* @__PURE__ */ e(I, {}),
-    /* @__PURE__ */ e(xe, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, c) => /* @__PURE__ */ r(z, { children: [
-      /* @__PURE__ */ e(O, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
-        b,
-        {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-            /* @__PURE__ */ e(
-              d,
-              {
-                sx: {
-                  marginRight: 10
-                },
-                variant: "body1",
-                children: o.accountName
-              }
-            ),
-            /* @__PURE__ */ e(
-              f,
-              {
-                amount: o.balance,
-                sx: {
-                  flexShrink: 0
-                },
-                variant: "body2"
-              }
-            )
-          ] }),
-          sx: { pl: 72, pr: 16 }
-        }
-      ) }),
-      c < t.length - 1 ? /* @__PURE__ */ e(I, { variant: "inset" }) : /* @__PURE__ */ e(I, {})
-    ] }, o.accountName)) })
-  ] });
-}, X = ({ groupedAccounts: t }) => /* @__PURE__ */ e(N, { children: t.map(({ accounts: s, icon: i, name: n }) => /* @__PURE__ */ e(Le, { accounts: s, icon: i, name: n }, n)) }), De = ({
-  netWorth: t,
-  assets: s,
-  liabilities: i,
-  totalAssets: n,
-  totalLiabilities: a
-}) => {
-  const { net_worth: o } = E(), c = H();
-  return /* @__PURE__ */ r(N, { children: [
-    /* @__PURE__ */ r(
-      P,
-      {
-        sx: {
-          alignItems: "center",
-          display: "flex",
-          flexDirection: "column",
-          justifyContent: "space-between",
-          paddingTop: 24,
-          marginBottom: 8
-        },
-        children: [
-          /* @__PURE__ */ e(d, { variant: "body1", children: o.current_net_worth }),
-          /* @__PURE__ */ e(f, { amount: t?.y ?? 0, variant: "h1" }),
-          t && /* @__PURE__ */ e(
-            B,
-            {
-              currencyLabel: o.this_month,
-              iconSize: 20,
-              netWorth: t,
-              theme: c
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ r(z, { children: [
-      /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
-        b,
-        {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.assets }),
-            /* @__PURE__ */ e(f, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ e(X, { groupedAccounts: U(s) }),
-      /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
-        b,
-        {
-          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.liabilities }),
-            /* @__PURE__ */ e(
-              f,
-              {
-                amount: a,
-                sx: { fontWeight: 400 },
-                variant: "caption"
-              }
-            )
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ e(X, { groupedAccounts: U(i) })
-    ] })
-  ] });
-}, Ne = _(De), Ee = () => {
-  const { net_worth: t } = E(), s = H(), { onEvent: i } = $(), {
-    assetsLiabilities: n,
-    gainsLosses: a,
-    hoveredData: o,
-    netWorthChartData: c,
-    selectedData: l,
-    setHoveredIndex: g,
-    setSelectedIndex: u
-  } = j(), [W, y] = x.useState(!1), [w, L] = x.useState(!1), D = (p) => {
-    const C = p.x === o?.x, S = p.x === l?.x, T = {
-      backgroundColor: "inherit",
-      borderBottom: "inherit",
-      color: "inherit"
-    };
-    return C && (T.color = S ? "inherit" : T.color, T.backgroundColor = s.palette.action.hover), S && (T.backgroundColor = s.palette.primary.main, T.borderBottom = s.palette.neutral.light, T.color = s.palette.common.white), T;
-  }, k = (p, C) => {
-    u(C), p.currentTarget instanceof HTMLDivElement && y(!0);
-  }, h = () => {
-    L(!0), i(v.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
-  }, M = (p) => {
-    g(p);
-  }, G = () => {
-    g(-1);
-  };
-  return /* @__PURE__ */ r(m, { direction: "column", sx: { width: 320 }, children: [
-    /* @__PURE__ */ r(z, { children: [
-      /* @__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(I, {}),
-      c.map((p, C) => /* @__PURE__ */ e(
-        We,
-        {
-          getStyles: D,
-          isHovered: p.x === o?.x,
-          isSelected: p.x === l?.x,
-          item: p,
-          onItemClick: (S) => k(S, C),
-          onMouseEnter: () => M(C),
-          onMouseLeave: () => G()
-        },
-        p.x
-      ))
-    ] }),
-    /* @__PURE__ */ e(
-      ue,
-      {
-        onClick: () => h(),
-        sx: { alignSelf: "center", marginTop: 16, width: "fit-content" },
-        variant: "outlined",
-        children: t.view_assets_and_liabilities
-      }
-    ),
-    /* @__PURE__ */ e(
-      V,
-      {
-        ariaLabelClose: "Close",
-        isOpen: W,
-        onClose: () => y(!1),
-        shouldShowHeaderBorders: !1,
-        shouldShowHeaderShadow: !0,
-        title: t.gains_and_losses,
-        children: a && /* @__PURE__ */ e(Ie, { ...a })
-      }
-    ),
-    /* @__PURE__ */ e(
-      V,
-      {
-        ariaLabelClose: "Close",
-        isOpen: w,
-        onClose: () => L(!1),
-        shouldShowHeaderBorders: !1,
-        shouldShowHeaderShadow: !0,
-        title: t.assets_and_liabilities,
-        children: n && /* @__PURE__ */ e(Ne, { ...n })
-      }
-    )
-  ] });
-}, ke = _(Ee), Me = ({ hoveredData: t, selectedData: s }) => {
-  const { net_worth: i } = E(), n = H(), a = t || s, o = ae(se(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(f, { amount: a.y, variant: "h2" }),
-    /* @__PURE__ */ e(B, { currencyLabel: i.this_month, netWorth: a, theme: n })
-  ] });
-}, Ae = _(Me), yt = _(({ onBackClick: t, onMenuClick: s }) => {
-  const { isInitialized: i } = q(), { accounts: n, net_worth: a } = E(), {
-    hoveredData: o,
-    isNetWorthDataLoaded: c,
-    loadNetWorthData: l,
-    netWorthChartData: g,
-    selectedData: u,
-    setTimeframe: W
-  } = j(), { isMobile: y } = ee(), { onEvent: w } = $(), [L, D] = x.useState(!1);
-  J({
-    widgetName: "NetWorthWidget",
-    isLoaded: c
-  }), x.useEffect(() => {
-    c || l().finally(), w(v.NET_WORTH_VIEW);
-  }, []);
-  const k = async (p) => {
-    const C = p[0], S = p[1];
-    C && S && W(ce(S, C));
-  }, h = (p) => {
-    w(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: p + "M" });
-  }, M = () => {
-    D(!0), w(v.ACCOUNTS_CLICK_CONNECT);
-  };
-  if (!i || !c) return /* @__PURE__ */ e(Q, {});
-  const G = g.length === 0;
-  return /* @__PURE__ */ r(
-    ge,
-    {
-      calendarActions: {
-        onRangeChanged: k,
-        onTimeframeClick: h
-      },
-      dateRangeVariant: y ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: () => w(v.NET_WORTH_WIDGET_CLICK_FILTER),
-      onBackClick: t,
-      onMenuClick: s,
-      title: a.net_worth,
-      children: [
-        G ? /* @__PURE__ */ e(P, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
-          ye,
-          {
-            header: a.empty_widget_header,
-            icon: "elevation",
-            onClick: M,
-            primaryButton: a.empty_widget_button,
-            subText: a.empty_widget_description,
-            sx: {
-              width: { sm: 432 },
-              ".buttons-footer": {
-                width: 167
-              }
-            }
-          }
-        ) }) : /* @__PURE__ */ r(N, { children: [
-          u && /* @__PURE__ */ e(Ae, { hoveredData: o, selectedData: u }),
-          /* @__PURE__ */ r(
-            m,
-            {
-              alignItems: y ? "center" : "flex-start",
-              direction: y ? "column" : "row",
-              spacing: y ? 0 : 48,
-              children: [
-                /* @__PURE__ */ e(we, {}),
-                /* @__PURE__ */ e(ke, {})
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          le,
-          {
-            onClose: () => D(!1),
-            showConnectionsWidget: L,
-            title: n.manage_connections
-          }
-        )
-      ]
-    }
-  );
-});
+import { NetWorthMicroWidget as o } from "./NetWorthMicroWidget/index.es.js";
+import { NetWorthWidget as e } from "./NetWorthWidget/index.es.js";
 export {
-  gt as NetWorthMicroWidget,
-  yt as NetWorthWidget
+  o as NetWorthMicroWidget,
+  e as NetWorthWidget
 };
-//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/DateRow/index.es.js

@@ -0,0 +1,23 @@
+import { fromUnixToDayOfWeekAndDate as o } from "../../../core/utils/DateUtil/index.es.js";
+import "react";
+import { Text as e } from "@mxenabled/mxui";
+import { jsx as r } from "react/jsx-runtime";
+import m from "@mui/material/Box";
+var x = ({ date: t }) => /* @__PURE__ */ r(m, {
+  sx: {
+    display: "flex",
+    justifyContent: "center",
+    mt: 12,
+    py: 8
+  },
+  children: /* @__PURE__ */ r(e, {
+    bold: !0,
+    variant: "body2",
+    children: o(t)
+  })
+});
+export {
+  x as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/DateRow/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/components/DateRow.tsx"],"sourcesContent":["import React from 'react'\nimport Box from '@mui/material/Box'\nimport { Text } from '@mxenabled/mxui'\n\nimport { fromUnixToDayOfWeekAndDate } from '../../core/utils/DateUtil'\n\ninterface DateRowProps {\n  date: number\n}\n\nconst DateRow: React.FC<DateRowProps> = ({ date }) => {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'center', mt: 12, py: 8 }}>\n      <Text bold={true} variant=\"body2\">\n        {fromUnixToDayOfWeekAndDate(date)}\n      </Text>\n    </Box>\n  )\n}\n\nexport default DateRow\n"],"mappings":";;;;;AAUA,IAAM,IAAA,CAAmC,EAAE,MAAA,EAAA,MAEvC,gBAAA,EAAC,GAAD;AAAA,EAAK,IAAI;AAAA,IAAE,SAAS;AAAA,IAAQ,gBAAgB;AAAA,IAAU,IAAI;AAAA,IAAI,IAAI;AAAA,EAAE;AAAA,YAClE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,cACvB,EAA2B,CAAI;AAAA,EAC5B,CAAA;AACH,CAAA"}

package/dist/notifications/components/NotificationBadge/index.es.js

@@ -0,0 +1,33 @@
+import { useAccountStore as c, useBudgetsStore as g, useGlobalCopyStore as l } from "../../../common/context/hooks/index.es.js";
+import "react";
+import { observer as m } from "mobx-react-lite";
+import { CategoryIcon as y, InstitutionLogo as f } from "@mxenabled/mxui";
+import { jsx as t } from "react/jsx-runtime";
+var p = ({ notification: i }) => {
+  const { accounts: s } = c(), { budgets: r } = g(), { accounts: u } = l(), e = s.find((o) => o.guid === i.entity_guid), d = r.find((o) => o.guid === i.entity_guid), a = i.entity_guid.includes("GOL"), n = { badge: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 4,
+    marginRight: 12
+  } };
+  return e || a ? /* @__PURE__ */ t("div", {
+    style: n.badge,
+    children: /* @__PURE__ */ t(f, {
+      alt: e?.institutionName || u.institution_logo_alt,
+      institutionGuid: e?.institution_guid ?? "",
+      size: 33
+    })
+  }) : /* @__PURE__ */ t("div", {
+    style: n.badge,
+    children: /* @__PURE__ */ t(y, {
+      categoryGuid: d?.category_guid,
+      size: 36
+    })
+  });
+}, x = m(p);
+export {
+  x as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/NotificationBadge/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/components/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { InstitutionLogo, CategoryIcon } from '@mxenabled/mxui'\n\nimport { useAccountStore, useBudgetsStore, useGlobalCopyStore } from '../../common'\nimport { type Notification } from '../../core'\n\ninterface NotificationBadgeProps {\n  notification: Notification\n}\n\nconst NotificationBadge: React.FC<NotificationBadgeProps> = ({ notification }) => {\n  // Show notifications for all accounts (including hidden)\n  const { accounts } = useAccountStore()\n  const { budgets } = useBudgetsStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  const account = accounts.find((account) => account.guid === notification.entity_guid)\n  const budget = budgets.find((budget) => budget.guid === notification.entity_guid)\n  const isGoal = notification.entity_guid.includes('GOL')\n\n  const styles = {\n    badge: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 4,\n      marginRight: 12,\n    },\n  }\n\n  if (account || isGoal) {\n    return (\n      <div style={styles.badge}>\n        <InstitutionLogo\n          alt={account?.institutionName || accountsCopy.institution_logo_alt}\n          institutionGuid={account?.institution_guid ?? ''}\n          size={33}\n        />\n      </div>\n    )\n  } else {\n    return (\n      <div style={styles.badge}>\n        <CategoryIcon categoryGuid={budget?.category_guid} size={36} />\n      </div>\n    )\n  }\n}\n\nexport default observer(NotificationBadge)\n"],"mappings":";;;;;AAYA,IAAM,IAAA,CAAuD,EAAE,cAAA,EAAA,MAAmB;AAEhF,QAAM,EAAE,UAAA,EAAA,IAAa,EAAgB,GAC/B,EAAE,SAAA,EAAA,IAAY,EAAgB,GAC9B,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAEhD,IAAU,EAAS,KAAA,CAAM,MAAY,EAAQ,SAAS,EAAa,WAAW,GAC9E,IAAS,EAAQ,KAAA,CAAM,MAAW,EAAO,SAAS,EAAa,WAAW,GAC1E,IAAS,EAAa,YAAY,SAAS,KAAK,GAEhD,IAAS,EACb,OAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,aAAa;AAAA,EACf,EACF;AAEA,SAAI,KAAW,IAEX,gBAAA,EAAC,OAAD;AAAA,IAAK,OAAO,EAAO;AAAA,cACjB,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,GAAS,mBAAmB,EAAa;AAAA,MAC9C,iBAAiB,GAAS,oBAAoB;AAAA,MAC9C,MAAM;AAAA,IACP,CAAA;AAAA,EACE,CAAA,IAIL,gBAAA,EAAC,OAAD;AAAA,IAAK,OAAO,EAAO;AAAA,cACjB,gBAAA,EAAC,GAAD;AAAA,MAAc,cAAc,GAAQ;AAAA,MAAe,MAAM;AAAA,IAAK,CAAA;AAAA,EAC3D,CAAA;AAGX,GAEA,IAAe,EAAS,CAAiB"}