@mx-cartographer/experiences 9.1.6 → 9.2.1

package/dist/common/index.es.js

@@ -1,4 +1,4 @@
-import { l as Y } from "../UserStore-Bksi48jC.mjs";
+import { l as Y } from "../UserStore-BBceqFxh.mjs";
 import { b as $, a as H } from "../Localization-DnoVyBNK.mjs";
 import { f as j, b as V, a as K, c as Z, g as J, d as X } from "../NumberFormatting--XMeeBfr.mjs";
 import { C as rr, a as er, b as or } from "../CurrencyDialog-DumQCTPO.mjs";

package/dist/core/index.es.js

@@ -1,4 +1,4 @@
-import { A as g, a as m, b as C, c as N, d as h, B as f, e as E, f as D, g as b, C as I, h as M, i as R, j as B, D as L, F as G, k as _, G as H, l as P, m as U, n as x, o as O, H as F, p as k, q as v, r as w, M as W, s as Y, N as $, t as q, u as K, R as j, v as z, S as J, w as Q, T as X, x as Z, y as V, U as tt, z as at, W as st } from "../UserStore-Bksi48jC.mjs";
+import { A as g, a as m, b as C, c as N, d as h, B as f, e as E, f as D, g as b, C as I, h as M, i as R, j as B, D as L, F as G, k as _, G as H, l as P, m as U, n as x, o as O, H as F, p as k, q as v, r as w, M as W, s as Y, N as $, t as q, u as K, R as j, v as z, S as J, w as Q, T as X, x as Z, y as V, U as tt, z as at, W as st } from "../UserStore-BBceqFxh.mjs";
 import { b as ot, a as nt, d as rt, c as it, A as ct, C as pt, e as At, E as St, M as ut, N as lt, P as Tt, f as yt, g as dt, S as gt } from "../Account-DR7Plrqy.mjs";
 import { A as Ct, B as Nt, I as ht, N as ft } from "../Notification-DTNYSd8P.mjs";
 import { F as n } from "../GlobalCopyApi-CLhyon-B.mjs";

