@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/investments/index.es.js

@@ -1,51 +1,50 @@
-import { jsxs as o, jsx as e, Fragment as ae } from "react/jsx-runtime";
+import { jsxs as i, jsx as e, Fragment as le } from "react/jsx-runtime";
 import T, { 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-D7IXAza2.mjs";
+import { C as pe } from "../ConnectionsDrawer-CtfPXk0M.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 te from "@mui/material/List";
-import ne from "@mui/material/ListItem";
+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 i, P as X, InstitutionLogo as oe } from "@mxenabled/mxui";
+import { Text as o, P as X, InstitutionLogo as oe } from "@mxenabled/mxui";
 import Ue from "@mui/material/Button";
-import { u as N, g as ve, v as U, b as J, d as le } from "../hooks-BaO_gOI6.mjs";
+import { u as N, g as ve, v as U, b as J, d as ce } from "../hooks-BaO_gOI6.mjs";
 import { A as z } from "../Analytics-CzGzz_sE.mjs";
-import { f as ie, a as je } from "../NumberFormatting--XMeeBfr.mjs";
-import { u as j } from "../useScreenSize-CeFhWTt_.mjs";
-import ce from "@mui/material/styles/useTheme";
+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 B } from "@mxenabled/mx-icons";
 import { D as He } from "../Donut-SzzfZDHF.mjs";
-import { useTheme as ze } from "@mui/material/styles";
-import { f as Oe, A as V } from "../InvestmentUtil-BItV7uEs.mjs";
-import Ve from "@mui/material/ListItemText";
+import { f as ze, A as V } from "../InvestmentUtil-BItV7uEs.mjs";
+import Oe from "@mui/material/ListItemText";
 import de from "@mui/material/IconButton";
-import Re from "@mui/material/Tooltip";
+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 re from "@mui/material/Paper";
+import se from "@mui/material/Paper";
 import p from "@mui/system/Stack";
 import Ce from "@mui/material/TextField";
