@mx-cartographer/experiences 9.2.4-alpha.al4 → 9.3.0-alph.bb2

package/dist/investments/index.es.js

@@ -1,1677 +1,4 @@
-import { jsxs as i, jsx as e, Fragment as le } from "react/jsx-runtime";
-import k, { useState as O } from "react";
-import { observer as $ } from "mobx-react-lite";
-import _ from "@mui/material/Stack";
-import Fe from "@mui/material/Tab";
-import Ee from "@mui/material/Tabs";
-import { C as pe } from "../ConnectionsDrawer-Pjc0E6uI.mjs";
-import xe from "@mui/material/useMediaQuery";
-import Ne from "@mui/material/Box";
-import Me from "@mui/material/Collapse";
-import Y from "@mui/material/Divider";
-import ne from "@mui/material/List";
-import ie from "@mui/material/ListItem";
-import Ge from "@mui/material/ListItemButton";
-import ye from "@mui/material/ToggleButton";
-import fe from "@mui/material/ToggleButtonGroup";
-import { Text as o, P as X, InstitutionLogo as oe } from "@mxenabled/mxui";
-import Ue from "@mui/material/Button";
-import { u as N, f as ve, v as U, a as J, c as ce } from "../hooks-97sNJ_lf.mjs";
-import { A as z } from "../Analytics-D-jdcL72.mjs";
-import { f as re, a as je } from "../NumberFormatting--XMeeBfr.mjs";
-import { u as j } from "../useScreenSize-mWpmnh5w.mjs";
-import { useTheme as Z } from "@mui/material/styles";
-import { Icon as W } from "@mxenabled/mx-icons";
-import { D as He } from "../Donut-SzzfZDHF.mjs";
-import { f as ze, A as V } from "../InvestmentUtil-BItV7uEs.mjs";
-import Oe from "@mui/material/ListItemText";
-import de from "@mui/material/IconButton";
-import Ve from "@mui/material/Tooltip";
-import be from "@mui/material/Accordion";
-import _e from "@mui/material/AccordionDetails";
-import we from "@mui/material/AccordionSummary";
-import se from "@mui/material/Paper";
-import p from "@mui/system/Stack";
-import Ce from "@mui/material/TextField";
-import { D as Re } from "../Drawer-DLUMdk6P.mjs";
-import { DataGridPro as $e } from "@mui/x-data-grid-pro";
-import { Stack as Pe } from "@mui/material";
-import { L as De } from "../Loader-CxeBwuPG.mjs";
-import { u as qe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { W as Ke } from "../WidgetContainer-DKRs7nIV.mjs";
-import { c as Ye } from "../Account-DR7Plrqy.mjs";
-import { E as Qe } from "../EmptyState-CJUDc3kD.mjs";
-const me = ({ sx: t = {} }) => {
-  const { investments: u } = N(), { onEvent: c } = ve(), { setShowConnectionsWidget: m } = U();
-  return /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...t }, children: [
-    /* @__PURE__ */ i(
-      _,
-      {
-        className: "inner-container",
-        sx: {
-          alignItems: "center",
-          gap: 8,
-          width: "100%",
-          textAlign: "center"
-        },
-        children: [
-          /* @__PURE__ */ e(o, { sx: { fontWeight: 600 }, variant: "body1", children: u.overview.investment_accounts_footer }),
-          /* @__PURE__ */ e(
-            o,
-            {
-              sx: {
-                color: "text.secondary",
-                fontWeight: 400
-              },
-              variant: "subtitle2",
-              children: u.overview.connect_more_accounts_description
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      Ue,
-      {
-        onClick: () => {
-          m(!0), c(z.ACCOUNTS_CLICK_CONNECT);
-        },
-        sx: { fontWeight: 600 },
-        variant: "outlined",
-        children: u.overview.connect_accounts
-      }
-    )
-  ] });
-}, Je = {
-  allocations_cash: "#AEDCCC",
-  allocations_convertible: "#80CAD0",
-  allocations_foreign_bond: "#51B9D4",
-  allocations_foreign_stock: "#3DA0C9",
-  allocations_other: "#3583B8",
-  allocations_preferred: "#2D66A7",
-  allocations_unknown: "#161D6A",
-  allocations_us_bond: "#254995",
-  allocations_us_stock: "#1E2D84"
-}, Xe = [
-  {
-    name: "allocations_cash"
-  },
-  {
-    name: "allocations_convertible"
-  },
-  {
-    name: "allocations_foreign_bond"
-  },
-  {
-    name: "allocations_foreign_stock"
-  },
-  {
-    name: "allocations_other"
-  },
-  {
-    name: "allocations_preferred"
-  },
-  {
-    name: "allocations_us_bond"
-  },
-  {
-    name: "allocations_us_stock"
-  },
-  {
-    name: "allocations_unknown"
-  }
-], Ze = (t, u, c) => {
-  const m = u, f = c;
-  return t >= Math.min(m, f) && t < Math.max(m, f);
-}, et = (t, u, c) => {
-  const m = [
-    ...new Set(t.map((d) => d.name.toLowerCase()))
-  ];
-  let f;
-  return m.map((d) => {
-    const l = t.reduce((x, h) => {
-      const b = h.name;
-      return b.toLowerCase() === d ? (f = b, Q(h) * h[u] / 100 + x) : x;
-    }, 0);
-    return {
-      displayName: f,
-      name: f,
-      value: l,
-      percentage: l / c
-    };
-  });
-}, Q = (t) => t.calculated_market_value ? t.calculated_market_value : t.market_value, tt = (t, u, c) => {
-  const m = Object.values(u.allocations_list), f = [];
-  let v = 0;
-  const d = t.map(({ guid: n }) => n), l = c.filter(({ account_guid: n }) => d.includes(n)).map((n) => ({
-    ...n,
-    name: n.symbol || n.description,
-    gainLoss: n.cost_basis || n.cost_basis === 0 ? Q(n) - n.cost_basis : 0
-  })), { cashBalance: x, totalAccountBalance: h } = t.reduce(
-    (n, g) => ({
-      cashBalance: n.cashBalance + (g.cash_balance || 0),
-      totalAccountBalance: n.totalAccountBalance + (g.balance || 0)
-    }),
-    { cashBalance: 0, totalAccountBalance: 0 }
-  ), { marketValue: b, totalGainLoss: s } = l.reduce(
-    (n, g) => ({
-      marketValue: n.marketValue + Q(g),
-      totalGainLoss: n.totalGainLoss + g.gainLoss
-    }),
-    { marketValue: 0, totalGainLoss: 0 }
-  ), y = b + x;
-  Xe.forEach((n, g) => {
-    const C = l.filter(
-      (B) => !!B[n.name]
-    );
-    let D = C.reduce(
-      (B, A) => B + Q(A) * A[n.name] / 100,
-      0
-    );
-    const T = et(
-      C,
-      n.name,
-      D
-    );
-    if (n.name === "allocations_cash" && x > 0) {
-      D += x;
-      const B = {
-        displayName: u.cash_balance_display_name,
-        name: "allocations_name",
-        value: x,
-        percentage: x / y
-      };
-      T.push(B);
-    }
-    D > 0 && (f.push({
-      name: n.name,
-      displayName: m[g],
-      guid: `${n.name}-${g}`,
-      holdings: T,
-      percentage: D / y,
-      value: D,
-      color: Je[n.name]
-    }), v += D);
-  });
-  const r = f.map(
-    ({ displayName: n, guid: g, color: C, value: D }) => ({
-      id: g,
-      color: C,
-      label: n,
-      value: D / v * 100
-    })
-  );
-  return {
-    investmentsData: f,
-    donutData: r,
-    totalAmount: v,
-    totalGainLoss: s,
-    totalMarketValue: y,
-    totalGainLossPercentage: s / h
-  };
-}, ae = (t) => t < 1e-3 ? "< 0.1%" : je(t), R = (t) => t === 0 ? re(t, "0,0.00") : Ze(t, -0.01, 0.01) ? "< $0.01" : re(t, "0,0.00"), nt = ({
-  data: t,
-  onSelected: u,
-  selectedId: c,
-  selectedTabs: m,
-  setSelectedTabs: f
-}) => {
-  const v = (s, y) => {
-    y !== null && f(y);
-  }, { isMobile: d } = j(), {
-    investments: { allocation: l }
-  } = N(), x = [
-    { label: l.tabs_label_dollar, value: 0 },
-    { label: l.tabs_label_percent, value: 1 }
-  ], h = !t?.investmentsData.length, { isSmallMobile: b } = j();
-  return /* @__PURE__ */ i(_, { sx: { mt: 15, gap: 12, width: d ? 250 : 412 }, children: [
-    /* @__PURE__ */ e(
-      fe,
-      {
-        exclusive: !0,
-        fullWidth: !0,
-        onChange: v,
-        value: h ? -1 : m,
-        children: x.map(({ label: s, value: y }) => /* @__PURE__ */ e(ye, { color: "primary", value: y, children: /* @__PURE__ */ e(o, { bold: !0, textTransform: "capitalize", variant: "body1", children: s }) }, s))
-      }
-    ),
-    /* @__PURE__ */ e(ne, { sx: { px: 12 }, children: t.investmentsData.map((s) => /* @__PURE__ */ i(k.Fragment, { children: [
-      /* @__PURE__ */ e(
-        ie,
-        {
-          disableGutters: !0,
-          disablePadding: !0,
-          sx: {
-            minHeight: 44
-          },
-          children: /* @__PURE__ */ i(
-            Ge,
-            {
-              "aria-expanded": c === s.guid,
-              onClick: () => u(s.guid),
-              sx: { minHeight: 44, px: 12, py: 0 },
-              children: [
-                /* @__PURE__ */ e(
-                  Ne,
-                  {
-                    borderRadius: 4,
-                    flexShrink: 0,
-                    height: 8,
-                    sx: { backgroundColor: s.color, mr: 8 },
-                    width: 8
-                  }
-                ),
-                /* @__PURE__ */ i(
-                  _,
-                  {
-                    alignItems: "center",
-                    direction: "row",
-                    justifyContent: "space-between",
-                    width: "100%",
-                    children: [
-                      /* @__PURE__ */ e(o, { bold: c === s.guid, children: s.displayName }),
-                      /* @__PURE__ */ e(o, { bold: c === s.guid, variant: "body1", children: m === 0 ? R(s.value) : ae(s.percentage) })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(Y, {}),
-      s.holdings && s.holdings.length > 0 && /* @__PURE__ */ e(Me, { in: c === s.guid, unmountOnExit: !0, children: /* @__PURE__ */ i(ne, { children: [
-        s?.holdings?.map((y) => /* @__PURE__ */ e(
-          ie,
-          {
-            sx: {
-              pl: 24,
-              pr: 8,
-              py: 0
-            },
-            children: /* @__PURE__ */ i(_, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-              /* @__PURE__ */ i(o, { children: [
-                y.displayName,
-                " "
-              ] }),
-              /* @__PURE__ */ e(o, { children: m === 0 ? R(y.value) : ae(y.percentage) })
-            ] })
-          },
-          y.displayName
-        )),
-        /* @__PURE__ */ e(Y, {})
-      ] }) })
-    ] }, s.guid)) }),
-    h ? /* @__PURE__ */ i(le, { children: [
-      /* @__PURE__ */ e(o, { sx: { color: "secondary.main", p: 8, textAlign: "center" }, children: l.empty_data }),
-      /* @__PURE__ */ e(Y, {}),
-      /* @__PURE__ */ e(
-        me,
-        {
-          sx: {
-            ".inner-container": { width: b ? "100%" : 364 }
-          }
-        }
-      )
-    ] }) : m === 0 && /* @__PURE__ */ e(o, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${l.total_label_text} ${R(t.totalAmount)}` })
-  ] });
-}, it = ({
-  data: t,
-  hoveredId: u,
-  isPercentage: c,
-  onMouseEnter: m,
-  onMouseLeave: f,
-  onSelected: v,
-  selectedId: d,
-  size: l = 150,
-  totalLabel: x
-}) => {
-  const h = Z(), b = h.palette.mode === "dark", s = k.useMemo(
-    () => d ? t.investmentsData.find(({ guid: T }) => T === d) : void 0,
-    [d]
-  ), {
-    investments: { allocation: y }
-  } = N(), r = k.useMemo(() => t.donutData.length > 0 ? t.donutData : [{ id: "0", color: h.palette.neutral.light, value: 100 }], [t, h]), n = b ? "#0AC295" : "#09A57F", g = b ? "grey.300" : "grey.700", C = () => s ? y.pie_chart_centered_click_for_details : c ? ae(t.totalGainLossPercentage) : R(t.totalGainLoss), D = t.totalGainLoss >= 0 ? n : g;
-  return /* @__PURE__ */ e(
-    He,
-    {
-      data: r,
-      hoveredId: u,
-      onClick: v,
-      onMouseEnter: m,
-      onMouseLeave: f,
-      selectedId: d,
-      size: l,
-      children: /* @__PURE__ */ e(_, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ e(_, { alignItems: "center", justifyContent: "center", minHeight: l, minWidth: l, children: /* @__PURE__ */ i(_, { alignItems: "center", sx: { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } }, children: [
-        /* @__PURE__ */ e(o, { color: "text.secondary", noWrap: !0, children: s?.displayName ?? x }),
-        /* @__PURE__ */ e(X, { color: "text.primary", variant: "h1", children: R(s?.value ?? t.totalMarketValue) }),
-        /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-          !s && /* @__PURE__ */ e(
-            W,
-            {
-              name: t.totalGainLoss >= 0 ? "trending_up" : "trending_down",
-              size: 20,
-              sx: { color: D }
-            }
-          ),
-          /* @__PURE__ */ e(
-            o,
-            {
-              sx: {
-                color: D,
-                fontWeight: 700
-              },
-              variant: "body2",
-              children: C()
-            }
-          )
-        ] })
-      ] }) }) })
-    }
-  );
-}, ot = () => {
-  const [t, u] = k.useState(0), [c, m] = k.useState(""), [f, v] = k.useState(""), d = (n) => {
-    c !== n ? m(n) : (m(""), v(""));
-  }, { selectedAccountGuids: l } = J(), { visibleHoldings: x } = U(), { visibleInvestmentAccounts: h } = ce(), {
-    investments: { allocation: b }
-  } = N(), s = tt(
-    h.filter(({ guid: n }) => l.includes(n)),
-    b,
-    x
-  ), { isMobile: y } = j(), r = xe("(max-width:768px)");
-  return /* @__PURE__ */ i(
-    _,
-    {
-      alignItems: r ? "center" : "flex-start",
-      direction: r ? "column" : "row",
-      gap: { xs: 16, md: 64, xl: 100 },
-      sx: {
-        justifyContent: "center",
-        mt: 50,
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ e(
-          it,
-          {
-            data: s,
-            hoveredId: f,
-            isPercentage: t === 1,
-            onMouseEnter: (n) => {
-              c === n ? v("") : c || v(n);
-            },
-            onMouseLeave: () => {
-              v("");
-            },
-            onSelected: d,
-            selectedId: c,
-            size: y ? 280 : 400,
-            totalLabel: b.pie_chart_centered_text
-          }
-        ),
-        /* @__PURE__ */ e(
-          nt,
-          {
-            data: s,
-            onSelected: d,
-            selectedId: c,
-            selectedTabs: t,
-            setSelectedTabs: u
-          }
-        )
-      ]
-    }
-  );
-}, rt = $(ot), st = ({
-  analysisDetails: t,
-  analysisType: u,
-  copy: c,
-  setAnalysisType: m
-}) => {
-  const { isSmallMobile: f } = j(), v = k.useMemo(() => Object.keys(t).filter((l) => t[l] >= 1).map((l) => ({
-    key: l,
-    value: re(t[l], "0,0"),
-    formattedKey: ze(l)
-  })), [t]), d = [
-    { label: c.equities, value: V.Stocks },
-    { label: c.bonds, value: V.Bonds }
-  ];
-  return /* @__PURE__ */ i(_, { sx: { gap: 12, width: { md: 412 } }, children: [
-    /* @__PURE__ */ e(
-      fe,
-      {
-        color: "primary",
-        exclusive: !0,
-        onChange: (l, x) => x && m(x),
-        sx: {
-          width: "100%",
-          "& .MuiToggleButton-root": {
-            color: "secondary.main",
-            fontWeight: 600,
-            textTransform: "capitalize"
-          }
-        },
-        value: v.length ? u : -1,
-        children: d.map(({ label: l, value: x }) => /* @__PURE__ */ e(ye, { sx: { width: "100%" }, value: x, children: l }, x))
-      }
-    ),
-    v.length ? /* @__PURE__ */ e(
-      ne,
-      {
-        sx: {
-          "& .MuiListItemSecondaryAction-root": { pr: 12 },
-          "& .MuiListItem-divider": { borderColor: "neutral.light" },
-          "& .MuiListItem-root": { minHeight: 44, px: 12 }
-        },
-        children: v.map(({ value: l, formattedKey: x }) => /* @__PURE__ */ e(ie, { divider: !0, secondaryAction: /* @__PURE__ */ e(o, { children: l }), children: /* @__PURE__ */ e(
-          Oe,
-          {
-            primary: x,
-            slotProps: { primary: { fontStyle: "normal" } }
-          }
-        ) }, x))
-      }
-    ) : /* @__PURE__ */ i(le, { children: [
-      /* @__PURE__ */ e(o, { sx: { color: "secondary.main", p: 8, textAlign: "center" }, children: c.empty_data }),
-      /* @__PURE__ */ e(Y, { sx: { borderColor: "neutral.light" } }),
-      /* @__PURE__ */ e(
-        me,
-        {
-          sx: {
-            ".inner-container": { width: f ? "100%" : 364 }
-          }
-        }
-      )
-    ] })
-  ] });
-}, at = ({ body: t, title: u }) => /* @__PURE__ */ i(_, { sx: { gap: 4, p: 12 }, children: [
-  /* @__PURE__ */ e(o, { bold: !0, variant: "body1", children: u }),
-  /* @__PURE__ */ e(X, { variant: "subtitle2", children: t })
-] }), lt = ({
-  placement: t = "bottom",
-  tooltip_info_body: u,
-  tooltip_info_title: c
-}) => /* @__PURE__ */ e(
-  Ve,
-  {
-    enterTouchDelay: 500,
-    placement: t,
-    title: /* @__PURE__ */ e(at, { body: u, title: c }),
-    children: /* @__PURE__ */ e(de, { "aria-label": c, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ e(W, { name: "info", sx: { color: "info.main" } }) })
-  }
-), ct = () => {
-  const {
-    investments: { analysis: t }
-  } = N(), { analysisChartData: u, analysisDetails: c, analysisType: m, setAnalysisType: f } = U(), v = xe("(min-width:320px) and (max-width:375px)"), { isMobile: d } = j(), x = Z().palette.mode === "dark", { cellDimension: h, columns: b, rows: s, textVariant: y } = k.useMemo(() => {
-    const r = m === V.Stocks, n = Object.values(r ? t.stock_column_labels : t.bond_column_labels), g = Object.values(r ? t.stock_row_labels : t.bond_row_labels);
-    return { cellDimension: d ? 72 : 100, columns: n, rows: g, textVariant: d ? "caption" : "body1" };
-  }, [t, d, m]);
-  return /* @__PURE__ */ i(
-    _,
-    {
-      sx: {
-        flexDirection: { md: "row" },
-        gap: d ? 48 : 64,
-        justifyContent: "center",
-        pt: 48,
-        px: 16
-      },
-      children: [
-        /* @__PURE__ */ i(
-          _,
-          {
-            sx: {
-              alignItems: "center",
-              flexDirection: "row",
-              justifyContent: "center",
-              pr: { lg: 72 }
-            },
-            children: [
-              /* @__PURE__ */ i(
-                _,
-                {
-                  sx: {
-                    alignItems: "center",
-                    bottom: d ? 10 : 24,
-                    gap: d ? 0 : 24,
-                    position: "relative",
-                    transform: "rotate(-180deg)",
-                    writingMode: "vertical-rl"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(X, { bold: !0, color: "secondary.main", variant: y, children: m === V.Stocks ? t.market_capitalization : t.credit_quality }),
-                    /* @__PURE__ */ e(
-                      _,
-                      {
-                        sx: {
-                          flexDirection: "row",
-                          height: d ? 224 : 308,
-                          justifyContent: "space-around"
-                        },
-                        children: b.map((r) => /* @__PURE__ */ e(
-                          o,
-                          {
-                            sx: {
-                              color: "secondary.main",
-                              pl: 12,
-                              pr: d ? 4 : 0
-                            },
-                            variant: y,
-                            children: r
-                          },
-                          r
-                        ))
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
-                /* @__PURE__ */ i(
-                  _,
-                  {
-                    sx: {
-                      alignSelf: v ? "start" : "center",
-                      flexDirection: "row",
-                      gap: 8,
-                      pb: 12
-                    },
-                    children: [
-                      /* @__PURE__ */ e(o, { bold: !0, children: t.invest_analysis }),
-                      /* @__PURE__ */ e(
-                        lt,
-                        {
-                          tooltip_info_body: t.tooltip_info_body,
-                          tooltip_info_title: t.tooltip_info_title
-                        }
-                      )
-                    ]
-                  }
-                ),
-                u.map((r, n, g) => /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: r.map((C, D) => {
-                  const T = n === 0, B = n === g.length - 1, A = D === 0, G = D === r.length - 1, F = Number(C.replace("%", "")) >= 25;
-                  let L = "grey.200", H = "grey.900";
-                  return x ? (L = F ? "grey.200" : "grey.700", H = F ? "grey.900" : "common.white") : (L = F ? "grey.700" : "grey.200", H = F ? "common.white" : "grey.900"), /* @__PURE__ */ e(
-                    _,
-                    {
-                      sx: {
-                        ...{
-                          borderBottomLeftRadius: B && A ? 4 : 0,
-                          borderBottomRightRadius: B && G ? 4 : 0,
-                          borderTopLeftRadius: T && A ? 4 : 0,
-                          borderTopRightRadius: T && G ? 4 : 0
-                        },
-                        alignItems: "center",
-                        bgcolor: L,
-                        height: h,
-                        justifyContent: "center",
-                        width: h
-                      },
-                      children: /* @__PURE__ */ e(
-                        o,
-                        {
-                          sx: {
-                            color: H,
-                            fontWeight: d ? 600 : 700
-                          },
-                          variant: d ? "body1" : "h3",
-                          children: C
-                        }
-                      )
-                    },
-                    D
-                  );
-                }) }, n)),
-                /* @__PURE__ */ e(_, { sx: { alignSelf: "center", flexDirection: "row", pt: 12 }, children: s.map((r) => /* @__PURE__ */ e(_, { sx: { alignItems: "center", width: h }, children: /* @__PURE__ */ e(o, { color: "secondary.main", variant: y, children: r }) }, r)) }),
-                /* @__PURE__ */ e(
-                  o,
-                  {
-                    bold: !0,
-                    sx: { color: "secondary.main", pt: d ? 4 : 24, textAlign: "center" },
-                    variant: y,
-                    children: m === V.Stocks ? t.valuation : t.duration
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          st,
-          {
-            analysisDetails: c,
-            analysisType: m,
-            copy: {
-              empty_data: t.empty_data,
-              equities: t.equities,
-              bonds: t.bonds
-            },
-            setAnalysisType: f
-          }
-        )
-      ]
-    }
-  );
-}, dt = $(ct), mt = ({
-  accountHoldingsData: t,
-  currentEditedCostBasis: u,
-  editingHoldingId: c,
-  handleCostBasisBlur: m,
-  handleCostBasisClick: f,
-  handleCostBasisChange: v,
-  handleCostBasisKeyDown: d,
-  isOpen: l,
-  onClose: x
-}) => {
-  const { investments: h } = N(), [b, s] = k.useState({}), y = (r) => (n, g) => {
-    s((C) => ({
-      ...C,
-      [r]: g
-    }));
-  };
-  return /* @__PURE__ */ i(
-    Re,
-    {
-      ariaLabelClose: h.overview.close_investment_drawer,
-      isOpen: l,
-      onClose: x,
-      title: h.overview.investment_details,
-      children: [
-        /* @__PURE__ */ i(p, { sx: { gap: 8, p: 24 }, children: [
-          /* @__PURE__ */ e(
-            oe,
-            {
-              alt: t.accounts.institutionName || "",
-              institutionGuid: t.accounts.institution_guid || "",
-              size: 64
-            }
-          ),
-          /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body2", children: t.accounts.memberName }),
-          /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "h2", children: t.accounts.user_name || t.accounts.name }),
-          /* @__PURE__ */ i(p, { sx: { alignItems: "center", flexDirection: "row", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: h.overview.current_balance }),
-            /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: t.accounts.balance?.toLocaleString("en-US", {
-              currency: "USD",
-              maximumFractionDigits: 2,
-              minimumFractionDigits: 2,
-              style: "currency"
-            }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ i(
-          p,
-          {
-            sx: {
-              bgcolor: "background.default",
-              flexDirection: "row",
-              justifyContent: "space-between",
-              px: 24,
-              py: 10
-            },
-            children: [
-              /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 700 }, variant: "caption", children: h.overview.holding }),
-              /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 700 }, variant: "caption", children: h.overview.market_value })
-            ]
-          }
-        ),
-        t.holdings?.map((r, n) => {
-          const g = c === r.id;
-          return /* @__PURE__ */ i(
-            be,
-            {
-              disableGutters: !0,
-              expanded: b[r.id] === !0,
-              onChange: r ? y(r?.id) : () => {
-              },
-              sx: {
-                ":before": n === 0 ? { opacity: 0 } : {},
-                ".MuiAccordionDetails-root": { p: 0 }
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  we,
-                  {
-                    "aria-controls": "panel1a-content",
-                    id: "panel1a-header",
-                    sx: [
-                      { height: 64 },
-                      b[r.id] && n > 0 && {
-                        borderTop: 1,
-                        borderColor: "divider"
-                      }
-                    ],
-                    children: /* @__PURE__ */ i(p, { sx: { flexDirection: "row", width: "100%" }, children: [
-                      /* @__PURE__ */ e("div", { style: { width: 24 } }),
-                      /* @__PURE__ */ i(
-                        p,
-                        {
-                          sx: [
-                            {
-                              alignItems: "center",
-                              flexDirection: "row",
-                              justifyContent: "space-between",
-                              pr: 24,
-                              py: 14,
-                              width: "100%"
-                            },
-                            b[r.id] && {
-                              borderBottom: 1,
-                              borderColor: "divider"
-                            }
-                          ],
-                          children: [
-                            /* @__PURE__ */ e(
-                              p,
-                              {
-                                sx: {
-                                  alignItems: "center",
-                                  flex: 1,
-                                  flexDirection: "row",
-                                  gap: 12,
-                                  minWidth: 0
-                                },
-                                children: /* @__PURE__ */ i(p, { sx: { minWidth: 0, overflow: "hidden" }, children: [
-                                  /* @__PURE__ */ e(
-                                    o,
-                                    {
-                                      sx: {
-                                        fontWeight: 600,
-                                        display: "-webkit-box",
-                                        WebkitBoxOrient: "vertical",
-                                        WebkitLineClamp: 1,
-                                        overflow: "hidden",
-                                        overflowWrap: "anywhere"
-                                      },
-                                      variant: "body1",
-                                      children: r.holding
-                                    }
-                                  ),
-                                  /* @__PURE__ */ e(
-                                    o,
-                                    {
-                                      sx: {
-                                        display: "-webkit-box",
-                                        WebkitBoxOrient: "vertical",
-                                        WebkitLineClamp: 2,
-                                        overflow: "hidden",
-                                        overflowWrap: "anywhere"
-                                      },
-                                      variant: "caption",
-                                      children: r.description
-                                    }
-                                  )
-                                ] })
-                              }
-                            ),
-                            /* @__PURE__ */ i(
-                              p,
-                              {
-                                sx: {
-                                  alignItems: "center",
-                                  flexShrink: 0,
-                                  flexDirection: "row",
-                                  gap: 12,
-                                  justifyContent: "flex-end"
-                                },
-                                children: [
-                                  /* @__PURE__ */ i(p, { children: [
-                                    /* @__PURE__ */ e(o, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: r.marketValue?.toLocaleString("en-US", {
-                                      currency: "USD",
-                                      maximumFractionDigits: 2,
-                                      minimumFractionDigits: 2,
-                                      style: "currency"
-                                    }) }),
-                                    /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
-                                      r.totalGainLoss !== 0 && /* @__PURE__ */ e(
-                                        W,
-                                        {
-                                          name: r.totalGainLoss >= 0 ? "trending_up" : "trending_down",
-                                          size: 12,
-                                          sx: {
-                                            verticalAlign: "middle",
-                                            mr: 1,
-                                            color: r.totalGainLoss >= 0 ? "success.main" : "grey.700"
-                                          }
-                                        }
-                                      ),
-                                      /* @__PURE__ */ e(
-                                        o,
-                                        {
-                                          sx: {
-                                            color: r.totalGainLoss <= 0 ? "grey.700" : "success.main",
-                                            fontWeight: r.totalGainLoss <= 0 ? 400 : 700
-                                          },
-                                          variant: "caption",
-                                          children: r.costBasis ? `${(r.totalGainLoss / r.costBasis * 100).toFixed(2)}%` : "0.00%"
-                                        }
-                                      ),
-                                      /* @__PURE__ */ e(o, { sx: { color: "grey.700" }, variant: "caption", children: "|" }),
-                                      /* @__PURE__ */ e(
-                                        o,
-                                        {
-                                          sx: {
-                                            color: r.totalGainLoss <= 0 ? "grey.700" : "success.main",
-                                            fontWeight: r.totalGainLoss <= 0 ? 400 : 700
-                                          },
-                                          variant: "caption",
-                                          children: Math.abs(r.totalGainLoss).toLocaleString("en-US", {
-                                            currency: "USD",
-                                            maximumFractionDigits: 2,
-                                            minimumFractionDigits: 2,
-                                            style: "currency"
-                                          })
-                                        }
-                                      )
-                                    ] })
-                                  ] }),
-                                  /* @__PURE__ */ e(
-                                    W,
-                                    {
-                                      name: b[r.id] ? "expand_less" : "expand_more",
-                                      size: 20
-                                    }
-                                  )
-                                ]
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ i(
-                  p,
-                  {
-                    sx: {
-                      alignItems: "center",
-                      bgcolor: "background.default",
-                      flexDirection: "row",
-                      pl: 24
-                    },
-                    children: [
-                      /* @__PURE__ */ e(p, { sx: { width: 32 } }),
-                      /* @__PURE__ */ i(p, { sx: { flex: 1 }, children: [
-                        /* @__PURE__ */ i(
-                          p,
-                          {
-                            sx: {
-                              alignItems: "center",
-                              borderBottom: 1,
-                              borderColor: "divider",
-                              flexDirection: "row",
-                              height: 48,
-                              justifyContent: "space-between",
-                              pr: 24
-                            },
-                            children: [
-                              /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body1", children: h.overview.quantity }),
-                              /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body2", children: r.qty })
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ i(
-                          p,
-                          {
-                            sx: {
-                              alignItems: "center",
-                              flexDirection: "row",
-                              height: 48,
-                              justifyContent: "space-between",
-                              pr: 24
-                            },
-                            children: [
-                              /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body1", children: h.overview.cost_basis_header }),
-                              /* @__PURE__ */ i(
-                                p,
-                                {
-                                  direction: "row",
-                                  sx: {
-                                    alignItems: "center",
-                                    gap: 4
-                                  },
-                                  children: [
-                                    g ? /* @__PURE__ */ e(
-                                      Ce,
-                                      {
-                                        autoFocus: !0,
-                                        onBlur: () => m(r.id),
-                                        onChange: v,
-                                        onKeyDown: (C) => d(C, r.id),
-                                        size: "small",
-                                        sx: {
-                                          fontSize: 14,
-                                          width: 58,
-                                          "& .MuiInputBase-input": {
-                                            padding: "4px 0",
-                                            textAlign: "center",
-                                            fontWeight: 600,
-                                            color: "text.primary"
-                                          },
-                                          "& .MuiOutlinedInput-notchedOutline": {
-                                            border: "none"
-                                          }
-                                        },
-                                        value: u
-                                      }
-                                    ) : /* @__PURE__ */ e(o, { sx: { fontSize: 14, width: 58 }, variant: "body2", children: r.costBasis?.toLocaleString("en-US", {
-                                      currency: "USD",
-                                      maximumFractionDigits: 2,
-                                      minimumFractionDigits: 2,
-                                      style: "currency"
-                                    }) }),
-                                    /* @__PURE__ */ e(
-                                      de,
-                                      {
-                                        onClick: () => f(r.id, r.costBasis),
-                                        sx: { minWidth: 16, minHeight: 16 },
-                                        children: /* @__PURE__ */ e(W, { name: "stylus", size: 16, sx: { color: "grey.700" } })
-                                      }
-                                    )
-                                  ]
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ) })
-              ]
-            },
-            r.id
-          );
-        })
-      ]
-    }
-  );
-}, ut = $(mt), K = (t) => /* @__PURE__ */ i(Pe, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-  /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "body2", children: t.colDef.headerName }),
-  /* @__PURE__ */ e(W, { name: "expand_all", size: 12 })
-] }), ht = ({
-  data: t,
-  editingHoldingId: u,
-  currentEditedCostBasis: c,
-  handleCostBasisClick: m,
-  handleCostBasisChange: f,
-  handleCostBasisKeyDown: v,
-  handleCostBasisBlur: d
-}) => {
-  const { investments: l } = N(), h = Z().palette.mode === "dark", b = "success.main", s = h ? "grey.300" : "grey.700", y = (n, g = "lesserThan") => g === "greaterThan" ? n >= 0 ? b : s : n <= 0 ? s : b, r = [
-    {
-      field: "qty",
-      headerName: l.overview.qty_header,
-      sortable: !1,
-      width: 48,
-      align: "center",
-      headerAlign: "center"
-    },
-    {
-      field: "holding",
-      headerName: l.overview.holding_header,
-      flex: 1,
-      renderHeader: K,
-      renderCell: (n) => /* @__PURE__ */ e(_, { sx: { alignItems: "center", gap: 16, flexDirection: "row" }, children: /* @__PURE__ */ i(_, { children: [
-        /* @__PURE__ */ e(o, { sx: { fontWeight: 700 }, children: n.row.holding }),
-        /* @__PURE__ */ e(o, { sx: { color: "text.secondary", fontWeight: 400 }, variant: "tiny", children: n.row.description })
-      ] }) })
-    },
-    {
-      field: "costBasis",
-      headerName: l.overview.cost_basis_header,
-      width: 132,
-      renderHeader: K,
-      renderCell: (n) => {
-        const g = u === n.row.id;
-        return /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-          g ? /* @__PURE__ */ e(
-            Ce,
-            {
-              autoFocus: !0,
-              onBlur: () => d(n.row.id),
-              onChange: f,
-              onKeyDown: (C) => v(C, n.row.id),
-              size: "small",
-              sx: {
-                fontSize: 14,
-                width: 57,
-                "& .MuiInputBase-input": {
-                  padding: "4px 0",
-                  textAlign: "center",
-                  fontWeight: 600,
-                  color: "text.primary"
-                },
-                "& .MuiOutlinedInput-notchedOutline": {
-                  border: "none"
-                }
-              },
-              value: c
-            }
-          ) : /* @__PURE__ */ e(o, { sx: { fontSize: 14, width: 57 }, variant: "body2", children: n.value?.toLocaleString("en-US", {
-            currency: "USD",
-            maximumFractionDigits: 2,
-            minimumFractionDigits: 2,
-            style: "currency"
-          }) }),
-          /* @__PURE__ */ e(
-            de,
-            {
-              onClick: () => m(n.row.id, n.row.costBasis),
-              sx: { minWidth: 12, minHeight: 12 },
-              children: /* @__PURE__ */ e(W, { name: "stylus", size: 12, sx: { color: "grey.700" } })
-            }
-          )
-        ] });
-      },
-      align: "center",
-      headerAlign: "center"
-    },
-    {
-      field: "totalGainLoss",
-      headerName: l.overview.total_gain_loss_header,
-      width: 196,
-      renderHeader: K,
-      renderCell: (n) => {
-        const g = n.row.costBasis, C = g ? n.row.totalGainLoss / g * 100 : 0;
-        return /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-          n.value !== 0 && /* @__PURE__ */ e(
-            W,
-            {
-              name: n.value > 0 ? "trending_up" : "trending_down",
-              size: 16,
-              sx: {
-                color: y(n.value),
-                mr: 1,
-                verticalAlign: "middle"
-              }
-            }
-          ),
-          /* @__PURE__ */ e(
-            o,
-            {
-              sx: {
-                color: y(n.value),
-                fontWeight: n.value > 0 ? 700 : 400
-              },
-              variant: "body2",
-              children: g ? `${C.toFixed(2)}%` : "0.00%"
-            }
-          ),
-          /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
-          /* @__PURE__ */ e(
-            o,
-            {
-              sx: {
-                color: y(n.value),
-                fontWeight: n.value > 0 ? 700 : 400
-              },
-              variant: "body2",
-              children: Math.abs(n.value).toLocaleString("en-US", {
-                currency: "USD",
-                maximumFractionDigits: 2,
-                minimumFractionDigits: 2,
-                style: "currency"
-              })
-            }
-          )
-        ] });
-      },
-      align: "right",
-      headerAlign: "right",
-      sortable: !1
-    },
-    {
-      field: "marketValue",
-      headerName: l.overview.market_value_header,
-      width: 132,
-      renderHeader: K,
-      renderCell: (n) => /* @__PURE__ */ e(o, { sx: { fontWeight: 700 }, variant: "body2", children: n.value?.toLocaleString("en-US", {
-        currency: "USD",
-        maximumFractionDigits: 2,
-        minimumFractionDigits: 2,
-        style: "currency"
-      }) }),
-      align: "right",
-      headerAlign: "right"
-    }
-  ];
-  return /* @__PURE__ */ e(
-    se,
-    {
-      sx: {
-        boxShadow: "none",
-        width: "100%"
-      },
-      children: /* @__PURE__ */ e(
-        $e,
-        {
-          columns: r,
-          disableColumnFilter: !0,
-          disableColumnMenu: !0,
-          disableRowSelectionOnClick: !0,
-          hideFooter: !0,
-          rows: t,
-          slotProps: { baseIconButton: { sx: { display: "none" } } }
-        }
-      )
-    }
-  );
-}, gt = () => {
-  const { isMobile: t } = j(), [u, c] = O({}), [m, f] = O(!1), { selectedAccountGuids: v } = J(), { visibleHoldings: d, updateHoldings: l } = U(), [x, h] = k.useState(!1), [b, s] = O({
-    accounts: [],
-    holdings: []
-  }), { accounts: y, investments: r } = N(), { isCopyLoaded: n } = J(), [g, C] = O(null), [D, T] = O(""), A = Z().palette.mode === "dark", G = A ? "#0AC295" : "#09A57F", F = A ? "grey.300" : "grey.700", L = (a, w = "lesserThan") => w === "greaterThan" ? a >= 0 ? G : F : a <= 0 ? F : G, H = (a, w) => {
-    C(a), T(w.toFixed(2));
-  }, ee = (a) => {
-    const w = a.target.value;
-    /^\d*\.?\d*$/.test(w) && T(w);
-  }, ue = (a, w) => {
-    a.key === "Enter" ? te(w) : a.key === "Escape" && C(null);
-  }, te = (a) => {
-    const w = d.find(({ guid: E }) => E === a);
-    if (!w) return;
-    const M = Number(D);
-    if (l({ ...w, cost_basis: M }), t) {
-      const E = b.holdings.map(
-        (S) => S.id === a ? { ...S, costBasis: M } : S
-      );
-      s((S) => ({
-        ...S,
-        holdings: E
-      }));
-    }
-    C(null);
-  }, Se = (a) => (w, M) => {
-    c((E) => ({
-      ...E,
-      [a]: M
-    }));
-  }, { visibleHoldings: he } = U(), { visibleInvestmentAccounts: Le } = ce(), P = Le.filter(
-    ({ guid: a }) => v.includes(a)
-  ), Ie = P.reduce((a, w) => a + (w.balance || 0), 0), Ae = P.map(({ guid: a }) => a), q = he.filter(
-    ({ account_guid: a }) => Ae.includes(a)
-  ).reduce((a, w) => {
-    const M = w.market_value ? w.market_value - (w.cost_basis || 0) : 0;
-    return a + M;
-  }, 0), ke = () => {
-    f(!1);
-  };
-  return n ? /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 48, pt: 48, width: "100%" }, children: [
-    !!P.length && /* @__PURE__ */ i(p, { sx: { alignItems: "center" }, children: [
-      /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, children: r.overview.total_portfolio }),
-      /* @__PURE__ */ e(X, { variant: "h1", children: Ie.toLocaleString("en-US", {
-        currency: "USD",
-        maximumFractionDigits: 2,
-        minimumFractionDigits: 2,
-        style: "currency"
-      }) }),
-      /* @__PURE__ */ i(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-        /* @__PURE__ */ e(
-          W,
-          {
-            name: q >= 0 ? "trending_up" : "trending_down",
-            size: 20,
-            sx: { color: L(q, "greaterThan") }
-          }
-        ),
-        /* @__PURE__ */ e(
-          o,
-          {
-            sx: { color: L(q, "greaterThan"), fontWeight: 700 },
-            variant: "body2",
-            children: q.toLocaleString("en-US", {
-              currency: "USD",
-              maximumFractionDigits: 2,
-              minimumFractionDigits: 2,
-              style: "currency"
-            })
-          }
-        )
-      ] })
-    ] }),
-    P.map((a) => {
-      const w = he.filter((I) => I.account_guid === a.guid).map((I) => ({
-        id: I.guid,
-        qty: I.shares || 0,
-        holding: I.symbol || I.description || "Unknown",
-        costBasis: I.cost_basis || 0,
-        totalGainLoss: I.market_value ? I.market_value - (I.cost_basis || 0) : 0,
-        marketValue: I.market_value || 0,
-        description: I.description || ""
-      })), M = w.length > 0, E = a.balance, S = w.reduce(
-        (I, Be) => Be.totalGainLoss + I,
-        0
-      ), ge = E ? S / E * 100 : 0;
-      if (t)
-        return /* @__PURE__ */ e(
-          se,
-          {
-            onClick: w.length ? () => {
-              f(!0), s({
-                holdings: w,
-                accounts: a
-              });
-            } : void 0,
-            sx: {
-              width: "100%",
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ i(
-              p,
-              {
-                sx: {
-                  border: 1,
-                  borderColor: "divider",
-                  borderRadius: "8px",
-                  ml: 16,
-                  mr: 16,
-                  overflow: "hidden",
-                  pt: 14
-                },
-                children: [
-                  /* @__PURE__ */ i(
-                    p,
-                    {
-                      sx: {
-                        alignItems: "center",
-                        borderBottom: 1,
-                        borderColor: "divider",
-                        flexDirection: "row",
-                        pb: 14,
-                        pl: 14,
-                        pr: 14
-                      },
-                      children: [
-                        /* @__PURE__ */ e(
-                          oe,
-                          {
-                            alt: a.institutionName || "",
-                            institutionGuid: a.institution_guid || "",
-                            size: 32
-                          }
-                        ),
-                        /* @__PURE__ */ i(p, { sx: { overflow: "hidden", pl: 13, pr: 13 }, children: [
-                          /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: a.memberName }),
-                          /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: a.user_name || a.name })
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    p,
-                    {
-                      sx: {
-                        alignItems: "center",
-                        flexDirection: "row",
-                        justifyContent: "space-between",
-                        pb: 8,
-                        pt: 8
-                      },
-                      children: [
-                        /* @__PURE__ */ i(
-                          p,
-                          {
-                            sx: {
-                              alignItems: "center",
-                              borderRight: 1,
-                              borderColor: "divider",
-                              flex: 1,
-                              justifyContent: "center",
-                              pb: 14,
-                              pl: 7,
-                              pr: 7,
-                              pt: 14
-                            },
-                            children: [
-                              /* @__PURE__ */ e(o, { sx: { color: "text.secondary", fontSize: 11 }, variant: "body2", children: r.overview.total_gain_Loss }),
-                              /* @__PURE__ */ i(
-                                p,
-                                {
-                                  sx: {
-                                    alignItems: "center",
-                                    flexDirection: "row",
-                                    gap: 2,
-                                    justifyContent: "flex-end"
-                                  },
-                                  children: [
-                                    S !== 0 && /* @__PURE__ */ e(
-                                      W,
-                                      {
-                                        name: S > 0 ? "trending_up" : "trending_down",
-                                        size: 20,
-                                        sx: { color: L(S) }
-                                      }
-                                    ),
-                                    /* @__PURE__ */ i(
-                                      o,
-                                      {
-                                        sx: {
-                                          color: L(S),
-                                          fontWeight: 600
-                                        },
-                                        variant: "body1",
-                                        children: [
-                                          ge.toFixed(2),
-                                          "%"
-                                        ]
-                                      }
-                                    ),
-                                    /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
-                                    /* @__PURE__ */ e(
-                                      o,
-                                      {
-                                        sx: {
-                                          color: L(S),
-                                          fontWeight: 600
-                                        },
-                                        variant: "body1",
-                                        children: Math.abs(S).toLocaleString("en-US", {
-                                          currency: "USD",
-                                          maximumFractionDigits: 2,
-                                          minimumFractionDigits: 2,
-                                          style: "currency"
-                                        })
-                                      }
-                                    )
-                                  ]
-                                }
-                              )
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ i(
-                          p,
-                          {
-                            sx: {
-                              alignItems: "center",
-                              flex: 1,
-                              justifyContent: "center",
-                              pb: 14,
-                              pl: 7,
-                              pr: 7,
-                              pt: 14
-                            },
-                            children: [
-                              /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_value }),
-                              /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: E?.toLocaleString("en-US", {
-                                currency: "USD",
-                                maximumFractionDigits: 2,
-                                minimumFractionDigits: 2,
-                                style: "currency"
-                              }) })
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          },
-          a.guid
-        );
-      const Te = A ? "grey.700" : "grey.400", We = w.length ? "text.primary" : Te;
-      return /* @__PURE__ */ i(
-        be,
-        {
-          expanded: u[a.guid] === !0,
-          onChange: M ? Se(a.guid) : () => {
-          },
-          sx: {
-            border: 1,
-            borderColor: "divider",
-            borderRadius: "4px",
-            width: "100%"
-          },
-          children: [
-            /* @__PURE__ */ i(
-              we,
-              {
-                "aria-controls": "panel1a-content",
-                id: "panel1a-header",
-                sx: [
-                  u[a.guid] && {
-                    borderBottom: 1,
-                    borderColor: "divider",
-                    maxHeight: 88
-                  }
-                ],
-                children: [
-                  /* @__PURE__ */ i(
-                    p,
-                    {
-                      sx: {
-                        alignItems: "center",
-                        flexDirection: "row",
-                        gap: 13,
-                        p: 14,
-                        width: "100%"
-                      },
-                      children: [
-                        /* @__PURE__ */ e(W, { name: "expand_more", size: 20, sx: { color: We } }),
-                        /* @__PURE__ */ e(
-                          oe,
-                          {
-                            alt: a.institutionName || "",
-                            institutionGuid: a.institution_guid || "",
-                            size: 32
-                          }
-                        ),
-                        /* @__PURE__ */ i(p, { sx: { alignItems: "flex-start" }, children: [
-                          /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: a.memberName }),
-                          /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: a.user_name || a.name })
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ i(p, { sx: { flexDirection: "row" }, children: [
-                    /* @__PURE__ */ i(p, { sx: { alignItems: "flex-end", pb: 14, pl: 24, pr: 24, pt: 14 }, children: [
-                      /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_gain_Loss }),
-                      /* @__PURE__ */ i(
-                        p,
-                        {
-                          sx: {
-                            alignItems: "center",
-                            flexDirection: "row",
-                            gap: 2,
-                            justifyContent: "flex-end"
-                          },
-                          children: [
-                            S !== 0 && /* @__PURE__ */ e(
-                              W,
-                              {
-                                name: S >= 0 ? "trending_up" : "trending_down",
-                                size: 20,
-                                sx: { color: L(S) }
-                              }
-                            ),
-                            /* @__PURE__ */ i(
-                              o,
-                              {
-                                sx: {
-                                  color: L(S),
-                                  fontWeight: 600
-                                },
-                                variant: "body1",
-                                children: [
-                                  ge.toFixed(2),
-                                  "%"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
-                            /* @__PURE__ */ e(
-                              o,
-                              {
-                                sx: {
-                                  color: L(S),
-                                  fontWeight: 600
-                                },
-                                variant: "body1",
-                                children: Math.abs(S).toLocaleString("en-US", {
-                                  currency: "USD",
-                                  maximumFractionDigits: 2,
-                                  minimumFractionDigits: 2,
-                                  style: "currency"
-                                })
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ e(p, { sx: { alignItems: "flex-end", gap: 12, pb: 14, pl: 16, pr: 16, pt: 14 }, children: /* @__PURE__ */ i(p, { sx: { alignItems: "flex-end" }, children: [
-                      /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_value }),
-                      /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: E?.toLocaleString("en-US", {
-                        currency: "USD",
-                        maximumFractionDigits: 2,
-                        minimumFractionDigits: 2,
-                        style: "currency"
-                      }) })
-                    ] }) })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(_e, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ e(se, { sx: { border: 1, borderColor: "neutral.light" }, children: /* @__PURE__ */ e(
-              ht,
-              {
-                currentEditedCostBasis: D,
-                data: w,
-                editingHoldingId: g,
-                handleCostBasisBlur: te,
-                handleCostBasisChange: ee,
-                handleCostBasisClick: H,
-                handleCostBasisKeyDown: ue
-              }
-            ) }) })
-          ]
-        },
-        a.guid
-      );
-    }),
-    /* @__PURE__ */ e(me, {}),
-    /* @__PURE__ */ e(
-      ut,
-      {
-        accountHoldingsData: b,
-        currentEditedCostBasis: D,
-        editingHoldingId: g,
-        handleCostBasisBlur: te,
-        handleCostBasisChange: ee,
-        handleCostBasisClick: H,
-        handleCostBasisKeyDown: ue,
-        isOpen: m,
-        onClose: ke
-      }
-    ),
-    /* @__PURE__ */ e(
-      pe,
-      {
-        onClose: () => h(!1),
-        showConnectionsWidget: x,
-        title: y.manage_connections
-      }
-    )
-  ] }) : /* @__PURE__ */ e(De, {});
-}, pt = $(gt), xt = ({ title: t }) => /* @__PURE__ */ e(o, { bold: !0, variant: "body1", children: t }), ln = $(({ onBackClick: t, onMenuClick: u, sx: c }) => {
-  const { onEvent: m } = ve(), { isMobile: f } = j(), {
-    isAccountDataLoaded: v,
-    loadAccountData: d,
-    visibleInvestmentAccounts: l
-  } = ce(), {
-    visibleHoldings: x,
-    setShowConnectionsWidget: h,
-    showConnectionsWidget: b
-  } = U(), { investments: s, accounts: y } = N(), { isInitialized: r } = J(), [n, g] = k.useState(0), { loadHoldings: C, holdingsLoaded: D } = U();
-  qe({
-    widgetName: "InvestmentsWidget",
-    isLoaded: D
-  }), k.useEffect(() => {
-    v || d().finally();
-  }, []), k.useEffect(() => {
-    r && C().finally();
-  }, [r]);
-  const T = () => {
-    m(z.INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK);
-  };
-  if (!r || !D) return /* @__PURE__ */ e(De, {});
-  const B = [
-    z.INVESTMENT_WIDGET_DETAILS_CLICK,
-    z.INVESTMENT_WIDGET_ALLOCATION_CLICK,
-    z.INVESTMENT_WIDGET_ANALYSIS_CLICK
-  ], A = l.length === 0 && x.length === 0, G = [
-    s.tab_overview_title,
-    s.tab_allocation_title,
-    s.tab_analysis_title
-  ];
-  return /* @__PURE__ */ i(
-    Ke,
-    {
-      allowedAccountTypes: [Ye.INVESTMENT],
-      onAccountsFilterClick: T,
-      onBackClick: t,
-      onMenuClick: u,
-      sx: c,
-      title: s.title,
-      children: [
-        /* @__PURE__ */ i(_, { mx: f ? 0 : 48, my: 24, children: [
-          /* @__PURE__ */ e(
-            Ee,
-            {
-              onChange: (F, L) => {
-                g(L), m(B[L]);
-              },
-              sx: { bgcolor: "background.paper" },
-              textColor: "primary",
-              value: A ? -1 : n,
-              variant: "fullWidth",
-              children: G.map((F) => /* @__PURE__ */ e(Fe, { disabled: A, label: /* @__PURE__ */ e(xt, { title: F }) }, F))
-            }
-          ),
-          A ? /* @__PURE__ */ e(
-            Qe,
-            {
-              header: s.empty_state_header,
-              icon: "bid_landscape",
-              onClick: () => {
-                h(!0), m(z.ACCOUNTS_CLICK_CONNECT);
-              },
-              primaryButton: s.overview.connect_accounts,
-              subText: s.empty_state_description,
-              sx: {
-                width: { sm: 432 },
-                ".buttons-footer": {
-                  width: 167
-                },
-                ".MuiTypography-h2": {
-                  mt: 20,
-                  mb: 4
-                },
-                px: 16
-              }
-            }
-          ) : /* @__PURE__ */ i(le, { children: [
-            n === 0 && /* @__PURE__ */ e(pt, {}),
-            n === 1 && /* @__PURE__ */ e(rt, {}),
-            n === 2 && /* @__PURE__ */ e(dt, {})
-          ] })
-        ] }),
-        /* @__PURE__ */ e(
-          pe,
-          {
-            onClose: () => h(!1),
-            showConnectionsWidget: b,
-            title: y.manage_connections
-          }
-        )
-      ]
-    }
-  );
-});
+import { InvestmentsWidget as e } from "./InvestmentsWidget.es.js";
 export {
-  ln as InvestmentsWidget
+  e as InvestmentsWidget
 };
-//# sourceMappingURL=index.es.js.map