package/dist/investments/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as e, Fragment as le } from "react/jsx-runtime";
-import T, { useState as O } from "react";
+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";
@@ -21,7 +21,7 @@ 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 B } from "@mxenabled/mx-icons";
+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";
@@ -162,32 +162,32 @@ const me = ({ sx: t = {} }) => {
   ), y = b + x;
   Xe.forEach((n, g) => {
     const C = l.filter(
-      (W) => !!W[n.name]
+      (B) => !!B[n.name]
     );
     let D = C.reduce(
-      (W, A) => W + Q(A) * A[n.name] / 100,
+      (B, A) => B + Q(A) * A[n.name] / 100,
       0
     );
-    const k = et(
+    const T = et(
       C,
       n.name,
       D
     );
     if (n.name === "allocations_cash" && x > 0) {
       D += x;
-      const W = {
+      const B = {
         displayName: u.cash_balance_display_name,
         name: "allocations_name",
         value: x,
         percentage: x / y
       };
-      k.push(W);
+      T.push(B);
     }
     D > 0 && (f.push({
       name: n.name,
       displayName: m[g],
       guid: `${n.name}-${g}`,
-      holdings: k,
+      holdings: T,
       percentage: D / y,
       value: D,
       color: Je[n.name]
@@ -235,7 +235,7 @@ const me = ({ sx: t = {} }) => {
         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(T.Fragment, { children: [
+    /* @__PURE__ */ e(ne, { sx: { px: 12 }, children: t.investmentsData.map((s) => /* @__PURE__ */ i(k.Fragment, { children: [
       /* @__PURE__ */ e(
         ie,
         {
@@ -326,12 +326,12 @@ const me = ({ sx: t = {} }) => {
   size: l = 150,
   totalLabel: x
 }) => {
-  const h = Z(), b = h.palette.mode === "dark", s = T.useMemo(
-    () => d ? t.investmentsData.find(({ guid: k }) => k === d) : void 0,
+  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 = 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;
+  } = 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,
     {
@@ -347,7 +347,7 @@ const me = ({ sx: t = {} }) => {
         /* @__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(
-            B,
+            W,
             {
               name: t.totalGainLoss >= 0 ? "trending_up" : "trending_down",
               size: 20,
@@ -370,7 +370,7 @@ const me = ({ sx: t = {} }) => {
     }
   );
 }, ot = () => {
-  const [t, u] = T.useState(0), [c, m] = T.useState(""), [f, v] = T.useState(""), d = (n) => {
+  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 }
@@ -428,7 +428,7 @@ const me = ({ sx: t = {} }) => {
   copy: c,
   setAnalysisType: m
 }) => {
-  const { isSmallMobile: f } = j(), v = T.useMemo(() => Object.keys(t).filter((l) => t[l] >= 1).map((l) => ({
+  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)
@@ -497,12 +497,12 @@ const me = ({ sx: t = {} }) => {
     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(B, { name: "info", sx: { color: "info.main" } }) })
+    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 } = 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 } = 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]);
@@ -589,17 +589,17 @@ const me = ({ sx: t = {} }) => {
                   }
                 ),
                 u.map((r, n, g) => /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: r.map((C, D) => {
-                  const k = n === 0, W = n === g.length - 1, A = D === 0, G = D === r.length - 1, F = Number(C.replace("%", "")) >= 25;
+                  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: W && A ? 4 : 0,
-                          borderBottomRightRadius: W && G ? 4 : 0,
-                          borderTopLeftRadius: k && A ? 4 : 0,
-                          borderTopRightRadius: k && G ? 4 : 0
+                          borderBottomLeftRadius: B && A ? 4 : 0,
+                          borderBottomRightRadius: B && G ? 4 : 0,
+                          borderTopLeftRadius: T && A ? 4 : 0,
+                          borderTopRightRadius: T && G ? 4 : 0
                         },
                         alignItems: "center",
                         bgcolor: L,
@@ -663,7 +663,7 @@ const me = ({ sx: t = {} }) => {
   isOpen: l,
   onClose: x
 }) => {
-  const { investments: h } = N(), [b, s] = T.useState({}), y = (r) => (n, g) => {
+  const { investments: h } = N(), [b, s] = k.useState({}), y = (r) => (n, g) => {
     s((C) => ({
       ...C,
       [r]: g
@@ -765,12 +765,41 @@ const me = ({ sx: t = {} }) => {
                               {
                                 sx: {
                                   alignItems: "center",
+                                  flex: 1,
                                   flexDirection: "row",
-                                  gap: 12
+                                  gap: 12,
+                                  minWidth: 0
                                 },
-                                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 })
+                                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
+                                    }
+                                  )
                                 ] })
                               }
                             ),
@@ -779,7 +808,7 @@ const me = ({ sx: t = {} }) => {
                               {
                                 sx: {
                                   alignItems: "center",
-                                  flex: 1,
+                                  flexShrink: 0,
                                   flexDirection: "row",
                                   gap: 12,
                                   justifyContent: "flex-end"
@@ -794,7 +823,7 @@ const me = ({ sx: t = {} }) => {
                                     }) }),
                                     /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
                                       r.totalGainLoss !== 0 && /* @__PURE__ */ e(
-                                        B,
+                                        W,
                                         {
                                           name: r.totalGainLoss >= 0 ? "trending_up" : "trending_down",
                                           size: 12,
@@ -836,7 +865,7 @@ const me = ({ sx: t = {} }) => {
                                     ] })
                                   ] }),
                                   /* @__PURE__ */ e(
-                                    B,
+                                    W,
                                     {
                                       name: b[r.id] ? "expand_less" : "expand_more",
                                       size: 20
@@ -936,7 +965,7 @@ const me = ({ sx: t = {} }) => {
                                       {
                                         onClick: () => f(r.id, r.costBasis),
                                         sx: { minWidth: 16, minHeight: 16 },
-                                        children: /* @__PURE__ */ e(B, { name: "stylus", size: 16, sx: { color: "grey.700" } })
+                                        children: /* @__PURE__ */ e(W, { name: "stylus", size: 16, sx: { color: "grey.700" } })
                                       }
                                     )
                                   ]
@@ -959,7 +988,7 @@ const me = ({ sx: t = {} }) => {
   );
 }, 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 })
+  /* @__PURE__ */ e(W, { name: "expand_all", size: 12 })
 ] }), ht = ({
   data: t,
   editingHoldingId: u,
@@ -1030,7 +1059,7 @@ const me = ({ sx: t = {} }) => {
             {
               onClick: () => m(n.row.id, n.row.costBasis),
               sx: { minWidth: 12, minHeight: 12 },
-              children: /* @__PURE__ */ e(B, { name: "stylus", size: 12, sx: { color: "grey.700" } })
+              children: /* @__PURE__ */ e(W, { name: "stylus", size: 12, sx: { color: "grey.700" } })
             }
           )
         ] });
@@ -1047,7 +1076,7 @@ const me = ({ sx: t = {} }) => {
         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(
-            B,
+            W,
             {
               name: n.value > 0 ? "trending_up" : "trending_down",
               size: 16,
@@ -1129,14 +1158,14 @@ const me = ({ sx: t = {} }) => {
     }
   );
 }, 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({
+  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, 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));
+  }), { 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) && k(w);
+    /^\d*\.?\d*$/.test(w) && T(w);
   }, ue = (a, w) => {
     a.key === "Enter" ? te(w) : a.key === "Escape" && C(null);
   }, te = (a) => {
@@ -1165,7 +1194,7 @@ const me = ({ sx: t = {} }) => {
   ).reduce((a, w) => {
     const M = w.market_value ? w.market_value - (w.cost_basis || 0) : 0;
     return a + M;
-  }, 0), Te = () => {
+  }, 0), ke = () => {
     f(!1);
   };
   return n ? /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 48, pt: 48, width: "100%" }, children: [
@@ -1179,7 +1208,7 @@ const me = ({ sx: t = {} }) => {
       }) }),
       /* @__PURE__ */ i(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
         /* @__PURE__ */ e(
-          B,
+          W,
           {
             name: q >= 0 ? "trending_up" : "trending_down",
             size: 20,
@@ -1211,7 +1240,7 @@ const me = ({ sx: t = {} }) => {
         marketValue: I.market_value || 0,
         description: I.description || ""
       })), M = w.length > 0, E = a.balance, S = w.reduce(
-        (I, We) => We.totalGainLoss + I,
+        (I, Be) => Be.totalGainLoss + I,
         0
       ), ge = E ? S / E * 100 : 0;
       if (t)
@@ -1307,7 +1336,7 @@ const me = ({ sx: t = {} }) => {
                                   },
                                   children: [
                                     S !== 0 && /* @__PURE__ */ e(
-                                      B,
+                                      W,
                                       {
                                         name: S > 0 ? "trending_up" : "trending_down",
                                         size: 20,
@@ -1383,7 +1412,7 @@ const me = ({ sx: t = {} }) => {
           },
           a.guid
         );
-      const ke = A ? "grey.700" : "grey.400", Be = w.length ? "text.primary" : ke;
+      const Te = A ? "grey.700" : "grey.400", We = w.length ? "text.primary" : Te;
       return /* @__PURE__ */ i(
         be,
         {
@@ -1421,7 +1450,7 @@ const me = ({ sx: t = {} }) => {
                         width: "100%"
                       },
                       children: [
-                        /* @__PURE__ */ e(B, { name: "expand_more", size: 20, sx: { color: Be } }),
+                        /* @__PURE__ */ e(W, { name: "expand_more", size: 20, sx: { color: We } }),
                         /* @__PURE__ */ e(
                           oe,
                           {
@@ -1451,7 +1480,7 @@ const me = ({ sx: t = {} }) => {
                           },
                           children: [
                             S !== 0 && /* @__PURE__ */ e(
-                              B,
+                              W,
                               {
                                 name: S >= 0 ? "trending_up" : "trending_down",
                                 size: 20,
@@ -1535,7 +1564,7 @@ const me = ({ sx: t = {} }) => {
         handleCostBasisClick: H,
         handleCostBasisKeyDown: ue,
         isOpen: m,
-        onClose: Te
+        onClose: ke
       }
     ),
     /* @__PURE__ */ e(
@@ -1556,20 +1585,20 @@ const me = ({ sx: t = {} }) => {
     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();
+  } = U(), { investments: s, accounts: y } = N(), { isInitialized: r } = J(), [n, g] = k.useState(0), { loadHoldings: C, holdingsLoaded: D } = U();
   qe({
     widgetName: "InvestmentsWidget",
     isLoaded: D
-  }), T.useEffect(() => {
+  }), k.useEffect(() => {
     v || d().finally();
-  }, []), T.useEffect(() => {
+  }, []), k.useEffect(() => {
     r && C().finally();
   }, [r]);
-  const k = () => {
+  const T = () => {
     m(z.INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK);
   };
   if (!r || !D) return /* @__PURE__ */ e(De, {});
-  const W = [
+  const B = [
     z.INVESTMENT_WIDGET_DETAILS_CLICK,
     z.INVESTMENT_WIDGET_ALLOCATION_CLICK,
     z.INVESTMENT_WIDGET_ANALYSIS_CLICK
@@ -1582,7 +1611,7 @@ const me = ({ sx: t = {} }) => {
     Ke,
     {
       allowedAccountTypes: [Ye.INVESTMENT],
-      onAccountsFilterClick: k,
+      onAccountsFilterClick: T,
       onBackClick: t,
       onMenuClick: u,
       sx: c,
@@ -1593,7 +1622,7 @@ const me = ({ sx: t = {} }) => {
             Ee,
             {
               onChange: (F, L) => {
-                g(L), m(W[L]);
+                g(L), m(B[L]);
               },
               sx: { bgcolor: "background.paper" },
               textColor: "primary",