-import { D as $e } from "../Drawer-XPaLYjiO.mjs";
-import { DataGridPro as Pe } from "@mui/x-data-grid-pro";
-import { Stack as qe } from "@mui/material";
+import { D as Re } from "../Drawer-BXqqBMxg.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 Ke } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { W as Ye } from "../WidgetContainer-CYcmwsSu.mjs";
-import { A as Qe } from "../Account-BaJmiJAG.mjs";
-import { E as Je } from "../EmptyState-DHAkGsjk.mjs";
+import { u as qe } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+import { W as Ke } from "../WidgetContainer-DNuz_s7W.mjs";
+import { A as Ye } from "../Account-BaJmiJAG.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__ */ o(_, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...t }, children: [
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...t }, children: [
+    /* @__PURE__ */ i(
       _,
       {
         className: "inner-container",
@@ -56,13 +55,12 @@ const me = ({ sx: t = {} }) => {
           textAlign: "center"
         },
         children: [
-          /* @__PURE__ */ e(i, { sx: { fontWeight: 600, whiteSpace: "normal" }, variant: "body1", children: u.overview.investment_accounts_footer }),
+          /* @__PURE__ */ e(o, { sx: { fontWeight: 600 }, variant: "body1", children: u.overview.investment_accounts_footer }),
           /* @__PURE__ */ e(
-            i,
+            o,
             {
               sx: {
                 color: "text.secondary",
-                whiteSpace: "normal",
                 fontWeight: 400
               },
               variant: "subtitle2",
@@ -84,7 +82,7 @@ const me = ({ sx: t = {} }) => {
       }
     )
   ] });
-}, Xe = {
+}, Je = {
   allocations_cash: "#AEDCCC",
   allocations_convertible: "#80CAD0",
   allocations_foreign_bond: "#51B9D4",
@@ -94,7 +92,7 @@ const me = ({ sx: t = {} }) => {
   allocations_unknown: "#161D6A",
   allocations_us_bond: "#254995",
   allocations_us_stock: "#1E2D84"
-}, Ze = [
+}, Xe = [
   {
     name: "allocations_cash"
   },
@@ -122,10 +120,10 @@ const me = ({ sx: t = {} }) => {
   {
     name: "allocations_unknown"
   }
-], et = (t, u, c) => {
+], Ze = (t, u, c) => {
   const m = u, f = c;
   return t >= Math.min(m, f) && t < Math.max(m, f);
-}, tt = (t, u, c) => {
+}, et = (t, u, c) => {
   const m = [
     ...new Set(t.map((d) => d.name.toLowerCase()))
   ];
@@ -142,7 +140,7 @@ const me = ({ sx: t = {} }) => {
       percentage: l / c
     };
   });
-}, Q = (t) => t.calculated_market_value ? t.calculated_market_value : t.market_value, nt = (t, u, 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) => ({
@@ -162,7 +160,7 @@ const me = ({ sx: t = {} }) => {
     }),
     { marketValue: 0, totalGainLoss: 0 }
   ), y = b + x;
-  Ze.forEach((n, g) => {
+  Xe.forEach((n, g) => {
     const C = l.filter(
       (W) => !!W[n.name]
     );
@@ -170,7 +168,7 @@ const me = ({ sx: t = {} }) => {
       (W, A) => W + Q(A) * A[n.name] / 100,
       0
     );
-    const k = tt(
+    const k = et(
       C,
       n.name,
       D
@@ -192,7 +190,7 @@ const me = ({ sx: t = {} }) => {
       holdings: k,
       percentage: D / y,
       value: D,
-      color: Xe[n.name]
+      color: Je[n.name]
     }), v += D);
   });
   const r = f.map(
@@ -211,7 +209,7 @@ const me = ({ sx: t = {} }) => {
     totalMarketValue: y,
     totalGainLossPercentage: s / h
   };
-}, se = (t) => t < 1e-3 ? "< 0.1%" : je(t), R = (t) => t === 0 ? ie(t, "0,0.00") : et(t, -0.01, 0.01) ? "< $0.01" : ie(t, "0,0.00"), ot = ({
+}, 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,
@@ -226,7 +224,7 @@ const me = ({ sx: t = {} }) => {
     { label: l.tabs_label_dollar, value: 0 },
     { label: l.tabs_label_percent, value: 1 }
   ], h = !t?.investmentsData.length, { isSmallMobile: b } = j();
-  return /* @__PURE__ */ o(_, { sx: { mt: 15, gap: 12, width: d ? 250 : 412 }, children: [
+  return /* @__PURE__ */ i(_, { sx: { mt: 15, gap: 12, width: d ? 250 : 412 }, children: [
     /* @__PURE__ */ e(
       fe,
       {
@@ -234,19 +232,19 @@ const me = ({ sx: t = {} }) => {
         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(i, { bold: !0, textTransform: "capitalize", variant: "body1", children: s }) }, s))
+        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(te, { sx: { px: 12 }, children: t.investmentsData.map((s) => /* @__PURE__ */ o(T.Fragment, { children: [
+    /* @__PURE__ */ e(ne, { sx: { px: 12 }, children: t.investmentsData.map((s) => /* @__PURE__ */ i(T.Fragment, { children: [
       /* @__PURE__ */ e(
-        ne,
+        ie,
         {
           disableGutters: !0,
           disablePadding: !0,
           sx: {
             minHeight: 44
           },
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ i(
             Ge,
             {
               "aria-expanded": c === s.guid,
@@ -263,7 +261,7 @@ const me = ({ sx: t = {} }) => {
                     width: 8
                   }
                 ),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ i(
                   _,
                   {
                     alignItems: "center",
@@ -271,8 +269,8 @@ const me = ({ sx: t = {} }) => {
                     justifyContent: "space-between",
                     width: "100%",
                     children: [
-                      /* @__PURE__ */ e(i, { bold: c === s.guid, children: s.displayName }),
-                      /* @__PURE__ */ e(i, { bold: c === s.guid, variant: "body1", children: m === 0 ? R(s.value) : se(s.percentage) })
+                      /* @__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) })
                     ]
                   }
                 )
@@ -282,21 +280,21 @@ const me = ({ sx: t = {} }) => {
         }
       ),
       /* @__PURE__ */ e(Y, {}),
-      s.holdings && s.holdings.length > 0 && /* @__PURE__ */ e(Me, { in: c === s.guid, unmountOnExit: !0, children: /* @__PURE__ */ o(te, { children: [
+      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(
-          ne,
+          ie,
           {
             sx: {
               pl: 24,
               pr: 8,
               py: 0
             },
-            children: /* @__PURE__ */ o(_, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-              /* @__PURE__ */ o(i, { children: [
+            children: /* @__PURE__ */ i(_, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+              /* @__PURE__ */ i(o, { children: [
                 y.displayName,
                 " "
               ] }),
-              /* @__PURE__ */ e(i, { children: m === 0 ? R(y.value) : se(y.percentage) })
+              /* @__PURE__ */ e(o, { children: m === 0 ? R(y.value) : ae(y.percentage) })
             ] })
           },
           y.displayName
@@ -304,8 +302,8 @@ const me = ({ sx: t = {} }) => {
         /* @__PURE__ */ e(Y, {})
       ] }) })
     ] }, s.guid)) }),
-    h ? /* @__PURE__ */ o(ae, { children: [
-      /* @__PURE__ */ e(i, { sx: { color: "secondary.main", p: 8, textAlign: "center" }, children: l.empty_data }),
+    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,
@@ -315,7 +313,7 @@ const me = ({ sx: t = {} }) => {
           }
         }
       )
-    ] }) : m === 0 && /* @__PURE__ */ e(i, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${l.total_label_text} ${R(t.totalAmount)}` })
+    ] }) : m === 0 && /* @__PURE__ */ e(o, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${l.total_label_text} ${R(t.totalAmount)}` })
   ] });
 }, it = ({
   data: t,
@@ -328,12 +326,12 @@ const me = ({ sx: t = {} }) => {
   size: l = 150,
   totalLabel: x
 }) => {
-  const h = ce(), b = h.palette.mode === "dark", s = T.useMemo(
+  const h = Z(), b = h.palette.mode === "dark", s = T.useMemo(
     () => d ? t.investmentsData.find(({ guid: k }) => k === d) : void 0,
     [d]
   ), {
     investments: { allocation: y }
-  } = N(), r = T.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 ? se(t.totalGainLossPercentage) : R(t.totalGainLoss), D = t.totalGainLoss >= 0 ? n : g;
+  } = N(), r = T.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,
     {
@@ -344,10 +342,10 @@ const me = ({ sx: t = {} }) => {
       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__ */ o(_, { alignItems: "center", sx: { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } }, children: [
-        /* @__PURE__ */ e(i, { color: "text.secondary", noWrap: !0, children: s?.displayName ?? x }),
+      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__ */ o(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+        /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
           !s && /* @__PURE__ */ e(
             B,
             {
@@ -357,7 +355,7 @@ const me = ({ sx: t = {} }) => {
             }
           ),
           /* @__PURE__ */ e(
-            i,
+            o,
             {
               sx: {
                 color: D,
@@ -371,17 +369,17 @@ const me = ({ sx: t = {} }) => {
       ] }) }) })
     }
   );
-}, rt = () => {
+}, ot = () => {
   const [t, u] = T.useState(0), [c, m] = T.useState(""), [f, v] = T.useState(""), d = (n) => {
     c !== n ? m(n) : (m(""), v(""));
-  }, { selectedAccountGuids: l } = J(), { visibleHoldings: x } = U(), { visibleInvestmentAccounts: h } = le(), {
+  }, { selectedAccountGuids: l } = J(), { visibleHoldings: x } = U(), { visibleInvestmentAccounts: h } = ce(), {
     investments: { allocation: b }
-  } = N(), s = nt(
+  } = N(), s = tt(
     h.filter(({ guid: n }) => l.includes(n)),
     b,
     x
   ), { isMobile: y } = j(), r = xe("(max-width:768px)");
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(
     _,
     {
       alignItems: r ? "center" : "flex-start",
@@ -412,7 +410,7 @@ const me = ({ sx: t = {} }) => {
           }
         ),
         /* @__PURE__ */ e(
-          ot,
+          nt,
           {
             data: s,
             onSelected: d,
@@ -424,7 +422,7 @@ const me = ({ sx: t = {} }) => {
       ]
     }
   );
-}, st = $(rt), at = ({
+}, rt = $(ot), st = ({
   analysisDetails: t,
   analysisType: u,
   copy: c,
@@ -432,13 +430,13 @@ const me = ({ sx: t = {} }) => {
 }) => {
   const { isSmallMobile: f } = j(), v = T.useMemo(() => Object.keys(t).filter((l) => t[l] >= 1).map((l) => ({
     key: l,
-    value: ie(t[l], "0,0"),
-    formattedKey: Oe(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__ */ o(_, { sx: { gap: 12, width: { md: 412 } }, children: [
+  return /* @__PURE__ */ i(_, { sx: { gap: 12, width: { md: 412 } }, children: [
     /* @__PURE__ */ e(
       fe,
       {
@@ -458,23 +456,23 @@ const me = ({ sx: t = {} }) => {
       }
     ),
     v.length ? /* @__PURE__ */ e(
-      te,
+      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(ne, { divider: !0, secondaryAction: /* @__PURE__ */ e(i, { children: l }), children: /* @__PURE__ */ e(
-          Ve,
+        children: v.map(({ value: l, formattedKey: x }) => /* @__PURE__ */ e(ie, { divider: !0, secondaryAction: /* @__PURE__ */ e(o, { children: l }), children: /* @__PURE__ */ e(
+          Oe,
           {
             primary: x,
-            primaryTypographyProps: { fontStyle: "normal" }
+            slotProps: { primary: { fontStyle: "normal" } }
           }
         ) }, x))
       }
-    ) : /* @__PURE__ */ o(ae, { children: [
-      /* @__PURE__ */ e(i, { sx: { color: "secondary.main", p: 8, textAlign: "center" }, children: c.empty_data }),
+    ) : /* @__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,
@@ -486,29 +484,29 @@ const me = ({ sx: t = {} }) => {
       )
     ] })
   ] });
-}, lt = ({ body: t, title: u }) => /* @__PURE__ */ o(_, { sx: { gap: 4, p: 12 }, children: [
-  /* @__PURE__ */ e(i, { bold: !0, variant: "body1", children: u }),
+}, 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 })
-] }), ct = ({
+] }), lt = ({
   placement: t = "bottom",
   tooltip_info_body: u,
   tooltip_info_title: c
 }) => /* @__PURE__ */ e(
-  Re,
+  Ve,
   {
     enterTouchDelay: 500,
     placement: t,
-    title: /* @__PURE__ */ e(lt, { body: u, title: c }),
+    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(B, { name: "info", sx: { color: "info.main" } }) })
   }
-), dt = () => {
+), 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 = ze().palette.mode === "dark", { cellDimension: h, columns: b, rows: s, textVariant: y } = T.useMemo(() => {
+  } = 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 } = T.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__ */ o(
+  return /* @__PURE__ */ i(
     _,
     {
       sx: {
@@ -519,7 +517,7 @@ const me = ({ sx: t = {} }) => {
         px: 16
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           _,
           {
             sx: {
@@ -529,7 +527,7 @@ const me = ({ sx: t = {} }) => {
               pr: { lg: 72 }
             },
             children: [
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ i(
                 _,
                 {
                   sx: {
@@ -551,7 +549,7 @@ const me = ({ sx: t = {} }) => {
                           justifyContent: "space-around"
                         },
                         children: b.map((r) => /* @__PURE__ */ e(
-                          i,
+                          o,
                           {
                             sx: {
                               color: "secondary.main",
@@ -568,8 +566,8 @@ const me = ({ sx: t = {} }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ o(_, { sx: { gap: 4 }, children: [
-                /* @__PURE__ */ o(
+              /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
+                /* @__PURE__ */ i(
                   _,
                   {
                     sx: {
@@ -579,9 +577,9 @@ const me = ({ sx: t = {} }) => {
                       pb: 12
                     },
                     children: [
-                      /* @__PURE__ */ e(i, { bold: !0, children: t.invest_analysis }),
+                      /* @__PURE__ */ e(o, { bold: !0, children: t.invest_analysis }),
                       /* @__PURE__ */ e(
-                        ct,
+                        lt,
                         {
                           tooltip_info_body: t.tooltip_info_body,
                           tooltip_info_title: t.tooltip_info_title
@@ -610,7 +608,7 @@ const me = ({ sx: t = {} }) => {
                         width: h
                       },
                       children: /* @__PURE__ */ e(
-                        i,
+                        o,
                         {
                           sx: {
                             color: H,
@@ -624,9 +622,9 @@ const me = ({ sx: t = {} }) => {
                     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(i, { color: "secondary.main", variant: y, children: r }) }, r)) }),
+                /* @__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(
-                  i,
+                  o,
                   {
                     bold: !0,
                     sx: { color: "secondary.main", pt: d ? 4 : 24, textAlign: "center" },
@@ -639,7 +637,7 @@ const me = ({ sx: t = {} }) => {
           }
         ),
         /* @__PURE__ */ e(
-          at,
+          st,
           {
             analysisDetails: c,
             analysisType: m,
@@ -654,7 +652,7 @@ const me = ({ sx: t = {} }) => {
       ]
     }
   );
-}, mt = $(dt), ut = ({
+}, dt = $(ct), mt = ({
   accountHoldingsData: t,
   currentEditedCostBasis: u,
   editingHoldingId: c,
@@ -671,15 +669,15 @@ const me = ({ sx: t = {} }) => {
       [r]: g
     }));
   };
-  return /* @__PURE__ */ o(
-    $e,
+  return /* @__PURE__ */ i(
+    Re,
     {
       ariaLabelClose: h.overview.close_investment_drawer,
       isOpen: l,
       onClose: x,
       title: h.overview.investment_details,
       children: [
-        /* @__PURE__ */ o(p, { sx: { gap: 8, p: 24 }, children: [
+        /* @__PURE__ */ i(p, { sx: { gap: 8, p: 24 }, children: [
           /* @__PURE__ */ e(
             oe,
             {
@@ -688,11 +686,11 @@ const me = ({ sx: t = {} }) => {
               size: 64
             }
           ),
-          /* @__PURE__ */ e(i, { sx: { color: "text.primary" }, variant: "body2", children: t.accounts.memberName }),
-          /* @__PURE__ */ e(i, { sx: { color: "text.primary" }, variant: "h2", children: t.accounts.user_name || t.accounts.name }),
-          /* @__PURE__ */ o(p, { sx: { alignItems: "center", flexDirection: "row", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: h.overview.current_balance }),
-            /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: t.accounts.balance?.toLocaleString("en-US", {
+          /* @__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,
@@ -700,7 +698,7 @@ const me = ({ sx: t = {} }) => {
             }) })
           ] })
         ] }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           p,
           {
             sx: {
@@ -711,14 +709,14 @@ const me = ({ sx: t = {} }) => {
               py: 10
             },
             children: [
-              /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 700 }, variant: "caption", children: h.overview.holding }),
-              /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 700 }, variant: "caption", children: h.overview.market_value })
+              /* @__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__ */ o(
+          return /* @__PURE__ */ i(
             be,
             {
               disableGutters: !0,
@@ -742,9 +740,9 @@ const me = ({ sx: t = {} }) => {
                         borderColor: "divider"
                       }
                     ],
-                    children: /* @__PURE__ */ o(p, { sx: { flexDirection: "row", width: "100%" }, children: [
+                    children: /* @__PURE__ */ i(p, { sx: { flexDirection: "row", width: "100%" }, children: [
                       /* @__PURE__ */ e("div", { style: { width: 24 } }),
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ i(
                         p,
                         {
                           sx: [
@@ -770,13 +768,13 @@ const me = ({ sx: t = {} }) => {
                                   flexDirection: "row",
                                   gap: 12
                                 },
-                                children: /* @__PURE__ */ o(p, { sx: { overflow: "hidden", width: 98 }, children: [
-                                  /* @__PURE__ */ e(i, { sx: { fontWeight: 600 }, variant: "body1", children: r.holding }),
-                                  /* @__PURE__ */ e(i, { variant: "caption", children: r.description })
+                                children: /* @__PURE__ */ i(p, { sx: { overflow: "hidden", width: 98 }, children: [
+                                  /* @__PURE__ */ e(o, { sx: { fontWeight: 600 }, variant: "body1", children: r.holding }),
+                                  /* @__PURE__ */ e(o, { variant: "caption", children: r.description })
                                 ] })
                               }
                             ),
-                            /* @__PURE__ */ o(
+                            /* @__PURE__ */ i(
                               p,
                               {
                                 sx: {
@@ -787,14 +785,14 @@ const me = ({ sx: t = {} }) => {
                                   justifyContent: "flex-end"
                                 },
                                 children: [
-                                  /* @__PURE__ */ o(p, { children: [
-                                    /* @__PURE__ */ e(i, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: r.marketValue?.toLocaleString("en-US", {
+                                  /* @__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__ */ o(p, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
+                                    /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
                                       r.totalGainLoss !== 0 && /* @__PURE__ */ e(
                                         B,
                                         {
@@ -808,7 +806,7 @@ const me = ({ sx: t = {} }) => {
                                         }
                                       ),
                                       /* @__PURE__ */ e(
-                                        i,
+                                        o,
                                         {
                                           sx: {
                                             color: r.totalGainLoss <= 0 ? "grey.700" : "success.main",
@@ -818,9 +816,9 @@ const me = ({ sx: t = {} }) => {
                                           children: r.costBasis ? `${(r.totalGainLoss / r.costBasis * 100).toFixed(2)}%` : "0.00%"
                                         }
                                       ),
-                                      /* @__PURE__ */ e(i, { sx: { color: "grey.700" }, variant: "caption", children: "|" }),
+                                      /* @__PURE__ */ e(o, { sx: { color: "grey.700" }, variant: "caption", children: "|" }),
                                       /* @__PURE__ */ e(
-                                        i,
+                                        o,
                                         {
                                           sx: {
                                             color: r.totalGainLoss <= 0 ? "grey.700" : "success.main",
@@ -853,7 +851,7 @@ const me = ({ sx: t = {} }) => {
                     ] })
                   }
                 ),
-                /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ o(
+                /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ i(
                   p,
                   {
                     sx: {
@@ -864,8 +862,8 @@ const me = ({ sx: t = {} }) => {
                     },
                     children: [
                       /* @__PURE__ */ e(p, { sx: { width: 32 } }),
-                      /* @__PURE__ */ o(p, { sx: { flex: 1 }, children: [
-                        /* @__PURE__ */ o(
+                      /* @__PURE__ */ i(p, { sx: { flex: 1 }, children: [
+                        /* @__PURE__ */ i(
                           p,
                           {
                             sx: {
@@ -878,12 +876,12 @@ const me = ({ sx: t = {} }) => {
                               pr: 24
                             },
                             children: [
-                              /* @__PURE__ */ e(i, { sx: { color: "text.primary" }, variant: "body1", children: h.overview.quantity }),
-                              /* @__PURE__ */ e(i, { sx: { color: "text.primary" }, variant: "body2", children: r.qty })
+                              /* @__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__ */ o(
+                        /* @__PURE__ */ i(
                           p,
                           {
                             sx: {
@@ -894,8 +892,8 @@ const me = ({ sx: t = {} }) => {
                               pr: 24
                             },
                             children: [
-                              /* @__PURE__ */ e(i, { sx: { color: "text.primary" }, variant: "body1", children: h.overview.cost_basis_header }),
-                              /* @__PURE__ */ o(
+                              /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body1", children: h.overview.cost_basis_header }),
+                              /* @__PURE__ */ i(
                                 p,
                                 {
                                   direction: "row",
@@ -927,7 +925,7 @@ const me = ({ sx: t = {} }) => {
                                         },
                                         value: u
                                       }
-                                    ) : /* @__PURE__ */ e(i, { sx: { fontSize: 14, width: 58 }, variant: "body2", children: r.costBasis?.toLocaleString("en-US", {
+                                    ) : /* @__PURE__ */ e(o, { sx: { fontSize: 14, width: 58 }, variant: "body2", children: r.costBasis?.toLocaleString("en-US", {
                                       currency: "USD",
                                       maximumFractionDigits: 2,
                                       minimumFractionDigits: 2,
@@ -959,10 +957,10 @@ const me = ({ sx: t = {} }) => {
       ]
     }
   );
-}, ht = $(ut), K = (t) => /* @__PURE__ */ o(qe, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-  /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "body2", children: t.colDef.headerName }),
+}, 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(B, { name: "expand_all", size: 12 })
-] }), gt = ({
+] }), ht = ({
   data: t,
   editingHoldingId: u,
   currentEditedCostBasis: c,
@@ -971,7 +969,7 @@ const me = ({ sx: t = {} }) => {
   handleCostBasisKeyDown: v,
   handleCostBasisBlur: d
 }) => {
-  const { investments: l } = N(), h = ce().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 = [
+  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,
@@ -985,9 +983,9 @@ const me = ({ sx: t = {} }) => {
       headerName: l.overview.holding_header,
       flex: 1,
       renderHeader: K,
-      renderCell: (n) => /* @__PURE__ */ e(_, { sx: { alignItems: "center", gap: 16, flexDirection: "row" }, children: /* @__PURE__ */ o(_, { children: [
-        /* @__PURE__ */ e(i, { sx: { fontWeight: 700 }, children: n.row.holding }),
-        /* @__PURE__ */ e(i, { sx: { color: "text.secondary", fontWeight: 400 }, variant: "tiny", children: n.row.description })
+      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 })
       ] }) })
     },
     {
@@ -997,7 +995,7 @@ const me = ({ sx: t = {} }) => {
       renderHeader: K,
       renderCell: (n) => {
         const g = u === n.row.id;
-        return /* @__PURE__ */ o(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+        return /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
           g ? /* @__PURE__ */ e(
             Ce,
             {
@@ -1021,7 +1019,7 @@ const me = ({ sx: t = {} }) => {
               },
               value: c
             }
-          ) : /* @__PURE__ */ e(i, { sx: { fontSize: 14, width: 57 }, variant: "body2", children: n.value?.toLocaleString("en-US", {
+          ) : /* @__PURE__ */ e(o, { sx: { fontSize: 14, width: 57 }, variant: "body2", children: n.value?.toLocaleString("en-US", {
             currency: "USD",
             maximumFractionDigits: 2,
             minimumFractionDigits: 2,
@@ -1047,7 +1045,7 @@ const me = ({ sx: t = {} }) => {
       renderHeader: K,
       renderCell: (n) => {
         const g = n.row.costBasis, C = g ? n.row.totalGainLoss / g * 100 : 0;
-        return /* @__PURE__ */ o(_, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+        return /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
           n.value !== 0 && /* @__PURE__ */ e(
             B,
             {
@@ -1061,7 +1059,7 @@ const me = ({ sx: t = {} }) => {
             }
           ),
           /* @__PURE__ */ e(
-            i,
+            o,
             {
               sx: {
                 color: y(n.value),
@@ -1071,9 +1069,9 @@ const me = ({ sx: t = {} }) => {
               children: g ? `${C.toFixed(2)}%` : "0.00%"
             }
           ),
-          /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
+          /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
           /* @__PURE__ */ e(
-            i,
+            o,
             {
               sx: {
                 color: y(n.value),
@@ -1099,7 +1097,7 @@ const me = ({ sx: t = {} }) => {
       headerName: l.overview.market_value_header,
       width: 132,
       renderHeader: K,
-      renderCell: (n) => /* @__PURE__ */ e(i, { sx: { fontWeight: 700 }, variant: "body2", children: n.value?.toLocaleString("en-US", {
+      renderCell: (n) => /* @__PURE__ */ e(o, { sx: { fontWeight: 700 }, variant: "body2", children: n.value?.toLocaleString("en-US", {
         currency: "USD",
         maximumFractionDigits: 2,
         minimumFractionDigits: 2,
@@ -1110,14 +1108,14 @@ const me = ({ sx: t = {} }) => {
     }
   ];
   return /* @__PURE__ */ e(
-    re,
+    se,
     {
       sx: {
         boxShadow: "none",
         width: "100%"
       },
       children: /* @__PURE__ */ e(
-        Pe,
+        $e,
         {
           columns: r,
           disableColumnFilter: !0,
@@ -1130,18 +1128,18 @@ const me = ({ sx: t = {} }) => {
       )
     }
   );
-}, pt = () => {
+}, gt = () => {
   const { isMobile: t } = j(), [u, c] = O({}), [m, f] = O(!1), { selectedAccountGuids: v } = J(), { visibleHoldings: d, updateHoldings: l } = U(), [x, h] = T.useState(!1), [b, s] = O({
     accounts: [],
     holdings: []
-  }), { accounts: y, investments: r } = N(), { isCopyLoaded: n } = J(), [g, C] = O(null), [D, k] = O(""), A = ce().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) => {
+  }), { accounts: y, investments: r } = N(), { isCopyLoaded: n } = J(), [g, C] = O(null), [D, k] = 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), k(w.toFixed(2));
-  }, Z = (a) => {
+  }, ee = (a) => {
     const w = a.target.value;
     /^\d*\.?\d*$/.test(w) && k(w);
   }, ue = (a, w) => {
-    a.key === "Enter" ? ee(w) : a.key === "Escape" && C(null);
-  }, ee = (a) => {
+    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);
@@ -1160,7 +1158,7 @@ const me = ({ sx: t = {} }) => {
       ...E,
       [a]: M
     }));
-  }, { visibleHoldings: he } = U(), { visibleInvestmentAccounts: Le } = le(), P = Le.filter(
+  }, { 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)
@@ -1170,16 +1168,16 @@ const me = ({ sx: t = {} }) => {
   }, 0), Te = () => {
     f(!1);
   };
-  return n ? /* @__PURE__ */ o(p, { sx: { alignItems: "center", gap: 48, pt: 48, width: "100%" }, children: [
-    !!P.length && /* @__PURE__ */ o(p, { sx: { alignItems: "center" }, children: [
-      /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, children: r.overview.total_portfolio }),
+  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__ */ o(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+      /* @__PURE__ */ i(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
         /* @__PURE__ */ e(
           B,
           {
@@ -1189,7 +1187,7 @@ const me = ({ sx: t = {} }) => {
           }
         ),
         /* @__PURE__ */ e(
-          i,
+          o,
           {
             sx: { color: L(q, "greaterThan"), fontWeight: 700 },
             variant: "body2",
@@ -1218,7 +1216,7 @@ const me = ({ sx: t = {} }) => {
       ), ge = E ? S / E * 100 : 0;
       if (t)
         return /* @__PURE__ */ e(
-          re,
+          se,
           {
             onClick: w.length ? () => {
               f(!0), s({
@@ -1230,7 +1228,7 @@ const me = ({ sx: t = {} }) => {
               width: "100%",
               overflow: "hidden"
             },
-            children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ i(
               p,
               {
                 sx: {
@@ -1243,7 +1241,7 @@ const me = ({ sx: t = {} }) => {
                   pt: 14
                 },
                 children: [
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ i(
                     p,
                     {
                       sx: {
@@ -1264,14 +1262,14 @@ const me = ({ sx: t = {} }) => {
                             size: 32
                           }
                         ),
-                        /* @__PURE__ */ o(p, { sx: { overflow: "hidden", pl: 13, pr: 13 }, children: [
-                          /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, variant: "caption", children: a.memberName }),
-                          /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: a.user_name || a.name })
+                        /* @__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__ */ o(
+                  /* @__PURE__ */ i(
                     p,
                     {
                       sx: {
@@ -1282,7 +1280,7 @@ const me = ({ sx: t = {} }) => {
                         pt: 8
                       },
                       children: [
-                        /* @__PURE__ */ o(
+                        /* @__PURE__ */ i(
                           p,
                           {
                             sx: {
@@ -1297,8 +1295,8 @@ const me = ({ sx: t = {} }) => {
                               pt: 14
                             },
                             children: [
-                              /* @__PURE__ */ e(i, { sx: { color: "text.secondary", fontSize: 11 }, variant: "body2", children: r.overview.total_gain_Loss }),
-                              /* @__PURE__ */ o(
+                              /* @__PURE__ */ e(o, { sx: { color: "text.secondary", fontSize: 11 }, variant: "body2", children: r.overview.total_gain_Loss }),
+                              /* @__PURE__ */ i(
                                 p,
                                 {
                                   sx: {
@@ -1316,8 +1314,8 @@ const me = ({ sx: t = {} }) => {
                                         sx: { color: L(S) }
                                       }
                                     ),
-                                    /* @__PURE__ */ o(
-                                      i,
+                                    /* @__PURE__ */ i(
+                                      o,
                                       {
                                         sx: {
                                           color: L(S),
@@ -1330,9 +1328,9 @@ const me = ({ sx: t = {} }) => {
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
+                                    /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
                                     /* @__PURE__ */ e(
-                                      i,
+                                      o,
                                       {
                                         sx: {
                                           color: L(S),
@@ -1353,7 +1351,7 @@ const me = ({ sx: t = {} }) => {
                             ]
                           }
                         ),
-                        /* @__PURE__ */ o(
+                        /* @__PURE__ */ i(
                           p,
                           {
                             sx: {
@@ -1366,8 +1364,8 @@ const me = ({ sx: t = {} }) => {
                               pt: 14
                             },
                             children: [
-                              /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_value }),
-                              /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: E?.toLocaleString("en-US", {
+                              /* @__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,
@@ -1386,7 +1384,7 @@ const me = ({ sx: t = {} }) => {
           a.guid
         );
       const ke = A ? "grey.700" : "grey.400", Be = w.length ? "text.primary" : ke;
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ i(
         be,
         {
           expanded: u[a.guid] === !0,
@@ -1399,7 +1397,7 @@ const me = ({ sx: t = {} }) => {
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               we,
               {
                 "aria-controls": "panel1a-content",
@@ -1412,7 +1410,7 @@ const me = ({ sx: t = {} }) => {
                   }
                 ],
                 children: [
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ i(
                     p,
                     {
                       sx: {
@@ -1432,17 +1430,17 @@ const me = ({ sx: t = {} }) => {
                             size: 32
                           }
                         ),
-                        /* @__PURE__ */ o(p, { sx: { alignItems: "flex-start" }, children: [
-                          /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, variant: "caption", children: a.memberName }),
-                          /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: a.user_name || a.name })
+                        /* @__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__ */ o(p, { sx: { flexDirection: "row" }, children: [
-                    /* @__PURE__ */ o(p, { sx: { alignItems: "flex-end", pb: 14, pl: 24, pr: 24, pt: 14 }, children: [
-                      /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_gain_Loss }),
-                      /* @__PURE__ */ o(
+                  /* @__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: {
@@ -1460,8 +1458,8 @@ const me = ({ sx: t = {} }) => {
                                 sx: { color: L(S) }
                               }
                             ),
-                            /* @__PURE__ */ o(
-                              i,
+                            /* @__PURE__ */ i(
+                              o,
                               {
                                 sx: {
                                   color: L(S),
@@ -1474,9 +1472,9 @@ const me = ({ sx: t = {} }) => {
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
+                            /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
                             /* @__PURE__ */ e(
-                              i,
+                              o,
                               {
                                 sx: {
                                   color: L(S),
@@ -1495,9 +1493,9 @@ const me = ({ sx: t = {} }) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ e(p, { sx: { alignItems: "flex-end", gap: 12, pb: 14, pl: 16, pr: 16, pt: 14 }, children: /* @__PURE__ */ o(p, { sx: { alignItems: "flex-end" }, children: [
-                      /* @__PURE__ */ e(i, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_value }),
-                      /* @__PURE__ */ e(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: E?.toLocaleString("en-US", {
+                    /* @__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,
@@ -1508,14 +1506,14 @@ const me = ({ sx: t = {} }) => {
                 ]
               }
             ),
-            /* @__PURE__ */ e(_e, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ e(re, { sx: { border: 1, borderColor: "neutral.light" }, children: /* @__PURE__ */ e(
-              gt,
+            /* @__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: ee,
-                handleCostBasisChange: Z,
+                handleCostBasisBlur: te,
+                handleCostBasisChange: ee,
                 handleCostBasisClick: H,
                 handleCostBasisKeyDown: ue
               }
@@ -1527,13 +1525,13 @@ const me = ({ sx: t = {} }) => {
     }),
     /* @__PURE__ */ e(me, {}),
     /* @__PURE__ */ e(
-      ht,
+      ut,
       {
         accountHoldingsData: b,
         currentEditedCostBasis: D,
         editingHoldingId: g,
-        handleCostBasisBlur: ee,
-        handleCostBasisChange: Z,
+        handleCostBasisBlur: te,
+        handleCostBasisChange: ee,
         handleCostBasisClick: H,
         handleCostBasisKeyDown: ue,
         isOpen: m,
@@ -1549,17 +1547,17 @@ const me = ({ sx: t = {} }) => {
       }
     )
   ] }) : /* @__PURE__ */ e(De, {});
-}, xt = $(pt), yt = ({ title: t }) => /* @__PURE__ */ e(i, { bold: !0, variant: "body1", children: t }), dn = $(({ onBackClick: t, onMenuClick: u, sx: c }) => {
+}, 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
-  } = le(), {
+  } = ce(), {
     visibleHoldings: x,
     setShowConnectionsWidget: h,
     showConnectionsWidget: b
   } = U(), { investments: s, accounts: y } = N(), { isInitialized: r } = J(), [n, g] = T.useState(0), { loadHoldings: C, holdingsLoaded: D } = U();
-  Ke({
+  qe({
     widgetName: "InvestmentsWidget",
     isLoaded: D
   }), T.useEffect(() => {
@@ -1580,17 +1578,17 @@ const me = ({ sx: t = {} }) => {
     s.tab_allocation_title,
     s.tab_analysis_title
   ];
-  return /* @__PURE__ */ o(
-    Ye,
+  return /* @__PURE__ */ i(
+    Ke,
     {
-      allowedAccountTypes: [Qe.INVESTMENT],
+      allowedAccountTypes: [Ye.INVESTMENT],
       onAccountsFilterClick: k,
       onBackClick: t,
       onMenuClick: u,
       sx: c,
       title: s.title,
       children: [
-        /* @__PURE__ */ o(_, { mx: f ? 0 : 48, my: 24, children: [
+        /* @__PURE__ */ i(_, { mx: f ? 0 : 48, my: 24, children: [
           /* @__PURE__ */ e(
             Ee,
             {
@@ -1601,11 +1599,11 @@ const me = ({ sx: t = {} }) => {
               textColor: "primary",
               value: A ? -1 : n,
               variant: "fullWidth",
-              children: G.map((F) => /* @__PURE__ */ e(Fe, { disabled: A, label: /* @__PURE__ */ e(yt, { title: F }) }, F))
+              children: G.map((F) => /* @__PURE__ */ e(Fe, { disabled: A, label: /* @__PURE__ */ e(xt, { title: F }) }, F))
             }
           ),
           A ? /* @__PURE__ */ e(
-            Je,
+            Qe,
             {
               header: s.empty_state_header,
               icon: "bid_landscape",
@@ -1626,10 +1624,10 @@ const me = ({ sx: t = {} }) => {
                 px: 16
               }
             }
-          ) : /* @__PURE__ */ o(ae, { children: [
-            n === 0 && /* @__PURE__ */ e(xt, {}),
-            n === 1 && /* @__PURE__ */ e(st, {}),
-            n === 2 && /* @__PURE__ */ e(mt, {})
+          ) : /* @__PURE__ */ i(le, { children: [
+            n === 0 && /* @__PURE__ */ e(pt, {}),
+            n === 1 && /* @__PURE__ */ e(rt, {}),
+            n === 2 && /* @__PURE__ */ e(dt, {})
           ] })
         ] }),
         /* @__PURE__ */ e(
@@ -1645,5 +1643,5 @@ const me = ({ sx: t = {} }) => {
   );
 });
 export {
-  dn as InvestmentsWidget
+  ln as InvestmentsWidget
 };