@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.mega1

package/dist/investments/index.es.js

@@ -1,13 +1,13 @@
 import { jsxs as o, jsx as e, Fragment as ae } from "react/jsx-runtime";
-import B, { useState as O } from "react";
+import A, { useState as O } from "react";
 import { observer as P } from "mobx-react-lite";
 import _ from "@mui/material/Stack";
 import Ee from "@mui/material/Tab";
-import Ge from "@mui/material/Tabs";
-import { C as ge } from "../ConnectionsDrawer-ByGQE7D5.mjs";
+import Ne from "@mui/material/Tabs";
+import { C as ge } from "../ConnectionsDrawer-VmuVFHbL.mjs";
 import pe from "@mui/material/useMediaQuery";
-import Me from "@mui/material/Box";
-import Ne from "@mui/material/Collapse";
+import Ge from "@mui/material/Box";
+import Me from "@mui/material/Collapse";
 import K from "@mui/material/Divider";
 import ee from "@mui/material/List";
 import te from "@mui/material/ListItem";
@@ -16,13 +16,13 @@ import xe from "@mui/material/ToggleButton";
 import ye from "@mui/material/ToggleButtonGroup";
 import { Text as r, H1 as fe, P as ve, InstitutionLogo as ne } from "@mxenabled/mxui";
 import Ue from "@mui/material/Button";
-import { u as E, g as be, t as H, b as Q, d as se } from "../hooks-D6XlXHf4.mjs";
-import { A as z, W as je } from "../WidgetContainer-BHWANqT4.mjs";
-import { a as ze, f as oe } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { u as G, g as be, s as H, b as Q, d as se } from "../hooks-ZMp65DFz.mjs";
+import { A as z, W as je } from "../WidgetContainer-CoFDmQRE.mjs";
+import { a as ze, f as oe } from "../NumberFormatting-DjTD0t3W.mjs";
 import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
 import le from "@mui/material/styles/useTheme";
 import { Icon as k } from "@mxenabled/mx-icons";
-import { D as Oe } from "../Donut-oaQFlbit.mjs";
+import { D as Oe } from "../Donut-Dmy3JTWd.mjs";
 import { useTheme as Ve } from "@mui/material/styles";
 import { f as Re, A as V } from "../InvestmentUtil-jOyOgzIB.mjs";
 import Pe from "@mui/material/ListItemText";
@@ -34,13 +34,14 @@ import Ce from "@mui/material/AccordionSummary";
 import ie from "@mui/material/Paper";
 import p from "@mui/system/Stack";
 import Se from "@mui/material/TextField";
-import { D as $e } from "../Drawer-kEE73B87.mjs";
+import { D as $e } from "../Drawer-By9V-B5L.mjs";
 import { DataGridPro as qe } from "@mui/x-data-grid-pro";
 import { Stack as Ke } from "@mui/material";
 import { L as De } from "../Loader-DUaFpDGv.mjs";
-import { E as Ye } from "../EmptyState-DA_lfRBv.mjs";
+import { u as Ye } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { E as Qe } from "../EmptyState-DoxNUae-.mjs";
 const de = ({ sx: t = {} }) => {
-  const { investments: h } = E(), { onEvent: c } = be(), { setShowConnectionsWidget: u } = H();
+  const { investments: h } = G(), { onEvent: c } = be(), { setShowConnectionsWidget: u } = H();
   return /* @__PURE__ */ o(_, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...t }, children: [
     /* @__PURE__ */ o(
       _,
@@ -81,7 +82,7 @@ const de = ({ sx: t = {} }) => {
       }
     )
   ] });
