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

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

@@ -1,183 +0,0 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import o from "@mui/material/Stack";
-import p from "@mui/material/Paper";
-import C from "@mui/material/IconButton";
-import b from "@mui/material/TextField";
-import F from "@mui/material/styles/useTheme";
-import { DataGridPro as _ } from "@mui/x-data-grid-pro";
-import { Icon as m } from "@mxenabled/mx-icons";
-import { Text as t } from "@mxenabled/mxui";
-import { HeaderCell as l } from "../HeaderCell/index.es.js";
-import { useGlobalCopyStore as B } from "../../../common/context/hooks/index.es.js";
-const P = ({
-  data: u,
-  editingHoldingId: g,
-  currentEditedCostBasis: x,
-  handleCostBasisClick: f,
-  handleCostBasisChange: v,
-  handleCostBasisKeyDown: w,
-  handleCostBasisBlur: y
-}) => {
-  const { investments: n } = B(), S = F().palette.mode === "dark", c = "success.main", h = S ? "grey.300" : "grey.700", a = (e, i = "lesserThan") => i === "greaterThan" ? e >= 0 ? c : h : e <= 0 ? h : c, D = [
-    {
-      field: "qty",
-      headerName: n.overview.qty_header,
-      sortable: !1,
-      width: 48,
-      align: "center",
-      headerAlign: "center"
-    },
-    {
-      field: "holding",
-      headerName: n.overview.holding_header,
-      flex: 1,
-      renderHeader: l,
-      renderCell: (e) => /* @__PURE__ */ r(o, { sx: { alignItems: "center", gap: 16, flexDirection: "row" }, children: /* @__PURE__ */ d(o, { children: [
-        /* @__PURE__ */ r(t, { sx: { fontWeight: 700 }, children: e.row.holding }),
-        /* @__PURE__ */ r(t, { sx: { color: "text.secondary", fontWeight: 400 }, variant: "tiny", children: e.row.description })
-      ] }) })
-    },
-    {
-      field: "costBasis",
-      headerName: n.overview.cost_basis_header,
-      width: 132,
-      renderHeader: l,
-      renderCell: (e) => {
-        const i = g === e.row.id;
-        return /* @__PURE__ */ d(o, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-          i ? /* @__PURE__ */ r(
-            b,
-            {
-              autoFocus: !0,
-              onBlur: () => y(e.row.id),
-              onChange: v,
-              onKeyDown: (s) => w(s, e.row.id),
-              size: "small",
-              sx: {
-                fontSize: 14,
-                width: 57,
-                "& .MuiInputBase-input": {
-                  padding: "4px 0",
-                  textAlign: "center",
-                  fontWeight: 600,
-                  color: "text.primary"
-                },
-                "& .MuiOutlinedInput-notchedOutline": {
-                  border: "none"
-                }
-              },
-              value: x
-            }
-          ) : /* @__PURE__ */ r(t, { sx: { fontSize: 14, width: 57 }, variant: "Small", children: e.value?.toLocaleString("en-US", {
-            currency: "USD",
-            maximumFractionDigits: 2,
-            minimumFractionDigits: 2,
-            style: "currency"
-          }) }),
-          /* @__PURE__ */ r(
-            C,
-            {
-              onClick: () => f(e.row.id, e.row.costBasis),
-              sx: { minWidth: 12, minHeight: 12 },
-              children: /* @__PURE__ */ r(m, { name: "stylus", size: 12, sx: { color: "grey.700" } })
-            }
-          )
-        ] });
-      },
-      align: "center",
-      headerAlign: "center"
-    },
-    {
-      field: "totalGainLoss",
-      headerName: n.overview.total_gain_loss_header,
-      width: 196,
-      renderHeader: l,
-      renderCell: (e) => {
-        const i = e.row.costBasis, s = i ? e.row.totalGainLoss / i * 100 : 0;
-        return /* @__PURE__ */ d(o, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-          e.value !== 0 && /* @__PURE__ */ r(
-            m,
-            {
-              name: e.value > 0 ? "trending_up" : "trending_down",
-              size: 16,
-              sx: {
-                color: a(e.value),
-                mr: 1,
-                verticalAlign: "middle"
-              }
-            }
-          ),
-          /* @__PURE__ */ r(
-            t,
-            {
-              sx: {
-                color: a(e.value),
-                fontWeight: e.value > 0 ? 700 : 400
-              },
-              variant: "Small",
-              children: i ? `${s.toFixed(2)}%` : "0.00%"
-            }
-          ),
-          /* @__PURE__ */ r(t, { sx: { color: "text.secondary" }, variant: "XSmall", children: "|" }),
-          /* @__PURE__ */ r(
-            t,
-            {
-              sx: {
-                color: a(e.value),
-                fontWeight: e.value > 0 ? 700 : 400
-              },
-              variant: "Small",
-              children: Math.abs(e.value).toLocaleString("en-US", {
-                currency: "USD",
-                maximumFractionDigits: 2,
-                minimumFractionDigits: 2,
-                style: "currency"
-              })
-            }
-          )
-        ] });
-      },
-      align: "right",
-      headerAlign: "right",
-      sortable: !1
-    },
-    {
-      field: "marketValue",
-      headerName: n.overview.market_value_header,
-      width: 132,
-      renderHeader: l,
-      renderCell: (e) => /* @__PURE__ */ r(t, { sx: { fontWeight: 700 }, variant: "Small", children: e.value?.toLocaleString("en-US", {
-        currency: "USD",
-        maximumFractionDigits: 2,
-        minimumFractionDigits: 2,
-        style: "currency"
-      }) }),
-      align: "right",
-      headerAlign: "right"
-    }
-  ];
-  return /* @__PURE__ */ r(
-    p,
-    {
-      sx: {
-        boxShadow: "none",
-        width: "100%"
-      },
-      children: /* @__PURE__ */ r(
-        _,
-        {
-          columns: D,
-          disableColumnFilter: !0,
-          disableColumnMenu: !0,
-          disableRowSelectionOnClick: !0,
-          hideFooter: !0,
-          rows: u,
-          slotProps: { baseIconButton: { sx: { display: "none" } } }
-        }
-      )
-    }
-  );
-};
-export {
-  P as default
-};

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

