@mx-cartographer/experiences 6.26.18-alpha.mega3 → 6.26.18-alpha.mega4

package/dist/investments/components/Analysis/index.es.js

@@ -1,169 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import T from "react";
-import { observer as A } from "mobx-react-lite";
-import r from "@mui/material/Stack";
-import { useTheme as M } from "@mui/material/styles";
-import B from "@mui/material/useMediaQuery";
-import { P as L, Text as l } from "@mxenabled/mxui";
-import { AnalysisType as g } from "../../constants/index/index.es.js";
-import O from "../AnalysisDetails/index.es.js";
-import V from "../InfoToolTip/index.es.js";
-import { useGlobalCopyStore as q, useHoldingStore as H } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as z } from "../../../common/hooks/useScreenSize/index.es.js";
-const F = () => {
-  const {
-    investments: { analysis: t }
-  } = q(), { analysisChartData: v, analysisDetails: D, analysisType: n, setAnalysisType: S } = H(), R = B("(min-width:320px) and (max-width:375px)"), { isMobile: o } = z(), j = M().palette.mode === "dark", { cellDimension: p, columns: k, rows: C, textVariant: c } = T.useMemo(() => {
-    const i = n === g.Stocks, s = Object.values(i ? t.stock_column_labels : t.bond_column_labels), y = Object.values(i ? t.stock_row_labels : t.bond_row_labels);
-    return { cellDimension: o ? 72 : 100, columns: s, rows: y, textVariant: o ? "XSmall" : "Body" };
-  }, [t, o, n]);
-  return /* @__PURE__ */ a(
-    r,
-    {
-      sx: {
-        flexDirection: { md: "row" },
-        gap: o ? 48 : 64,
-        justifyContent: "center",
-        pt: 48,
-        px: 16
-      },
-      children: [
-        /* @__PURE__ */ a(
-          r,
-          {
-            sx: {
-              alignItems: "center",
-              flexDirection: "row",
-              justifyContent: "center",
-              pr: { lg: 72 }
-            },
-            children: [
-              /* @__PURE__ */ a(
-                r,
-                {
-                  sx: {
-                    alignItems: "center",
-                    bottom: o ? 10 : 24,
-                    gap: o ? 0 : 24,
-                    position: "relative",
-                    transform: "rotate(-180deg)",
-                    writingMode: "vertical-rl"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(L, { bold: !0, color: "secondary.main", variant: c, children: n === g.Stocks ? t.market_capitalization : t.credit_quality }),
-                    /* @__PURE__ */ e(
-                      r,
-                      {
-                        sx: {
-                          flexDirection: "row",
-                          height: o ? 224 : 308,
-                          justifyContent: "space-around"
-                        },
-                        children: k.map((i) => /* @__PURE__ */ e(
-                          l,
-                          {
-                            sx: {
-                              color: "secondary.main",
-                              pl: 12,
-                              pr: o ? 4 : 0
-                            },
-                            variant: c,
-                            children: i
-                          },
-                          i
-                        ))
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ a(r, { sx: { gap: 4 }, children: [
-                /* @__PURE__ */ a(
-                  r,
-                  {
-                    sx: {
-                      alignSelf: R ? "start" : "center",
-                      flexDirection: "row",
-                      gap: 8,
-                      pb: 12
-                    },
-                    children: [
-                      /* @__PURE__ */ e(l, { bold: !0, children: t.invest_analysis }),
-                      /* @__PURE__ */ e(
-                        V,
-                        {
-                          tooltip_info_body: t.tooltip_info_body,
-                          tooltip_info_title: t.tooltip_info_title
-                        }
-                      )
-                    ]
-                  }
-                ),
-                v.map((i, s, y) => /* @__PURE__ */ e(r, { sx: { flexDirection: "row", gap: 4 }, children: i.map((u, m) => {
-                  const b = s === 0, x = s === y.length - 1, _ = m === 0, w = m === i.length - 1, d = Number(u.replace("%", "")) >= 25;
-                  let h = "grey.200", f = "grey.900";
-                  return j ? (h = d ? "grey.200" : "grey.700", f = d ? "grey.900" : "common.white") : (h = d ? "grey.700" : "grey.200", f = d ? "common.white" : "grey.900"), /* @__PURE__ */ e(
-                    r,
-                    {
-                      sx: {
-                        ...{
-                          borderBottomLeftRadius: x && _ ? 4 : 0,
-                          borderBottomRightRadius: x && w ? 4 : 0,
-                          borderTopLeftRadius: b && _ ? 4 : 0,
-                          borderTopRightRadius: b && w ? 4 : 0
-                        },
-                        alignItems: "center",
-                        bgcolor: h,
-                        height: p,
-                        justifyContent: "center",
-                        width: p
-                      },
-                      children: /* @__PURE__ */ e(
-                        l,
-                        {
-                          sx: {
-                            color: f,
-                            fontWeight: o ? 600 : 700
-                          },
-                          variant: o ? "Body" : "H3",
-                          children: u
-                        }
-                      )
-                    },
-                    m
-                  );
-                }) }, s)),
-                /* @__PURE__ */ e(r, { sx: { alignSelf: "center", flexDirection: "row", pt: 12 }, children: C.map((i) => /* @__PURE__ */ e(r, { sx: { alignItems: "center", width: p }, children: /* @__PURE__ */ e(l, { color: "secondary.main", variant: c, children: i }) }, i)) }),
-                /* @__PURE__ */ e(
-                  l,
-                  {
-                    bold: !0,
-                    sx: { color: "secondary.main", pt: o ? 4 : 24, textAlign: "center" },
-                    variant: c,
-                    children: n === g.Stocks ? t.valuation : t.duration
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          O,
-          {
-            analysisDetails: D,
-            analysisType: n,
-            copy: {
-              empty_data: t.empty_data,
-              equities: t.equities,
-              bonds: t.bonds
-            },
-            setAnalysisType: S
-          }
-        )
-      ]
-    }
-  );
-}, tt = A(F);
-export {
-  tt as default
-};

package/dist/investments/components/AnalysisDetails/index.es.js

@@ -1,81 +0,0 @@
-import { jsxs as n, jsx as t, Fragment as f } from "react/jsx-runtime";
-import u from "react";
-import h from "@mui/material/Divider";
-import g from "@mui/material/List";
-import x from "@mui/material/ListItem";
-import y from "@mui/material/ListItemText";
-import b from "@mui/material/Stack";
-import S from "@mui/material/ToggleButton";
-import T from "@mui/material/ToggleButtonGroup";
-import { Text as l } from "@mxenabled/mxui";
-import { AnalysisType as s } from "../../constants/index/index.es.js";
-import { formatKey as v } from "../../util/InvestmentUtil/index.es.js";
-import { EmptyStateFooterComponent as I } from "../EmptyStateFooterComponent/index.es.js";
-import { useScreenSize as L } from "../../../common/hooks/useScreenSize/index.es.js";
-import { formatCurrency as M } from "../../../common/utils/NumberFormatting/index.es.js";
-const P = ({
-  analysisDetails: e,
-  analysisType: p,
-  copy: i,
-  setAnalysisType: d
-}) => {
-  const { isSmallMobile: a } = L(), m = u.useMemo(() => Object.keys(e).filter((r) => e[r] >= 1).map((r) => ({
-    key: r,
-    value: M(e[r], "0,0"),
-    formattedKey: v(r)
-  })), [e]), c = [
-    { label: i.equities, value: s.Stocks },
-    { label: i.bonds, value: s.Bonds }
-  ];
-  return /* @__PURE__ */ n(b, { sx: { gap: 12, width: { md: 412 } }, children: [
-    /* @__PURE__ */ t(
-      T,
-      {
-        color: "primary",
-        exclusive: !0,
-        onChange: (r, o) => o && d(o),
-        sx: {
-          width: "100%",
-          "& .MuiToggleButton-root": {
-            color: "secondary.main",
-            fontWeight: 600,
-            textTransform: "capitalize"
-          }
-        },
-        value: m.length ? p : -1,
-        children: c.map(({ label: r, value: o }) => /* @__PURE__ */ t(S, { sx: { width: "100%" }, value: o, children: r }, o))
-      }
-    ),
-    m.length ? /* @__PURE__ */ t(
-      g,
-      {
-        sx: {
-          "& .MuiListItemSecondaryAction-root": { pr: 12 },
-          "& .MuiListItem-divider": { borderColor: "border.light" },
-          "& .MuiListItem-root": { minHeight: 44, px: 12 }
-        },
-        children: m.map(({ value: r, formattedKey: o }) => /* @__PURE__ */ t(x, { divider: !0, secondaryAction: /* @__PURE__ */ t(l, { children: r }), children: /* @__PURE__ */ t(
-          y,
-          {
-            primary: o,
-            primaryTypographyProps: { fontStyle: "normal" }
-          }
-        ) }, o))
-      }
-    ) : /* @__PURE__ */ n(f, { children: [
-      /* @__PURE__ */ t(l, { sx: { color: "secondary.main", p: 8, textAlign: "center" }, children: i.empty_data }),
-      /* @__PURE__ */ t(h, { sx: { borderColor: "border.light" } }),
-      /* @__PURE__ */ t(
-        I,
-        {
-          sx: {
-            ".inner-container": { width: a ? "100%" : 364 }
-          }
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  P as default
-};

package/dist/investments/components/EmptyStateFooterComponent/index.es.js

@@ -1,52 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import a from "@mui/material/Button";
-import n from "@mui/material/Stack";
-import { Text as r } from "@mxenabled/mxui";
-import { useGlobalCopyStore as m, useEvent as l, useHoldingStore as p } from "../../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as h } from "../../../common/constants/Analytics/index.es.js";
-const f = ({ sx: i = {} }) => {
-  const { investments: t } = m(), { onEvent: c } = l(), { setShowConnectionsWidget: s } = p();
-  return /* @__PURE__ */ o(n, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...i }, children: [
-    /* @__PURE__ */ o(
-      n,
-      {
-        className: "inner-container",
-        sx: {
-          alignItems: "center",
-          gap: 8,
-          width: "100%",
-          textAlign: "center"
-        },
-        children: [
-          /* @__PURE__ */ e(r, { sx: { fontWeight: 600, whiteSpace: "normal" }, variant: "Body", children: t.overview.investment_accounts_footer }),
-          /* @__PURE__ */ e(
-            r,
-            {
-              sx: {
-                color: "text.secondary",
-                whiteSpace: "normal",
-                fontWeight: 400
-              },
-              variant: "ParagraphSmall",
-              children: t.overview.connect_more_accounts_description
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      a,
-      {
-        onClick: () => {
-          s(!0), c(h.ACCOUNTS_CLICK_CONNECT);
-        },
-        sx: { fontWeight: 600 },
-        variant: "outlined",
-        children: t.overview.connect_accounts
-      }
-    )
-  ] });
-};
-export {
-  f as EmptyStateFooterComponent
-};

package/dist/investments/components/HeaderCell/index.es.js

@@ -1,11 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Text as t } from "@mxenabled/mxui";
-import { Icon as i } from "@mxenabled/mx-icons";
-import { Stack as a } from "@mui/material";
-const x = (r) => /* @__PURE__ */ o(a, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-  /* @__PURE__ */ e(t, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: r.colDef.headerName }),
-  /* @__PURE__ */ e(i, { name: "expand_all", size: 12 })
-] });
-export {
-  x as HeaderCell
-};

package/dist/investments/components/HoldingDrawer/index.es.js

@@ -1,322 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import S from "react";
-import { observer as D } from "mobx-react-lite";
-import C from "@mui/material/Accordion";
-import I from "@mui/material/AccordionDetails";
-import B from "@mui/material/AccordionSummary";
-import L from "@mui/material/IconButton";
-import _ from "@mui/material/TextField";
-import i from "@mui/system/Stack";
-import { Icon as d } from "@mxenabled/mx-icons";
-import { InstitutionLogo as G, Text as n } from "@mxenabled/mxui";
-import { useGlobalCopyStore as F } from "../../../common/context/hooks/index.es.js";
-import W from "../../../common/components/drawer/Drawer/index.es.js";
-const j = ({
-  accountHoldingsData: o,
-  currentEditedCostBasis: x,
-  editingHoldingId: u,
-  handleCostBasisBlur: p,
-  handleCostBasisClick: y,
-  handleCostBasisChange: f,
-  handleCostBasisKeyDown: h,
-  isOpen: v,
-  onClose: w
-}) => {
-  const { investments: a } = F(), [s, g] = S.useState({}), b = (e) => (c, l) => {
-    g((m) => ({
-      ...m,
-      [e]: l
-    }));
-  };
-  return /* @__PURE__ */ r(
-    W,
-    {
-      ariaLabelClose: a.overview.close_investment_drawer,
-      isOpen: v,
-      onClose: w,
-      title: a.overview.investment_details,
-      children: [
-        /* @__PURE__ */ r(i, { sx: { gap: 8, p: 24 }, children: [
-          /* @__PURE__ */ t(
-            G,
-            {
-              alt: o.accounts.institutionName || "",
-              institutionGuid: o.accounts.institution_guid || "",
-              size: 64
-            }
-          ),
-          /* @__PURE__ */ t(n, { sx: { color: "text.primary" }, variant: "Small", children: o.accounts.memberName }),
-          /* @__PURE__ */ t(n, { sx: { color: "text.primary" }, variant: "H2", children: o.accounts.user_name || o.accounts.name }),
-          /* @__PURE__ */ r(i, { sx: { alignItems: "center", flexDirection: "row", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ t(n, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: a.overview.current_balance }),
-            /* @__PURE__ */ t(n, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: o.accounts.balance?.toLocaleString("en-US", {
-              currency: "USD",
-              maximumFractionDigits: 2,
-              minimumFractionDigits: 2,
-              style: "currency"
-            }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ r(
-          i,
-          {
-            sx: {
-              bgcolor: "background.default",
-              flexDirection: "row",
-              justifyContent: "space-between",
-              px: 24,
-              py: 10
-            },
-            children: [
-              /* @__PURE__ */ t(n, { sx: { color: "text.primary", fontWeight: 700 }, variant: "XSmall", children: a.overview.holding }),
-              /* @__PURE__ */ t(n, { sx: { color: "text.primary", fontWeight: 700 }, variant: "XSmall", children: a.overview.market_value })
-            ]
-          }
-        ),
-        o.holdings?.map((e, c) => {
-          const l = u === e.id;
-          return /* @__PURE__ */ r(
-            C,
-            {
-              disableGutters: !0,
-              expanded: s[e.id] === !0,
-              onChange: e ? b(e?.id) : () => {
-              },
-              sx: {
-                ":before": c === 0 ? { opacity: 0 } : {},
-                ".MuiAccordionDetails-root": { p: 0 }
-              },
-              children: [
-                /* @__PURE__ */ t(
-                  B,
-                  {
-                    "aria-controls": "panel1a-content",
-                    id: "panel1a-header",
-                    sx: [
-                      { height: 64 },
-                      s[e.id] && c > 0 && {
-                        borderTop: 1,
-                        borderColor: "border.main"
-                      }
-                    ],
-                    children: /* @__PURE__ */ r(i, { sx: { flexDirection: "row", width: "100%" }, children: [
-                      /* @__PURE__ */ t("div", { style: { width: 24 } }),
-                      /* @__PURE__ */ r(
-                        i,
-                        {
-                          sx: [
-                            {
-                              alignItems: "center",
-                              flexDirection: "row",
-                              justifyContent: "space-between",
-                              pr: 24,
-                              py: 14,
-                              width: "100%"
-                            },
-                            s[e.id] && {
-                              borderBottom: 1,
-                              borderColor: "border.main"
-                            }
-                          ],
-                          children: [
-                            /* @__PURE__ */ t(
-                              i,
-                              {
-                                sx: {
-                                  alignItems: "center",
-                                  flexDirection: "row",
-                                  gap: 12
-                                },
-                                children: /* @__PURE__ */ r(i, { sx: { overflow: "hidden", width: 98 }, children: [
-                                  /* @__PURE__ */ t(n, { sx: { fontWeight: 600 }, variant: "Body", children: e.holding }),
-                                  /* @__PURE__ */ t(n, { variant: "XSmall", children: e.description })
-                                ] })
-                              }
-                            ),
-                            /* @__PURE__ */ r(
-                              i,
-                              {
-                                sx: {
-                                  alignItems: "center",
-                                  flex: 1,
-                                  flexDirection: "row",
-                                  gap: 12,
-                                  justifyContent: "flex-end"
-                                },
-                                children: [
-                                  /* @__PURE__ */ r(i, { children: [
-                                    /* @__PURE__ */ t(n, { sx: { fontWeight: 600, textAlign: "right" }, variant: "Body", children: e.marketValue?.toLocaleString("en-US", {
-                                      currency: "USD",
-                                      maximumFractionDigits: 2,
-                                      minimumFractionDigits: 2,
-                                      style: "currency"
-                                    }) }),
-                                    /* @__PURE__ */ r(i, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
-                                      e.totalGainLoss !== 0 && /* @__PURE__ */ t(
-                                        d,
-                                        {
-                                          name: e.totalGainLoss >= 0 ? "trending_up" : "trending_down",
-                                          size: 12,
-                                          sx: {
-                                            verticalAlign: "middle",
-                                            mr: 1,
-                                            color: e.totalGainLoss >= 0 ? "success.main" : "grey.700"
-                                          }
-                                        }
-                                      ),
-                                      /* @__PURE__ */ t(
-                                        n,
-                                        {
-                                          sx: {
-                                            color: e.totalGainLoss <= 0 ? "grey.700" : "success.main",
-                                            fontWeight: e.totalGainLoss <= 0 ? 400 : 700
-                                          },
-                                          variant: "XSmall",
-                                          children: e.costBasis ? `${(e.totalGainLoss / e.costBasis * 100).toFixed(2)}%` : "0.00%"
-                                        }
-                                      ),
-                                      /* @__PURE__ */ t(n, { sx: { color: "grey.700" }, variant: "XSmall", children: "|" }),
-                                      /* @__PURE__ */ t(
-                                        n,
-                                        {
-                                          sx: {
-                                            color: e.totalGainLoss <= 0 ? "grey.700" : "success.main",
-                                            fontWeight: e.totalGainLoss <= 0 ? 400 : 700
-                                          },
-                                          variant: "XSmall",
-                                          children: Math.abs(e.totalGainLoss).toLocaleString("en-US", {
-                                            currency: "USD",
-                                            maximumFractionDigits: 2,
-                                            minimumFractionDigits: 2,
-                                            style: "currency"
-                                          })
-                                        }
-                                      )
-                                    ] })
-                                  ] }),
-                                  /* @__PURE__ */ t(
-                                    d,
-                                    {
-                                      name: s[e.id] ? "expand_less" : "expand_more",
-                                      size: 20
-                                    }
-                                  )
-                                ]
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ t(I, { children: /* @__PURE__ */ r(
-                  i,
-                  {
-                    sx: {
-                      alignItems: "center",
-                      bgcolor: "background.default",
-                      flexDirection: "row",
-                      pl: 24
-                    },
-                    children: [
-                      /* @__PURE__ */ t(i, { sx: { width: 32 } }),
-                      /* @__PURE__ */ r(i, { sx: { flex: 1 }, children: [
-                        /* @__PURE__ */ r(
-                          i,
-                          {
-                            sx: {
-                              alignItems: "center",
-                              borderBottom: 1,
-                              borderColor: "border.main",
-                              flexDirection: "row",
-                              height: 48,
-                              justifyContent: "space-between",
-                              pr: 24
-                            },
-                            children: [
-                              /* @__PURE__ */ t(n, { sx: { color: "text.primary" }, variant: "Body", children: a.overview.quantity }),
-                              /* @__PURE__ */ t(n, { sx: { color: "text.primary" }, variant: "Small", children: e.qty })
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ r(
-                          i,
-                          {
-                            sx: {
-                              alignItems: "center",
-                              flexDirection: "row",
-                              height: 48,
-                              justifyContent: "space-between",
-                              pr: 24
-                            },
-                            children: [
-                              /* @__PURE__ */ t(n, { sx: { color: "text.primary" }, variant: "Body", children: a.overview.cost_basis_header }),
-                              /* @__PURE__ */ r(
-                                i,
-                                {
-                                  direction: "row",
-                                  sx: {
-                                    alignItems: "center",
-                                    gap: 4
-                                  },
-                                  children: [
-                                    l ? /* @__PURE__ */ t(
-                                      _,
-                                      {
-                                        autoFocus: !0,
-                                        onBlur: () => p(e.id),
-                                        onChange: f,
-                                        onKeyDown: (m) => h(m, e.id),
-                                        size: "small",
-                                        sx: {
-                                          fontSize: 14,
-                                          width: 58,
-                                          "& .MuiInputBase-input": {
-                                            padding: "4px 0",
-                                            textAlign: "center",
-                                            fontWeight: 600,
-                                            color: "text.primary"
-                                          },
-                                          "& .MuiOutlinedInput-notchedOutline": {
-                                            border: "none"
-                                          }
-                                        },
-                                        value: x
-                                      }
-                                    ) : /* @__PURE__ */ t(n, { sx: { fontSize: 14, width: 58 }, variant: "Small", children: e.costBasis?.toLocaleString("en-US", {
-                                      currency: "USD",
-                                      maximumFractionDigits: 2,
-                                      minimumFractionDigits: 2,
-                                      style: "currency"
-                                    }) }),
-                                    /* @__PURE__ */ t(
-                                      L,
-                                      {
-                                        onClick: () => y(e.id, e.costBasis),
-                                        sx: { minWidth: 16, minHeight: 16 },
-                                        children: /* @__PURE__ */ t(d, { name: "stylus", size: 16, sx: { color: "grey.700" } })
-                                      }
-                                    )
-                                  ]
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ) })
-              ]
-            },
-            e.id
-          );
-        })
-      ]
-    }
-  );
-}, R = D(j);
-export {
-  R as default
-};