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

package/dist/insights/store/BeatStore/index.es.js

@@ -1,35 +0,0 @@
-import { makeAutoObservable as r, runInAction as o } from "mobx";
-import { BeatApi as i } from "../../../common/api/BeatApi/index.es.js";
-import { transformOfferIntoBeatLikeObject as n, orderArray as f } from "../../../microinsights/utils/beatUtils/index.es.js";
-class B {
-  globalStore;
-  api = new i("/", "");
-  beats = [];
-  isLoading = !1;
-  constructor(t) {
-    this.globalStore = t, this.api = new i(t.endpoint, t.sessionToken), r(this);
-  }
-  loadBeats = async () => {
-    this.isLoading = !0;
-    const t = await this.api.getBeats(), s = (await this.api.getOffers()).map((e) => n(e));
-    o(() => {
-      this.beats = f(t, s, "active_at", "desc"), this.isLoading = !1;
-    });
-  };
-  getFilteredBeats(t) {
-    const { categoryGuids: a, templates: s } = t;
-    let e = this.beats;
-    return a && (e = this.filterBeatsByCategory(e, a)), s && (e = this.filterBeatsByTemplate(e, s)), e;
-  }
-  // Return beats with any beat.category_guids that are in categoryGuids
-  filterBeatsByCategory(t, a) {
-    return t.filter((s) => s.category_guids?.some((e) => a.includes(e)));
-  }
-  // Return beats with a beat.template that is in templates
-  filterBeatsByTemplate(t, a) {
-    return t.filter((s) => a.some((e) => s.template === e));
-  }
-}
-export {
-  B as BeatStore
-};

package/dist/investments/InvestmentsWidget/index.es.js