-}, Qe = {
+}, Je = {
   allocations_cash: "#AEDCCC",
   allocations_convertible: "#80CAD0",
   allocations_foreign_bond: "#51B9D4",
@@ -91,7 +92,7 @@ const de = ({ sx: t = {} }) => {
   allocations_unknown: "#161D6A",
   allocations_us_bond: "#254995",
   allocations_us_stock: "#1E2D84"
-}, Je = [
+}, Ze = [
   {
     name: "allocations_cash"
   },
@@ -119,10 +120,10 @@ const de = ({ sx: t = {} }) => {
   {
     name: "allocations_unknown"
   }
-], Ze = (t, h, c) => {
+], et = (t, h, c) => {
   const u = h, x = c;
   return t >= Math.min(u, x) && t < Math.max(u, x);
-}, et = (t, h, c) => {
+}, tt = (t, h, c) => {
   const u = [
     ...new Set(t.map((d) => d.name.toLowerCase()))
   ];
@@ -139,7 +140,7 @@ const de = ({ sx: t = {} }) => {
       percentage: l / c
     };
   });
-}, Y = (t) => t.calculated_market_value ? t.calculated_market_value : t.market_value, tt = (t, h, c) => {
+}, Y = (t) => t.calculated_market_value ? t.calculated_market_value : t.market_value, nt = (t, h, c) => {
   const u = Object.values(h.allocations_list), x = [];
   let v = 0;
   const d = t.map(({ guid: n }) => n), l = c.filter(({ account_guid: n }) => d.includes(n)).map((n) => ({
@@ -159,37 +160,37 @@ const de = ({ sx: t = {} }) => {
     }),
     { marketValue: 0, totalGainLoss: 0 }
   ), f = b + m;
-  Je.forEach((n, g) => {
+  Ze.forEach((n, g) => {
     const C = l.filter(
-      (W) => !!W[n.name]
+      (I) => !!I[n.name]
     );
     let S = C.reduce(
-      (W, A) => W + Y(A) * A[n.name] / 100,
+      (I, W) => I + Y(W) * W[n.name] / 100,
       0
     );
-    const L = et(
+    const B = tt(
       C,
       n.name,
       S
     );
     if (n.name === "allocations_cash" && m > 0) {
       S += m;
-      const W = {
+      const I = {
         displayName: h.cash_balance_display_name,
         name: "allocations_name",
         value: m,
         percentage: m / f
       };
-      L.push(W);
+      B.push(I);
     }
     S > 0 && (x.push({
       name: n.name,
       displayName: u[g],
       guid: `${n.name}-${g}`,
-      holdings: L,
+      holdings: B,
       percentage: S / f,
       value: S,
-      color: Qe[n.name]
+      color: Je[n.name]
     }), v += S);
   });
   const i = x.map(
@@ -208,7 +209,7 @@ const de = ({ sx: t = {} }) => {
     totalMarketValue: f,
     totalGainLossPercentage: s / y
   };
-}, re = (t) => t < 1e-3 ? "< 0.1%" : ze(t), R = (t) => t === 0 ? oe(t, "0,0.00") : Ze(t, -0.01, 0.01) ? "< $0.01" : oe(t, "0,0.00"), nt = ({
+}, re = (t) => t < 1e-3 ? "< 0.1%" : ze(t), R = (t) => t === 0 ? oe(t, "0,0.00") : et(t, -0.01, 0.01) ? "< $0.01" : oe(t, "0,0.00"), ot = ({
   data: t,
   onSelected: h,
   selectedId: c,
@@ -219,7 +220,7 @@ const de = ({ sx: t = {} }) => {
     f !== null && x(f);
   }, { isMobile: d } = U(), {
     investments: { allocation: l }
-  } = E(), m = [
+  } = G(), m = [
     { label: l.tabs_label_dollar, value: 0 },
     { label: l.tabs_label_percent, value: 1 }
   ], y = !t?.investmentsData.length, { isSmallMobile: b } = U();
@@ -234,7 +235,7 @@ const de = ({ sx: t = {} }) => {
         children: m.map(({ label: s, value: f }) => /* @__PURE__ */ e(xe, { color: "primary", value: f, children: /* @__PURE__ */ e(r, { bold: !0, textTransform: "capitalize", variant: "Body", children: s }) }, s))
       }
     ),
-    /* @__PURE__ */ e(ee, { sx: { px: 12 }, children: t.investmentsData.map((s) => /* @__PURE__ */ o(B.Fragment, { children: [
+    /* @__PURE__ */ e(ee, { sx: { px: 12 }, children: t.investmentsData.map((s) => /* @__PURE__ */ o(A.Fragment, { children: [
       /* @__PURE__ */ e(
         te,
         {
@@ -251,7 +252,7 @@ const de = ({ sx: t = {} }) => {
               sx: { minHeight: 44, px: 12, py: 0 },
               children: [
                 /* @__PURE__ */ e(
-                  Me,
+                  Ge,
                   {
                     borderRadius: 4,
                     flexShrink: 0,
@@ -279,7 +280,7 @@ const de = ({ sx: t = {} }) => {
         }
       ),
       /* @__PURE__ */ e(K, {}),
-      s.holdings && s.holdings.length > 0 && /* @__PURE__ */ e(Ne, { in: c === s.guid, unmountOnExit: !0, children: /* @__PURE__ */ o(ee, { children: [
+      s.holdings && s.holdings.length > 0 && /* @__PURE__ */ e(Me, { in: c === s.guid, unmountOnExit: !0, children: /* @__PURE__ */ o(ee, { children: [
         s?.holdings?.map((f) => /* @__PURE__ */ e(
           te,
           {
@@ -314,7 +315,7 @@ const de = ({ sx: t = {} }) => {
       )
     ] }) : u === 0 && /* @__PURE__ */ e(r, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${l.total_label_text} ${R(t.totalAmount)}` })
   ] });
-}, ot = ({
+}, it = ({
   data: t,
   hoveredId: h,
   isPercentage: c,
@@ -325,12 +326,12 @@ const de = ({ sx: t = {} }) => {
   size: l = 150,
   totalLabel: m
 }) => {
-  const y = le(), b = y.palette.mode === "dark", s = B.useMemo(
-    () => d ? t.investmentsData.find(({ guid: L }) => L === d) : void 0,
+  const y = le(), b = y.palette.mode === "dark", s = A.useMemo(
+    () => d ? t.investmentsData.find(({ guid: B }) => B === d) : void 0,
     [d]
   ), {
     investments: { allocation: f }
-  } = E(), i = B.useMemo(() => t.donutData.length > 0 ? t.donutData : [{ id: "0", color: y.palette.border.light, value: 100 }], [t, y]), n = b ? "#0AC295" : "#09A57F", g = b ? "grey.300" : "grey.700", C = () => s ? f.pie_chart_centered_click_for_details : c ? re(t.totalGainLossPercentage) : R(t.totalGainLoss), S = t.totalGainLoss >= 0 ? n : g;
+  } = G(), i = A.useMemo(() => t.donutData.length > 0 ? t.donutData : [{ id: "0", color: y.palette.border.light, value: 100 }], [t, y]), n = b ? "#0AC295" : "#09A57F", g = b ? "grey.300" : "grey.700", C = () => s ? f.pie_chart_centered_click_for_details : c ? re(t.totalGainLossPercentage) : R(t.totalGainLoss), S = t.totalGainLoss >= 0 ? n : g;
   return /* @__PURE__ */ e(
     Oe,
     {
@@ -368,12 +369,12 @@ const de = ({ sx: t = {} }) => {
       ] }) }) })
     }
   );
-}, it = () => {
-  const [t, h] = B.useState(0), [c, u] = B.useState(""), [x, v] = B.useState(""), d = (n) => {
+}, rt = () => {
+  const [t, h] = A.useState(0), [c, u] = A.useState(""), [x, v] = A.useState(""), d = (n) => {
     c !== n ? u(n) : (u(""), v(""));
   }, { selectedAccountGuids: l } = Q(), { visibleHoldings: m } = H(), { visibleInvestmentAccounts: y } = se(), {
     investments: { allocation: b }
-  } = E(), s = tt(
+  } = G(), s = nt(
     y.filter(({ guid: n }) => l.includes(n)),
     b,
     m
@@ -391,7 +392,7 @@ const de = ({ sx: t = {} }) => {
       },
       children: [
         /* @__PURE__ */ e(
-          ot,
+          it,
           {
             data: s,
             hoveredId: x,
@@ -409,7 +410,7 @@ const de = ({ sx: t = {} }) => {
           }
         ),
         /* @__PURE__ */ e(
-          nt,
+          ot,
           {
             data: s,
             onSelected: d,
@@ -421,13 +422,13 @@ const de = ({ sx: t = {} }) => {
       ]
     }
   );
-}, rt = P(it), at = ({
+}, at = P(rt), st = ({
   analysisDetails: t,
   analysisType: h,
   copy: c,
   setAnalysisType: u
 }) => {
-  const { isSmallMobile: x } = U(), v = B.useMemo(() => Object.keys(t).filter((l) => t[l] >= 1).map((l) => ({
+  const { isSmallMobile: x } = U(), v = A.useMemo(() => Object.keys(t).filter((l) => t[l] >= 1).map((l) => ({
     key: l,
     value: oe(t[l], "0,0"),
     formattedKey: Re(l)
@@ -483,10 +484,10 @@ const de = ({ sx: t = {} }) => {
       )
     ] })
   ] });
-}, st = ({ body: t, title: h }) => /* @__PURE__ */ o(_, { sx: { gap: 4, p: 12 }, children: [
+}, lt = ({ body: t, title: h }) => /* @__PURE__ */ o(_, { sx: { gap: 4, p: 12 }, children: [
   /* @__PURE__ */ e(r, { bold: !0, variant: "Body", children: h }),
   /* @__PURE__ */ e(ve, { variant: "ParagraphSmall", children: t })
-] }), lt = ({
+] }), ct = ({
   placement: t = "bottom",
   tooltip_info_body: h,
   tooltip_info_title: c
@@ -495,13 +496,13 @@ const de = ({ sx: t = {} }) => {
   {
     enterTouchDelay: 500,
     placement: t,
-    title: /* @__PURE__ */ e(st, { body: h, title: c }),
+    title: /* @__PURE__ */ e(lt, { body: h, title: c }),
     children: /* @__PURE__ */ e(ce, { "aria-label": c, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ e(k, { name: "info", sx: { color: "info.main" } }) })
   }
-), ct = () => {
+), dt = () => {
   const {
     investments: { analysis: t }
-  } = E(), { analysisChartData: h, analysisDetails: c, analysisType: u, setAnalysisType: x } = H(), v = pe("(min-width:320px) and (max-width:375px)"), { isMobile: d } = U(), m = Ve().palette.mode === "dark", { cellDimension: y, columns: b, rows: s, textVariant: f } = B.useMemo(() => {
+  } = G(), { analysisChartData: h, analysisDetails: c, analysisType: u, setAnalysisType: x } = H(), v = pe("(min-width:320px) and (max-width:375px)"), { isMobile: d } = U(), m = Ve().palette.mode === "dark", { cellDimension: y, columns: b, rows: s, textVariant: f } = A.useMemo(() => {
     const i = u === V.Stocks, n = Object.values(i ? t.stock_column_labels : t.bond_column_labels), g = Object.values(i ? t.stock_row_labels : t.bond_row_labels);
     return { cellDimension: d ? 72 : 100, columns: n, rows: g, textVariant: d ? "XSmall" : "Body" };
   }, [t, d, u]);
@@ -578,7 +579,7 @@ const de = ({ sx: t = {} }) => {
                     children: [
                       /* @__PURE__ */ e(r, { bold: !0, children: t.invest_analysis }),
                       /* @__PURE__ */ e(
-                        lt,
+                        ct,
                         {
                           tooltip_info_body: t.tooltip_info_body,
                           tooltip_info_title: t.tooltip_info_title
@@ -588,17 +589,17 @@ const de = ({ sx: t = {} }) => {
                   }
                 ),
                 h.map((i, n, g) => /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: i.map((C, S) => {
-                  const L = n === 0, W = n === g.length - 1, A = S === 0, G = S === i.length - 1, N = Number(C.replace("%", "")) >= 25;
+                  const B = n === 0, I = n === g.length - 1, W = S === 0, N = S === i.length - 1, F = Number(C.replace("%", "")) >= 25;
                   let T = "grey.200", j = "grey.900";
-                  return m ? (T = N ? "grey.200" : "grey.700", j = N ? "grey.900" : "common.white") : (T = N ? "grey.700" : "grey.200", j = N ? "common.white" : "grey.900"), /* @__PURE__ */ e(
+                  return m ? (T = F ? "grey.200" : "grey.700", j = F ? "grey.900" : "common.white") : (T = F ? "grey.700" : "grey.200", j = F ? "common.white" : "grey.900"), /* @__PURE__ */ e(
                     _,
                     {
                       sx: {
                         ...{
-                          borderBottomLeftRadius: W && A ? 4 : 0,
-                          borderBottomRightRadius: W && G ? 4 : 0,
-                          borderTopLeftRadius: L && A ? 4 : 0,
-                          borderTopRightRadius: L && G ? 4 : 0
+                          borderBottomLeftRadius: I && W ? 4 : 0,
+                          borderBottomRightRadius: I && N ? 4 : 0,
+                          borderTopLeftRadius: B && W ? 4 : 0,
+                          borderTopRightRadius: B && N ? 4 : 0
                         },
                         alignItems: "center",
                         bgcolor: T,
@@ -636,7 +637,7 @@ const de = ({ sx: t = {} }) => {
           }
         ),
         /* @__PURE__ */ e(
-          at,
+          st,
           {
             analysisDetails: c,
             analysisType: u,
@@ -651,7 +652,7 @@ const de = ({ sx: t = {} }) => {
       ]
     }
   );
-}, dt = P(ct), mt = ({
+}, mt = P(dt), ut = ({
   accountHoldingsData: t,
   currentEditedCostBasis: h,
   editingHoldingId: c,
@@ -662,7 +663,7 @@ const de = ({ sx: t = {} }) => {
   isOpen: l,
   onClose: m
 }) => {
-  const { investments: y } = E(), [b, s] = B.useState({}), f = (i) => (n, g) => {
+  const { investments: y } = G(), [b, s] = A.useState({}), f = (i) => (n, g) => {
     s((C) => ({
       ...C,
       [i]: g
@@ -956,10 +957,10 @@ const de = ({ sx: t = {} }) => {
       ]
     }
   );
-}, ut = P(mt), q = (t) => /* @__PURE__ */ o(Ke, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+}, ht = P(ut), q = (t) => /* @__PURE__ */ o(Ke, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
   /* @__PURE__ */ e(r, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: t.colDef.headerName }),
   /* @__PURE__ */ e(k, { name: "expand_all", size: 12 })
-] }), ht = ({
+] }), gt = ({
   data: t,
   editingHoldingId: h,
   currentEditedCostBasis: c,
@@ -968,7 +969,7 @@ const de = ({ sx: t = {} }) => {
   handleCostBasisKeyDown: v,
   handleCostBasisBlur: d
 }) => {
-  const { investments: l } = E(), y = le().palette.mode === "dark", b = "success.main", s = y ? "grey.300" : "grey.700", f = (n, g = "lesserThan") => g === "greaterThan" ? n >= 0 ? b : s : n <= 0 ? s : b, i = [
+  const { investments: l } = G(), y = le().palette.mode === "dark", b = "success.main", s = y ? "grey.300" : "grey.700", f = (n, g = "lesserThan") => g === "greaterThan" ? n >= 0 ? b : s : n <= 0 ? s : b, i = [
     {
       field: "qty",
       headerName: l.overview.qty_header,
@@ -1127,34 +1128,34 @@ const de = ({ sx: t = {} }) => {
       )
     }
   );
-}, gt = () => {
-  const { isMobile: t } = U(), [h, c] = O({}), [u, x] = O(!1), { selectedAccountGuids: v } = Q(), { visibleHoldings: d, updateHoldings: l } = H(), [m, y] = B.useState(!1), [b, s] = O({
+}, pt = () => {
+  const { isMobile: t } = U(), [h, c] = O({}), [u, x] = O(!1), { selectedAccountGuids: v } = Q(), { visibleHoldings: d, updateHoldings: l } = H(), [m, y] = A.useState(!1), [b, s] = O({
     accounts: [],
     holdings: []
-  }), { accounts: f, investments: i } = E(), { isCopyLoaded: n } = Q(), [g, C] = O(null), [S, L] = O(""), A = le().palette.mode === "dark", G = A ? "#0AC295" : "#09A57F", N = A ? "grey.300" : "grey.700", T = (a, w = "lesserThan") => w === "greaterThan" ? a >= 0 ? G : N : a <= 0 ? N : G, j = (a, w) => {
-    C(a), L(w.toFixed(2));
+  }), { accounts: f, investments: i } = G(), { isCopyLoaded: n } = Q(), [g, C] = O(null), [S, B] = O(""), W = le().palette.mode === "dark", N = W ? "#0AC295" : "#09A57F", F = W ? "grey.300" : "grey.700", T = (a, w = "lesserThan") => w === "greaterThan" ? a >= 0 ? N : F : a <= 0 ? F : N, j = (a, w) => {
+    C(a), B(w.toFixed(2));
   }, J = (a) => {
     const w = a.target.value;
-    /^\d*\.?\d*$/.test(w) && L(w);
+    /^\d*\.?\d*$/.test(w) && B(w);
   }, me = (a, w) => {
     a.key === "Enter" ? Z(w) : a.key === "Escape" && C(null);
   }, Z = (a) => {
-    const w = d.find(({ guid: F }) => F === a);
+    const w = d.find(({ guid: E }) => E === a);
     if (!w) return;
     const M = Number(S);
     if (l({ ...w, cost_basis: M }), t) {
-      const F = b.holdings.map(
+      const E = b.holdings.map(
         (D) => D.id === a ? { ...D, costBasis: M } : D
       );
       s((D) => ({
         ...D,
-        holdings: F
+        holdings: E
       }));
     }
     C(null);
   }, Le = (a) => (w, M) => {
-    c((F) => ({
-      ...F,
+    c((E) => ({
+      ...E,
       [a]: M
     }));
   }, { visibleHoldings: ue } = H(), { visibleInvestmentAccounts: Ie } = se(), X = Ie.filter(
@@ -1201,18 +1202,18 @@ const de = ({ sx: t = {} }) => {
       ] })
     ] }),
     X.map((a) => {
-      const w = ue.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, F = a.balance, D = w.reduce(
-        (I, Fe) => Fe.totalGainLoss + I,
+      const w = ue.filter((L) => L.account_guid === a.guid).map((L) => ({
+        id: L.guid,
+        qty: L.shares || 0,
+        holding: L.symbol || L.description || "Unknown",
+        costBasis: L.cost_basis || 0,
+        totalGainLoss: L.market_value ? L.market_value - (L.cost_basis || 0) : 0,
+        marketValue: L.market_value || 0,
+        description: L.description || ""
+      })), M = w.length > 0, E = a.balance, D = w.reduce(
+        (L, Fe) => Fe.totalGainLoss + L,
         0
-      ), he = F ? D / F * 100 : 0;
+      ), he = E ? D / E * 100 : 0;
       if (t)
         return /* @__PURE__ */ e(
           ie,
@@ -1364,7 +1365,7 @@ const de = ({ sx: t = {} }) => {
                             },
                             children: [
                               /* @__PURE__ */ e(r, { sx: { color: "text.secondary" }, variant: "XSmall", children: i.overview.total_value }),
-                              /* @__PURE__ */ e(r, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: F?.toLocaleString("en-US", {
+                              /* @__PURE__ */ e(r, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: E?.toLocaleString("en-US", {
                                 currency: "USD",
                                 maximumFractionDigits: 2,
                                 minimumFractionDigits: 2,
@@ -1382,7 +1383,7 @@ const de = ({ sx: t = {} }) => {
           },
           a.guid
         );
-      const ke = A ? "grey.700" : "grey.400", We = w.length ? "text.primary" : ke;
+      const ke = W ? "grey.700" : "grey.400", We = w.length ? "text.primary" : ke;
       return /* @__PURE__ */ o(
         _e,
         {
@@ -1494,7 +1495,7 @@ const de = ({ 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(r, { sx: { color: "text.secondary" }, variant: "XSmall", children: i.overview.total_value }),
-                      /* @__PURE__ */ e(r, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: F?.toLocaleString("en-US", {
+                      /* @__PURE__ */ e(r, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: E?.toLocaleString("en-US", {
                         currency: "USD",
                         maximumFractionDigits: 2,
                         minimumFractionDigits: 2,
@@ -1506,7 +1507,7 @@ const de = ({ sx: t = {} }) => {
               }
             ),
             /* @__PURE__ */ e(we, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ e(ie, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ e(
-              ht,
+              gt,
               {
                 currentEditedCostBasis: S,
                 data: w,
@@ -1524,7 +1525,7 @@ const de = ({ sx: t = {} }) => {
     }),
     /* @__PURE__ */ e(de, {}),
     /* @__PURE__ */ e(
-      ut,
+      ht,
       {
         accountHoldingsData: b,
         currentEditedCostBasis: S,
@@ -1546,26 +1547,29 @@ const de = ({ sx: t = {} }) => {
       }
     )
   ] }) : /* @__PURE__ */ e(De, {});
-}, pt = P(gt), xt = ({ title: t }) => /* @__PURE__ */ e(r, { bold: !0, variant: "Body", children: t }), an = P(({ onBackClick: t, sx: h }) => {
+}, xt = P(pt), yt = ({ title: t }) => /* @__PURE__ */ e(r, { bold: !0, variant: "Body", children: t }), ln = P(({ onBackClick: t, sx: h }) => {
   const { onEvent: c } = be(), { isMobile: u } = U(), { visibleInvestmentAccounts: x } = se(), {
     visibleHoldings: v,
     setShowConnectionsWidget: d,
     showConnectionsWidget: l
-  } = H(), { investments: m, accounts: y } = E(), { isCopyLoaded: b, isInitialized: s, setSelectedAccounts: f } = Q(), [i, n] = B.useState(0), { loadHoldings: g } = H();
-  B.useEffect(() => {
+  } = H(), { investments: m, accounts: y } = G(), { isCopyLoaded: b, isInitialized: s, setSelectedAccounts: f } = Q(), [i, n] = A.useState(0), { loadHoldings: g, holdingsLoaded: C } = H();
+  Ye({
+    widgetName: "InvestmentsWidget",
+    isLoaded: C
+  }), A.useEffect(() => {
     f(x);
-  }, [x]), B.useEffect(() => {
+  }, [x]), A.useEffect(() => {
     s && g().finally();
   }, [s]);
-  const C = () => {
+  const S = () => {
     c(z.INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK);
   };
   if (!b || !s) return /* @__PURE__ */ e(De, {});
-  const S = [
+  const B = [
     z.INVESTMENT_WIDGET_DETAILS_CLICK,
     z.INVESTMENT_WIDGET_ALLOCATION_CLICK,
     z.INVESTMENT_WIDGET_ANALYSIS_CLICK
-  ], L = x.length === 0 && v.length === 0, W = [
+  ], I = x.length === 0 && v.length === 0, W = [
     m.tab_overview_title,
     m.tab_allocation_title,
     m.tab_analysis_title
@@ -1574,27 +1578,27 @@ const de = ({ sx: t = {} }) => {
     je,
     {
       accountOptions: x,
-      onAccountsFilterClick: C,
+      onAccountsFilterClick: S,
       onBackClick: t,
       sx: h,
       title: m.title,
       children: [
         /* @__PURE__ */ o(_, { mx: u ? 0 : 48, my: 24, children: [
           /* @__PURE__ */ e(
-            Ge,
+            Ne,
             {
-              onChange: (A, G) => {
-                n(G), c(S[G]);
+              onChange: (N, F) => {
+                n(F), c(B[F]);
               },
               sx: { bgcolor: "background.paper" },
               textColor: "primary",
-              value: L ? -1 : i,
+              value: I ? -1 : i,
               variant: "fullWidth",
-              children: W.map((A) => /* @__PURE__ */ e(Ee, { disabled: L, label: /* @__PURE__ */ e(xt, { title: A }) }, A))
+              children: W.map((N) => /* @__PURE__ */ e(Ee, { disabled: I, label: /* @__PURE__ */ e(yt, { title: N }) }, N))
             }
           ),
-          L ? /* @__PURE__ */ e(
-            Ye,
+          I ? /* @__PURE__ */ e(
+            Qe,
             {
               header: m.empty_state_header,
               icon: "bid_landscape",
@@ -1616,9 +1620,9 @@ const de = ({ sx: t = {} }) => {
               }
             }
           ) : /* @__PURE__ */ o(ae, { children: [
-            i === 0 && /* @__PURE__ */ e(pt, {}),
-            i === 1 && /* @__PURE__ */ e(rt, {}),
-            i === 2 && /* @__PURE__ */ e(dt, {})
+            i === 0 && /* @__PURE__ */ e(xt, {}),
+            i === 1 && /* @__PURE__ */ e(at, {}),
+            i === 2 && /* @__PURE__ */ e(mt, {})
           ] })
         ] }),
         /* @__PURE__ */ e(
@@ -1634,5 +1638,5 @@ const de = ({ sx: t = {} }) => {
   );
 });
 export {
-  an as InvestmentsWidget
+  ln as InvestmentsWidget
 };

package/dist/investments/stores/HoldingStore.d.ts

@@ -14,7 +14,6 @@ export declare class HoldingStore {
         [x: string]: number;
     };
     get visibleHoldings(): Holding[];
-    setHoldings: (holdings: Holding[]) => void;
     setShowConnectionsWidget: (value: boolean) => void;
     loadHoldings: () => Promise<void>;
     setAnalysisType: (analysisType: AnalysisType) => void;

package/dist/merchants/index.es.js

@@ -12,10 +12,10 @@ import k from "@mui/material/ListItemText";
 import A from "@mui/material/Paper";
 import d from "@mui/material/Stack";
 import { MerchantLogo as V, Text as R } from "@mxenabled/mxui";
-import { c as v, u as w, b as C } from "../hooks-D6XlXHf4.mjs";
+import { c as v, u as w, b as C } from "../hooks-ZMp65DFz.mjs";
 import { L as p } from "../Loader-DUaFpDGv.mjs";
 import { S as N } from "../SearchBox-B2_zLv8-.mjs";
-import { M as ne } from "../MerchantStore-DrFvsUyy.mjs";
+import { M as ne } from "../MerchantStore-WvZ4gnQe.mjs";
 const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, u = 65, P = ({
   height: f = "calc(100dvh - 120px)",
   onSelect: g

package/dist/microinsights/MicroCardTemplate.d.ts

@@ -0,0 +1,16 @@
+import { SxProps } from '@mui/material/styles';
+interface MicroCardTemplateProps {
+    avatarSx?: SxProps;
+    cardSx?: SxProps;
+    description: string;
+    icon?: React.ReactNode;
+    hasCardEffect?: boolean;
+    onClose?: () => void;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    primaryActionText?: string;
+    secondaryActionText?: string;
+    title: string;
+}
+declare const MicroCardTemplate: ({ avatarSx, cardSx, description, icon, hasCardEffect, onClose, onPrimaryAction, onSecondaryAction, primaryActionText, secondaryActionText, title, }: MicroCardTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export default MicroCardTemplate;

package/dist/microinsights/beaticons/BeatIcon.d.ts

@@ -1,10 +1,3 @@
 import { default as React } from 'react';
-import { clientColorSchemeProps } from '..';
-import { Beat } from '../../common/types/Beat';
-export interface BeatIconProps {
-    beat?: Beat;
-    clientColorScheme?: clientColorSchemeProps;
-    color?: string | null;
-    type?: number | null;
-}
-export declare const BeatIcon: React.FC<BeatIconProps>;
+import { WeGotTheBeat } from '../interfaces';
+export declare const BeatIcon: React.FC<WeGotTheBeat>;

package/dist/microinsights/beaticons/BeatMerchantLogo.d.ts

@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import { WeGotTheBeat } from '../interfaces';
-declare const _default: import('react').FunctionComponent<WeGotTheBeat>;
-export default _default;
+declare const BeatMerchantLogo: FC<WeGotTheBeat>;
+export default BeatMerchantLogo;

package/dist/microinsights/beaticons/MonthlySpendComparisonIcon.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { WeGotTheBeat } from '../interfaces';
 import { DataSeries } from '../../common/types/Beat';
-export declare const getIconColor: (data: DataSeries | undefined, designTokens: any) => any;
+import { Theme } from '@mui/material/styles';
+export declare const getIconColor: (data: DataSeries | undefined, theme: Theme) => string;
 export declare const MonthlySpendComparisonIcon: FC<WeGotTheBeat>;