@@ -1,25 +0,0 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import a from "@mui/material/IconButton";
-import m from "@mui/material/Stack";
-import e from "@mui/material/Tooltip";
-import { Text as l, P as p } from "@mxenabled/mxui";
-import { Icon as c } from "@mxenabled/mx-icons";
-const d = ({ body: t, title: r }) => /* @__PURE__ */ n(m, { sx: { gap: 4, p: 12 }, children: [
-  /* @__PURE__ */ o(l, { bold: !0, variant: "Body", children: r }),
-  /* @__PURE__ */ o(p, { variant: "ParagraphSmall", children: t })
-] }), u = ({
-  placement: t = "bottom",
-  tooltip_info_body: r,
-  tooltip_info_title: i
-}) => /* @__PURE__ */ o(
-  e,
-  {
-    enterTouchDelay: 500,
-    placement: t,
-    title: /* @__PURE__ */ o(d, { body: r, title: i }),
-    children: /* @__PURE__ */ o(a, { "aria-label": i, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ o(c, { name: "info", sx: { color: "info.main" } }) })
-  }
-);
-export {
-  u as default
-};

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

@@ -1,441 +0,0 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import te, { useState as g } from "react";
-import { observer as oe } from "mobx-react-lite";
-import re from "@mui/material/Accordion";
-import ne from "@mui/material/AccordionDetails";
-import ie from "@mui/material/AccordionSummary";
-import A from "@mui/material/Paper";
-import s from "@mui/system/Stack";
-import se from "@mui/material/styles/useTheme";
-import { Icon as x } from "@mxenabled/mx-icons";
-import { Text as i, H1 as ae, InstitutionLogo as G } from "@mxenabled/mxui";
-import le from "../../../accounts/components/ConnectionsDrawer/index.es.js";
-import { EmptyStateFooterComponent as ce } from "../EmptyStateFooterComponent/index.es.js";
-import de from "../HoldingDrawer/index.es.js";
-import me from "../HoldingTable/index.es.js";
-import { useScreenSize as ge } from "../../../common/hooks/useScreenSize/index.es.js";
-import { useGlobalUiStore as z, useHoldingStore as T, useGlobalCopyStore as ue, useAccountStore as pe } from "../../../common/context/hooks/index.es.js";
-import xe from "../../../common/components/Loader/index.es.js";
-const he = () => {
-  const { isMobile: b } = ge(), [S, j] = g({}), [E, D] = g(!1), { selectedAccountGuids: X } = z(), { visibleHoldings: N, updateHoldings: M } = T(), [O, R] = te.useState(!1), [C, w] = g({
-    accounts: [],
-    holdings: []
-  }), { accounts: P, investments: m } = ue(), { isCopyLoaded: V } = z(), [_, h] = g(null), [f, B] = g(""), y = se().palette.mode === "dark", I = y ? "#0AC295" : "#09A57F", F = y ? "grey.300" : "grey.700", c = (e, o = "lesserThan") => o === "greaterThan" ? e >= 0 ? I : F : e <= 0 ? F : I, H = (e, o) => {
-    h(e), B(o.toFixed(2));
-  }, L = (e) => {
-    const o = e.target.value;
-    /^\d*\.?\d*$/.test(o) && B(o);
-  }, k = (e, o) => {
-    e.key === "Enter" ? v(o) : e.key === "Escape" && h(null);
-  }, v = (e) => {
-    const o = N.find(({ guid: l }) => l === e);
-    if (!o) return;
-    const d = Number(f);
-    if (M({ ...o, cost_basis: d }), b) {
-      const l = C.holdings.map(
-        (n) => n.id === e ? { ...n, costBasis: d } : n
-      );
-      w((n) => ({
-        ...n,
-        holdings: l
-      }));
-    }
-    h(null);
-  }, $ = (e) => (o, d) => {
-    j((l) => ({
-      ...l,
-      [e]: d
-    }));
-  }, { visibleHoldings: U } = T(), { visibleInvestmentAccounts: q } = pe(), u = q.filter(
-    ({ guid: e }) => X.includes(e)
-  ), K = u.reduce((e, o) => e + (o.balance || 0), 0), J = u.map(({ guid: e }) => e), p = U.filter(
-    ({ account_guid: e }) => J.includes(e)
-  ).reduce((e, o) => {
-    const d = o.market_value ? o.market_value - (o.cost_basis || 0) : 0;
-    return e + d;
-  }, 0), Q = () => {
-    D(!1);
-  };
-  return V ? /* @__PURE__ */ r(s, { sx: { alignItems: "center", gap: 48, pt: 48, width: "100%" }, children: [
-    !!u.length && /* @__PURE__ */ r(s, { sx: { alignItems: "center" }, children: [
-      /* @__PURE__ */ t(i, { sx: { color: "text.secondary" }, children: m.overview.total_portfolio }),
-      /* @__PURE__ */ t(ae, { children: K.toLocaleString("en-US", {
-        currency: "USD",
-        maximumFractionDigits: 2,
-        minimumFractionDigits: 2,
-        style: "currency"
-      }) }),
-      /* @__PURE__ */ r(s, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-        /* @__PURE__ */ t(
-          x,
-          {
-            name: p >= 0 ? "trending_up" : "trending_down",
-            size: 20,
-            sx: { color: c(p, "greaterThan") }
-          }
-        ),
-        /* @__PURE__ */ t(
-          i,
-          {
-            sx: { color: c(p, "greaterThan"), fontWeight: 700 },
-            variant: "Small",
-            children: p.toLocaleString("en-US", {
-              currency: "USD",
-              maximumFractionDigits: 2,
-              minimumFractionDigits: 2,
-              style: "currency"
-            })
-          }
-        )
-      ] })
-    ] }),
-    u.map((e) => {
-      const o = U.filter((a) => a.account_guid === e.guid).map((a) => ({
-        id: a.guid,
-        qty: a.shares || 0,
-        holding: a.symbol || a.description || "Unknown",
-        costBasis: a.cost_basis || 0,
-        totalGainLoss: a.market_value ? a.market_value - (a.cost_basis || 0) : 0,
-        marketValue: a.market_value || 0,
-        description: a.description || ""
-      })), d = o.length > 0, l = e.balance, n = o.reduce(
-        (a, ee) => ee.totalGainLoss + a,
-        0
-      ), W = l ? n / l * 100 : 0;
-      if (b)
-        return /* @__PURE__ */ t(
-          A,
-          {
-            onClick: o.length ? () => {
-              D(!0), w({
-                holdings: o,
-                accounts: e
-              });
-            } : void 0,
-            sx: {
-              width: "100%",
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ r(
-              s,
-              {
-                sx: {
-                  border: 1,
-                  borderColor: "border.main",
-                  borderRadius: "8px",
-                  ml: 16,
-                  mr: 16,
-                  overflow: "hidden",
-                  pt: 14
-                },
-                children: [
-                  /* @__PURE__ */ r(
-                    s,
-                    {
-                      sx: {
-                        alignItems: "center",
-                        borderBottom: 1,
-                        borderColor: "border.main",
-                        flexDirection: "row",
-                        pb: 14,
-                        pl: 14,
-                        pr: 14
-                      },
-                      children: [
-                        /* @__PURE__ */ t(
-                          G,
-                          {
-                            alt: e.institutionName || "",
-                            institutionGuid: e.institution_guid || "",
-                            size: 32
-                          }
-                        ),
-                        /* @__PURE__ */ r(s, { sx: { overflow: "hidden", pl: 13, pr: 13 }, children: [
-                          /* @__PURE__ */ t(i, { sx: { color: "text.secondary" }, variant: "XSmall", children: e.memberName }),
-                          /* @__PURE__ */ t(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: e.user_name || e.name })
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    s,
-                    {
-                      sx: {
-                        alignItems: "center",
-                        flexDirection: "row",
-                        justifyContent: "space-between",
-                        pb: 8,
-                        pt: 8
-                      },
-                      children: [
-                        /* @__PURE__ */ r(
-                          s,
-                          {
-                            sx: {
-                              alignItems: "center",
-                              borderRight: 1,
-                              borderColor: "border.main",
-                              flex: 1,
-                              justifyContent: "center",
-                              pb: 14,
-                              pl: 7,
-                              pr: 7,
-                              pt: 14
-                            },
-                            children: [
-                              /* @__PURE__ */ t(i, { sx: { color: "text.secondary", fontSize: 11 }, variant: "Small", children: m.overview.total_gain_Loss }),
-                              /* @__PURE__ */ r(
-                                s,
-                                {
-                                  sx: {
-                                    alignItems: "center",
-                                    flexDirection: "row",
-                                    gap: 2,
-                                    justifyContent: "flex-end"
-                                  },
-                                  children: [
-                                    n !== 0 && /* @__PURE__ */ t(
-                                      x,
-                                      {
-                                        name: n > 0 ? "trending_up" : "trending_down",
-                                        size: 20,
-                                        sx: { color: c(n) }
-                                      }
-                                    ),
-                                    /* @__PURE__ */ r(
-                                      i,
-                                      {
-                                        sx: {
-                                          color: c(n),
-                                          fontWeight: 600
-                                        },
-                                        variant: "Body",
-                                        children: [
-                                          W.toFixed(2),
-                                          "%"
-                                        ]
-                                      }
-                                    ),
-                                    /* @__PURE__ */ t(i, { sx: { color: "text.secondary" }, variant: "XSmall", children: "|" }),
-                                    /* @__PURE__ */ t(
-                                      i,
-                                      {
-                                        sx: {
-                                          color: c(n),
-                                          fontWeight: 600
-                                        },
-                                        variant: "Body",
-                                        children: Math.abs(n).toLocaleString("en-US", {
-                                          currency: "USD",
-                                          maximumFractionDigits: 2,
-                                          minimumFractionDigits: 2,
-                                          style: "currency"
-                                        })
-                                      }
-                                    )
-                                  ]
-                                }
-                              )
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ r(
-                          s,
-                          {
-                            sx: {
-                              alignItems: "center",
-                              flex: 1,
-                              justifyContent: "center",
-                              pb: 14,
-                              pl: 7,
-                              pr: 7,
-                              pt: 14
-                            },
-                            children: [
-                              /* @__PURE__ */ t(i, { sx: { color: "text.secondary" }, variant: "XSmall", children: m.overview.total_value }),
-                              /* @__PURE__ */ t(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: l?.toLocaleString("en-US", {
-                                currency: "USD",
-                                maximumFractionDigits: 2,
-                                minimumFractionDigits: 2,
-                                style: "currency"
-                              }) })
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          },
-          e.guid
-        );
-      const Y = y ? "grey.700" : "grey.400", Z = o.length ? "text.primary" : Y;
-      return /* @__PURE__ */ r(
-        re,
-        {
-          expanded: S[e.guid] === !0,
-          onChange: d ? $(e.guid) : () => {
-          },
-          sx: {
-            border: 1,
-            borderColor: "divider",
-            borderRadius: "4px",
-            width: "100%"
-          },
-          children: [
-            /* @__PURE__ */ r(
-              ie,
-              {
-                "aria-controls": "panel1a-content",
-                id: "panel1a-header",
-                sx: [
-                  S[e.guid] && {
-                    borderBottom: 1,
-                    borderColor: "border.main",
-                    maxHeight: 88
-                  }
-                ],
-                children: [
-                  /* @__PURE__ */ r(
-                    s,
-                    {
-                      sx: {
-                        alignItems: "center",
-                        flexDirection: "row",
-                        gap: 13,
-                        p: 14,
-                        width: "100%"
-                      },
-                      children: [
-                        /* @__PURE__ */ t(x, { name: "expand_more", size: 20, sx: { color: Z } }),
-                        /* @__PURE__ */ t(
-                          G,
-                          {
-                            alt: e.institutionName || "",
-                            institutionGuid: e.institution_guid || "",
-                            size: 32
-                          }
-                        ),
-                        /* @__PURE__ */ r(s, { sx: { alignItems: "flex-start" }, children: [
-                          /* @__PURE__ */ t(i, { sx: { color: "text.secondary" }, variant: "XSmall", children: e.memberName }),
-                          /* @__PURE__ */ t(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: e.user_name || e.name })
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ r(s, { sx: { flexDirection: "row" }, children: [
-                    /* @__PURE__ */ r(s, { sx: { alignItems: "flex-end", pb: 14, pl: 24, pr: 24, pt: 14 }, children: [
-                      /* @__PURE__ */ t(i, { sx: { color: "text.secondary" }, variant: "XSmall", children: m.overview.total_gain_Loss }),
-                      /* @__PURE__ */ r(
-                        s,
-                        {
-                          sx: {
-                            alignItems: "center",
-                            flexDirection: "row",
-                            gap: 2,
-                            justifyContent: "flex-end"
-                          },
-                          children: [
-                            n !== 0 && /* @__PURE__ */ t(
-                              x,
-                              {
-                                name: n >= 0 ? "trending_up" : "trending_down",
-                                size: 20,
-                                sx: { color: c(n) }
-                              }
-                            ),
-                            /* @__PURE__ */ r(
-                              i,
-                              {
-                                sx: {
-                                  color: c(n),
-                                  fontWeight: 600
-                                },
-                                variant: "Body",
-                                children: [
-                                  W.toFixed(2),
-                                  "%"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ t(i, { sx: { color: "text.secondary" }, variant: "XSmall", children: "|" }),
-                            /* @__PURE__ */ t(
-                              i,
-                              {
-                                sx: {
-                                  color: c(n),
-                                  fontWeight: 600
-                                },
-                                variant: "Body",
-                                children: Math.abs(n).toLocaleString("en-US", {
-                                  currency: "USD",
-                                  maximumFractionDigits: 2,
-                                  minimumFractionDigits: 2,
-                                  style: "currency"
-                                })
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ t(s, { sx: { alignItems: "flex-end", gap: 12, pb: 14, pl: 16, pr: 16, pt: 14 }, children: /* @__PURE__ */ r(s, { sx: { alignItems: "flex-end" }, children: [
-                      /* @__PURE__ */ t(i, { sx: { color: "text.secondary" }, variant: "XSmall", children: m.overview.total_value }),
-                      /* @__PURE__ */ t(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: l?.toLocaleString("en-US", {
-                        currency: "USD",
-                        maximumFractionDigits: 2,
-                        minimumFractionDigits: 2,
-                        style: "currency"
-                      }) })
-                    ] }) })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ t(ne, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ t(A, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(
-              me,
-              {
-                currentEditedCostBasis: f,
-                data: o,
-                editingHoldingId: _,
-                handleCostBasisBlur: v,
-                handleCostBasisChange: L,
-                handleCostBasisClick: H,
-                handleCostBasisKeyDown: k
-              }
-            ) }) })
-          ]
-        },
-        e.guid
-      );
-    }),
-    /* @__PURE__ */ t(ce, {}),
-    /* @__PURE__ */ t(
-      de,
-      {
-        accountHoldingsData: C,
-        currentEditedCostBasis: f,
-        editingHoldingId: _,
-        handleCostBasisBlur: v,
-        handleCostBasisChange: L,
-        handleCostBasisClick: H,
-        handleCostBasisKeyDown: k,
-        isOpen: E,
-        onClose: Q
-      }
-    ),
-    /* @__PURE__ */ t(
-      le,
-      {
-        onClose: () => R(!1),
-        showConnectionsWidget: O,
-        title: P.manage_connections
-      }
-    )
-  ] }) : /* @__PURE__ */ t(xe, {});
-}, Te = oe(he);
-export {
-  Te as default
-};

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

@@ -1,6 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Text as t } from "@mxenabled/mxui";
-const m = ({ title: o }) => /* @__PURE__ */ r(t, { bold: !0, variant: "Body", children: o });
-export {
-  m as TabTitle
-};