@@ -1,107 +0,0 @@
-import { jsx as t, jsxs as l, Fragment as N } from "react/jsx-runtime";
-import m from "react";
-import { observer as L } from "mobx-react-lite";
-import x from "@mui/material/Stack";
-import W from "@mui/material/Tab";
-import w from "@mui/material/Tabs";
-import O from "../../accounts/components/ConnectionsDrawer/index.es.js";
-import D from "../components/Allocation/index.es.js";
-import G from "../components/Analysis/index.es.js";
-import M from "../components/Overview/index.es.js";
-import { TabTitle as k } from "../components/TabTitle/index.es.js";
-import { useEvent as K, useAccountStore as F, useHoldingStore as C, useGlobalCopyStore as V, useGlobalUiStore as H } from "../../common/context/hooks/index.es.js";
-import { useScreenSize as U } from "../../common/hooks/useScreenSize/index.es.js";
-import j from "../../common/components/Loader/index.es.js";
-import { ANALYTICS_EVENTS as e } from "../../common/constants/Analytics/index.es.js";
-import z from "../../common/components/WidgetContainer/index.es.js";
-import { EmptyState as R } from "../../common/components/EmptyState/index.es.js";
-const at = L(({ onBackClick: _, sx: T }) => {
-  const { onEvent: s } = K(), { isMobile: u } = U(), { visibleInvestmentAccounts: n } = F(), {
-    visibleHoldings: f,
-    setShowConnectionsWidget: p,
-    showConnectionsWidget: b
-  } = C(), { investments: o, accounts: E } = V(), { isCopyLoaded: S, isInitialized: r, setSelectedAccounts: I } = H(), [i, h] = m.useState(0), { loadHoldings: v } = C();
-  m.useEffect(() => {
-    I(n);
-  }, [n]), m.useEffect(() => {
-    r && v().finally();
-  }, [r]);
-  const g = () => {
-    s(e.INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK);
-  };
-  if (!S || !r) return /* @__PURE__ */ t(j, {});
-  const y = [
-    e.INVESTMENT_WIDGET_DETAILS_CLICK,
-    e.INVESTMENT_WIDGET_ALLOCATION_CLICK,
-    e.INVESTMENT_WIDGET_ANALYSIS_CLICK
-  ], c = n.length === 0 && f.length === 0, A = [
-    o.tab_overview_title,
-    o.tab_allocation_title,
-    o.tab_analysis_title
-  ];
-  return /* @__PURE__ */ l(
-    z,
-    {
-      accountOptions: n,
-      onAccountsFilterClick: g,
-      onBackClick: _,
-      sx: T,
-      title: o.title,
-      children: [
-        /* @__PURE__ */ l(x, { mx: u ? 0 : 48, my: 24, children: [
-          /* @__PURE__ */ t(
-            w,
-            {
-              onChange: (a, d) => {
-                h(d), s(y[d]);
-              },
-              sx: { bgcolor: "background.paper" },
-              textColor: "primary",
-              value: c ? -1 : i,
-              variant: "fullWidth",
-              children: A.map((a) => /* @__PURE__ */ t(W, { disabled: c, label: /* @__PURE__ */ t(k, { title: a }) }, a))
-            }
-          ),
-          c ? /* @__PURE__ */ t(
-            R,
-            {
-              header: o.empty_state_header,
-              icon: "bid_landscape",
-              onClick: () => {
-                p(!0), s(e.ACCOUNTS_CLICK_CONNECT);
-              },
-              primaryButton: o.overview.connect_accounts,
-              subText: o.empty_state_description,
-              sx: {
-                width: { sm: 432 },
-                ".buttons-footer": {
-                  width: 167
-                },
-                ".MuiTypography-h2": {
-                  mt: 20,
-                  mb: 4
-                },
-                px: 16
-              }
-            }
-          ) : /* @__PURE__ */ l(N, { children: [
-            i === 0 && /* @__PURE__ */ t(M, {}),
-            i === 1 && /* @__PURE__ */ t(D, {}),
-            i === 2 && /* @__PURE__ */ t(G, {})
-          ] })
-        ] }),
-        /* @__PURE__ */ t(
-          O,
-          {
-            onClose: () => p(!1),
-            showConnectionsWidget: b,
-            title: E.manage_connections
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  at as InvestmentsWidget
-};

package/dist/investments/api/HoldingApi/index.es.js

@@ -1,13 +0,0 @@
-import { Fetch as s } from "../../../common/utils/Fetch/index.es.js";
-import { ApiEndpoints as e } from "../../../common/constants/ApiEndpoints/index.es.js";
-class h {
-  fetchInstance;
-  constructor(t, n) {
-    this.fetchInstance = new s(t, n);
-  }
-  getHoldings = async () => this.fetchInstance.get(e.HOLDINGS).then((t) => t.holdings);
-  updateHoldings = async (t) => this.fetchInstance.put(`${e.HOLDINGS}/${t.guid}`, t).then((n) => n.holding);
-}
-export {
-  h as HoldingApi
-};

package/dist/investments/components/Allocation/InvestementAllocationList/index.es.js

@@ -1,126 +0,0 @@
-import { jsxs as e, jsx as o, Fragment as w } from "react/jsx-runtime";
-import S from "react";
-import _ from "@mui/material/Box";
-import D from "@mui/material/Collapse";
-import p from "@mui/material/Divider";
-import h from "@mui/material/List";
-import g from "@mui/material/ListItem";
-import L from "@mui/material/ListItemButton";
-import s from "@mui/material/Stack";
-import j from "@mui/material/ToggleButton";
-import k from "@mui/material/ToggleButtonGroup";
-import { Text as i } from "@mxenabled/mxui";
-import { EmptyStateFooterComponent as A } from "../../EmptyStateFooterComponent/index.es.js";
-import { currencyDisplay as c, percentageDisplay as u } from "../util/createInvestementsAllocationData/index.es.js";
-import { useScreenSize as x } from "../../../../common/hooks/useScreenSize/index.es.js";
-import { useGlobalCopyStore as E } from "../../../../common/context/hooks/index.es.js";
-const U = ({
-  data: d,
-  onSelected: f,
-  selectedId: n,
-  selectedTabs: l,
-  setSelectedTabs: y
-}) => {
-  const b = (r, t) => {
-    t !== null && y(t);
-  }, { isMobile: v } = x(), {
-    investments: { allocation: a }
-  } = E(), C = [
-    { label: a.tabs_label_dollar, value: 0 },
-    { label: a.tabs_label_percent, value: 1 }
-  ], m = !d?.investmentsData.length, { isSmallMobile: B } = x();
-  return /* @__PURE__ */ e(s, { sx: { mt: 15, gap: 12, width: v ? 250 : 412 }, children: [
-    /* @__PURE__ */ o(
-      k,
-      {
-        exclusive: !0,
-        fullWidth: !0,
-        onChange: b,
-        value: m ? -1 : l,
-        children: C.map(({ label: r, value: t }) => /* @__PURE__ */ o(j, { color: "primary", value: t, children: /* @__PURE__ */ o(i, { bold: !0, textTransform: "capitalize", variant: "Body", children: r }) }, r))
-      }
-    ),
-    /* @__PURE__ */ o(h, { sx: { px: 12 }, children: d.investmentsData.map((r) => /* @__PURE__ */ e(S.Fragment, { children: [
-      /* @__PURE__ */ o(
-        g,
-        {
-          disableGutters: !0,
-          disablePadding: !0,
-          sx: {
-            minHeight: 44
-          },
-          children: /* @__PURE__ */ e(
-            L,
-            {
-              "aria-expanded": n === r.guid,
-              onClick: () => f(r.guid),
-              sx: { minHeight: 44, px: 12, py: 0 },
-              children: [
-                /* @__PURE__ */ o(
-                  _,
-                  {
-                    borderRadius: 4,
-                    flexShrink: 0,
-                    height: 8,
-                    sx: { backgroundColor: r.color, mr: 8 },
-                    width: 8
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  s,
-                  {
-                    alignItems: "center",
-                    direction: "row",
-                    justifyContent: "space-between",
-                    width: "100%",
-                    children: [
-                      /* @__PURE__ */ o(i, { bold: n === r.guid, children: r.displayName }),
-                      /* @__PURE__ */ o(i, { bold: n === r.guid, variant: "Body", children: l === 0 ? c(r.value) : u(r.percentage) })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ o(p, {}),
-      r.holdings && r.holdings.length > 0 && /* @__PURE__ */ o(D, { in: n === r.guid, unmountOnExit: !0, children: /* @__PURE__ */ e(h, { children: [
-        r?.holdings?.map((t) => /* @__PURE__ */ o(
-          g,
-          {
-            sx: {
-              pl: 24,
-              pr: 8,
-              py: 0
-            },
-            children: /* @__PURE__ */ e(s, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-              /* @__PURE__ */ e(i, { children: [
-                t.displayName,
-                " "
-              ] }),
-              /* @__PURE__ */ o(i, { children: l === 0 ? c(t.value) : u(t.percentage) })
-            ] })
-          },
-          t.displayName
-        )),
-        /* @__PURE__ */ o(p, {})
-      ] }) })
-    ] }, r.guid)) }),
-    m ? /* @__PURE__ */ e(w, { children: [
-      /* @__PURE__ */ o(i, { sx: { color: "secondary.main", p: 8, textAlign: "center" }, children: a.empty_data }),
-      /* @__PURE__ */ o(p, { sx: { borderColor: "border.light" } }),
-      /* @__PURE__ */ o(
-        A,
-        {
-          sx: {
-            ".inner-container": { width: B ? "100%" : 364 }
-          }
-        }
-      )
-    ] }) : l === 0 && /* @__PURE__ */ o(i, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${a.total_label_text} ${c(d.totalAmount)}` })
-  ] });
-};
-export {
-  U as InvestementAllocationList
-};

package/dist/investments/components/Allocation/InvestmentsAllocationChart/index.es.js

@@ -1,67 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import m from "react";
-import r from "@mui/material/Stack";
-import L from "@mui/material/styles/useTheme";
-import { Text as p, H1 as j } from "@mxenabled/mxui";
-import { Icon as I } from "@mxenabled/mx-icons";
-import { currencyDisplay as u, percentageDisplay as M } from "../util/createInvestementsAllocationData/index.es.js";
-import b from "../../../../common/components/charts/Donut/index.es.js";
-import { useGlobalCopyStore as w } from "../../../../common/context/hooks/index.es.js";
-const V = ({
-  data: t,
-  hoveredId: g,
-  isPercentage: h,
-  onMouseEnter: f,
-  onMouseLeave: y,
-  onSelected: d,
-  selectedId: o,
-  size: i = 150,
-  totalLabel: x
-}) => {
-  const s = L(), l = s.palette.mode === "dark", n = m.useMemo(
-    () => o ? t.investmentsData.find(({ guid: G }) => G === o) : void 0,
-    [o]
-  ), {
-    investments: { allocation: D }
-  } = w(), C = m.useMemo(() => t.donutData.length > 0 ? t.donutData : [{ id: "0", color: s.palette.border.light, value: 100 }], [t, s]), v = l ? "#0AC295" : "#09A57F", _ = l ? "grey.300" : "grey.700", k = () => n ? D.pie_chart_centered_click_for_details : h ? M(t.totalGainLossPercentage) : u(t.totalGainLoss), a = t.totalGainLoss >= 0 ? v : _;
-  return /* @__PURE__ */ e(
-    b,
-    {
-      data: C,
-      hoveredId: g,
-      onClick: d,
-      onMouseEnter: f,
-      onMouseLeave: y,
-      selectedId: o,
-      size: i,
-      children: /* @__PURE__ */ e(r, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ e(r, { alignItems: "center", justifyContent: "center", minHeight: i, minWidth: i, children: /* @__PURE__ */ c(r, { alignItems: "center", sx: { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } }, children: [
-        /* @__PURE__ */ e(p, { color: "text.secondary", noWrap: !0, children: n?.displayName ?? x }),
-        /* @__PURE__ */ e(j, { color: "text.primary", children: u(n?.value ?? t.totalMarketValue) }),
-        /* @__PURE__ */ c(r, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-          !n && /* @__PURE__ */ e(
-            I,
-            {
-              name: t.totalGainLoss >= 0 ? "trending_up" : "trending_down",
-              size: 20,
-              sx: { color: a }
-            }
-          ),
-          /* @__PURE__ */ e(
-            p,
-            {
-              sx: {
-                color: a,
-                fontWeight: 700
-              },
-              variant: "Small",
-              children: k()
-            }
-          )
-        ] })
-      ] }) }) })
-    }
-  );
-};
-export {
-  V as InvestementsAllocationChart
-};

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

@@ -1,67 +0,0 @@
-import { jsxs as b, jsx as m } from "react/jsx-runtime";
-import s from "react";
-import x from "@mui/material/Stack";
-import A from "@mui/material/useMediaQuery";
-import { observer as I } from "mobx-react-lite";
-import { InvestementAllocationList as g } from "../allocation/InvestementAllocationList/index.es.js";
-import { InvestementsAllocationChart as h } from "../allocation/InvestmentsAllocationChart/index.es.js";
-import { createInvestmentsAllocationData as y } from "../allocation/util/createInvestementsAllocationData/index.es.js";
-import { useGlobalUiStore as H, useHoldingStore as M, useAccountStore as j, useGlobalCopyStore as w } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as C } from "../../../common/hooks/useScreenSize/index.es.js";
-const D = () => {
-  const [n, d] = s.useState(0), [t, c] = s.useState(""), [u, o] = s.useState(""), i = (e) => {
-    t !== e ? c(e) : (c(""), o(""));
-  }, { selectedAccountGuids: f } = H(), { visibleHoldings: p } = M(), { visibleInvestmentAccounts: S } = j(), {
-    investments: { allocation: r }
-  } = w(), l = y(
-    S.filter(({ guid: e }) => f.includes(e)),
-    r,
-    p
-  ), { isMobile: v } = C(), a = A("(max-width:768px)");
-  return /* @__PURE__ */ b(
-    x,
-    {
-      alignItems: a ? "center" : "flex-start",
-      direction: a ? "column" : "row",
-      gap: { xs: 16, md: 64, xl: 100 },
-      sx: {
-        justifyContent: "center",
-        mt: 50,
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ m(
-          h,
-          {
-            data: l,
-            hoveredId: u,
-            isPercentage: n === 1,
-            onMouseEnter: (e) => {
-              t === e ? o("") : t || o(e);
-            },
-            onMouseLeave: () => {
-              o("");
-            },
-            onSelected: i,
-            selectedId: t,
-            size: v ? 280 : 400,
-            totalLabel: r.pie_chart_centered_text
-          }
-        ),
-        /* @__PURE__ */ m(
-          g,
-          {
-            data: l,
-            onSelected: i,
-            selectedId: t,
-            selectedTabs: n,
-            setSelectedTabs: d
-          }
-        )
-      ]
-    }
-  );
-}, U = I(D);
-export {
-  U as default
-};

package/dist/investments/components/Allocation/util/createInvestementsAllocationData/index.es.js

@@ -1,134 +0,0 @@
-import { formatPercentage as L, formatCurrency as v } from "../../../../../common/utils/NumberFormatting/index.es.js";
-const y = {
-  allocations_cash: "#AEDCCC",
-  allocations_convertible: "#80CAD0",
-  allocations_foreign_bond: "#51B9D4",
-  allocations_foreign_stock: "#3DA0C9",
-  allocations_other: "#3583B8",
-  allocations_preferred: "#2D66A7",
-  allocations_unknown: "#161D6A",
-  allocations_us_bond: "#254995",
-  allocations_us_stock: "#1E2D84"
-}, C = [
-  {
-    name: "allocations_cash"
-  },
-  {
-    name: "allocations_convertible"
-  },
-  {
-    name: "allocations_foreign_bond"
-  },
-  {
-    name: "allocations_foreign_stock"
-  },
-  {
-    name: "allocations_other"
-  },
-  {
-    name: "allocations_preferred"
-  },
-  {
-    name: "allocations_us_bond"
-  },
-  {
-    name: "allocations_us_stock"
-  },
-  {
-    name: "allocations_unknown"
-  }
-], h = (t, l, r) => {
-  const c = l, e = r;
-  return t >= Math.min(c, e) && t < Math.max(c, e);
-}, V = (t, l, r) => {
-  const c = [
-    ...new Set(t.map((i) => i.name.toLowerCase()))
-  ];
-  let e;
-  return c.map((i) => {
-    const m = t.reduce((o, u) => {
-      const d = u.name;
-      return d.toLowerCase() === i ? (e = d, b(u) * u[l] / 100 + o) : o;
-    }, 0);
-    return {
-      displayName: e,
-      name: e,
-      value: m,
-      percentage: m / r
-    };
-  });
-}, b = (t) => t.calculated_market_value ? t.calculated_market_value : t.market_value, w = (t, l, r) => {
-  const c = Object.values(l.allocations_list), e = [];
-  let p = 0;
-  const i = t.map(({ guid: a }) => a), m = r.filter(({ account_guid: a }) => i.includes(a)).map((a) => ({
-    ...a,
-    name: a.symbol || a.description,
-    gainLoss: a.cost_basis || a.cost_basis === 0 ? b(a) - a.cost_basis : 0
-  })), { cashBalance: o, totalAccountBalance: u } = t.reduce(
-    (a, n) => ({
-      cashBalance: a.cashBalance + (n.cash_balance || 0),
-      totalAccountBalance: a.totalAccountBalance + (n.balance || 0)
-    }),
-    { cashBalance: 0, totalAccountBalance: 0 }
-  ), { marketValue: d, totalGainLoss: A } = m.reduce(
-    (a, n) => ({
-      marketValue: a.marketValue + b(n),
-      totalGainLoss: a.totalGainLoss + n.gainLoss
-    }),
-    { marketValue: 0, totalGainLoss: 0 }
-  ), g = d + o;
-  C.forEach((a, n) => {
-    const f = m.filter(
-      (_) => !!_[a.name]
-    );
-    let s = f.reduce(
-      (_, k) => _ + b(k) * k[a.name] / 100,
-      0
-    );
-    const D = V(
-      f,
-      a.name,
-      s
-    );
-    if (a.name === "allocations_cash" && o > 0) {
-      s += o;
-      const _ = {
-        displayName: l.cash_balance_display_name,
-        name: "allocations_name",
-        value: o,
-        percentage: o / g
-      };
-      D.push(_);
-    }
-    s > 0 && (e.push({
-      name: a.name,
-      displayName: c[n],
-      guid: `${a.name}-${n}`,
-      holdings: D,
-      percentage: s / g,
-      value: s,
-      color: y[a.name]
-    }), p += s);
-  });
-  const B = e.map(
-    ({ displayName: a, guid: n, color: f, value: s }) => ({
-      id: n,
-      color: f,
-      label: a,
-      value: s / p * 100
-    })
-  );
-  return {
-    investmentsData: e,
-    donutData: B,
-    totalAmount: p,
-    totalGainLoss: A,
-    totalMarketValue: g,
-    totalGainLossPercentage: A / u
-  };
-}, T = (t) => t < 1e-3 ? "< 0.1%" : L(t), E = (t) => t === 0 ? v(t, "0,0.00") : h(t, -0.01, 0.01) ? "< $0.01" : v(t, "0,0.00");
-export {
-  w as createInvestmentsAllocationData,
-  E as currencyDisplay,
-  T as percentageDisplay
-};