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

package/dist/{common/components/IconBacking/index.es.js → IconBacking-B9oC6uL2.mjs}

@@ -1,23 +1,23 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import d from "@mui/material/Box";
-import e from "@mui/material/Stack";
-const m = ({
+import m from "@mui/material/Stack";
+const s = ({
   backingSx: r,
   children: i,
   size: o,
-  sx: t
-}) => /* @__PURE__ */ c(
-  e,
+  sx: c
+}) => /* @__PURE__ */ n(
+  m,
   {
     sx: {
       display: "grid",
       placeItems: "center",
       zIndex: 3,
-      ...t
+      ...c
     },
     children: [
       i,
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ t(
         d,
         {
           sx: {
@@ -33,7 +33,7 @@ const m = ({
       )
     ]
   }
-), x = m;
+), x = s;
 export {
-  x as default
+  x as I
 };

package/dist/InvestmentUtil-jOyOgzIB.mjs

@@ -0,0 +1,134 @@
+import d from "numeral";
+var m = /* @__PURE__ */ ((t) => (t.Stocks = "stocks", t.Bonds = "bonds", t))(m || {});
+const V = {
+  UNKNOWN: 0,
+  LARGE_VALUE: 1,
+  LARGE_CORE: 2,
+  LARGE_GROWTH: 3,
+  MID_VALUE: 4,
+  MID_CORE: 5,
+  MID_GROWTH: 6,
+  SMALL_VALUE: 7,
+  SMALL_CORE: 8,
+  SMALL_GROWTH: 9
+}, L = {
+  0: "UNKNOWN",
+  1: "LARGE_VALUE",
+  2: "LARGE_CORE",
+  3: "LARGE_GROWTH",
+  4: "MID_VALUE",
+  5: "MID_CORE",
+  6: "MID_GROWTH",
+  7: "SMALL_VALUE",
+  8: "SMALL_CORE",
+  9: "SMALL_GROWTH"
+}, N = {
+  UNKNOWN: 0,
+  HIGH_LIMITED: 1,
+  HIGH_MODERATE: 2,
+  HIGH_EXTENSIVE: 3,
+  MEDIUM_LIMITED: 4,
+  MEDIUM_MODERATE: 5,
+  MEDIUM_EXTENSIVE: 6,
+  LOW_LIMITED: 7,
+  LOW_MODERATE: 8,
+  LOW_EXTENSIVE: 9
+}, O = {
+  0: "UNKNOWN",
+  1: "HIGH_LIMITED",
+  2: "HIGH_MODERATE",
+  3: "HIGH_EXTENSIVE",
+  4: "MEDIUM_LIMITED",
+  5: "MEDIUM_MODERATE",
+  6: "MEDIUM_EXTENSIVE",
+  7: "LOW_LIMITED",
+  8: "LOW_MODERATE",
+  9: "LOW_EXTENSIVE"
+}, A = (t, s = 3) => {
+  const a = Object.keys(t).map(Number).filter((e) => e !== 0).sort((e, c) => e - c), o = [];
+  for (let e = 0; e < a.length; e += s)
+    o.push(a.slice(e, e + s).map((c) => t[c]));
+  return o;
+}, W = A(O), h = A(L), w = (t) => {
+  const s = M(t, g), a = M(t, f), o = (c, i) => {
+    const _ = c.reduce((n, r) => n + T(r), 0), u = c.reduce((n, r) => {
+      const l = i(r);
+      return Object.keys(l).forEach((E) => n[E] = (n[E] || 0) + l[E]), n;
+    }, {});
+    return Object.fromEntries(
+      Object.entries(u).map(([n, r]) => [n, r / _ * 100])
+    );
+  };
+  return {
+    stocks: o(s, D),
+    bonds: o(a, R)
+  };
+}, S = (t) => {
+  const s = t.filter((e) => !isNaN(e.equity_classification)), a = t.filter((e) => !isNaN(e.fixed_income_classification)), o = (e, c, i) => e.reduce((_, u) => {
+    const n = c(u);
+    return Object.keys(i).forEach((r) => {
+      _[r] = (_[r] || 0) + (n[r] || 0);
+    }), _;
+  }, {});
+  return {
+    stocks: o(s, D, V),
+    bonds: o(a, R, N)
+  };
+}, H = (t, s) => Object.fromEntries(
+  Object.entries(t).map(([a, o]) => [a, o * s / 100])
+), R = (t) => G(t, f, O), f = (t) => {
+  const s = t.fixed_income_classification;
+  return {
+    [O[s]]: 100
+  };
+}, D = (t) => G(t, g, L), g = (t) => {
+  const {
+    large_core_weight: s,
+    large_growth_weight: a,
+    large_value_weight: o,
+    mid_core_weight: e,
+    mid_growth_weight: c,
+    mid_value_weight: i,
+    small_core_weight: _,
+    small_growth_weight: u,
+    small_value_weight: n,
+    unknown_weight: r,
+    equity_classification: l
+  } = t, E = {
+    LARGE_CORE: s ?? 0,
+    LARGE_GROWTH: a ?? 0,
+    LARGE_VALUE: o ?? 0,
+    MID_CORE: e ?? 0,
+    MID_GROWTH: c ?? 0,
+    MID_VALUE: i ?? 0,
+    SMALL_CORE: _ ?? 0,
+    SMALL_GROWTH: u ?? 0,
+    SMALL_VALUE: n ?? 0,
+    UNKNOWN: r ?? 0
+  };
+  return I(E) === 0 && l !== void 0 ? { [L[l]]: 100 } : E;
+}, G = (t, s, a) => {
+  const o = s(t), e = T(t), c = H(o, e);
+  if (I(c) === 0) {
+    const i = String(
+      t.equity_classification ?? t.fixed_income_classification
+    );
+    if (!(i in a))
+      throw new Error(`Invalid classification key: ${i}`);
+    return { [a[i]]: e };
+  }
+  return c;
+}, b = (t) => t.split("_").map((s) => s.charAt(0).toUpperCase() + s.slice(1).toLowerCase()).join(" "), p = (t) => t >= 1 ? `${d(t).format("0")}%` : "< 1%", T = (t) => t.calculated_market_value ?? t.market_value, M = (t, s) => t.filter((a) => {
+  const o = s(a), e = I(o);
+  return e > 80 && e < 120;
+}), C = (t, s) => {
+  const a = s === m.Stocks ? h : W, o = t[s];
+  return !o || !o || Object.keys(o).length === 0 ? a.map((e) => e.map(() => "0%")) : a.map((e) => e.map((c) => p(o[c] ?? 0)));
+}, I = (t) => Object.values(t).reduce((s, a) => s + a, 0);
+export {
+  m as A,
+  w as a,
+  S as b,
+  b as f,
+  C as m
+};

package/dist/LineChart-CQWu5KoO.mjs

@@ -0,0 +1,403 @@
+import { jsxs as r, Fragment as w, jsx as t } from "react/jsx-runtime";
+import { useTheme as B } from "@mui/material/styles";
+import { ResponsiveChartContainer as q, ChartsReferenceLine as J, AreaPlot as K, LinePlot as Z, MarkPlot as _, BarPlot as ee, ChartsXAxis as te, ChartsYAxis as ne, ChartsAxisHighlight as ae } from "@mui/x-charts";
+import re from "@mui/material/useMediaQuery";
+import { f as k } from "./NumberFormatting-CtWHhyBX.mjs";
+import { observer as ie } from "mobx-react-lite";
+import { Stack as b, Box as N, useTheme as oe } from "@mui/material";
+import { Text as h } from "@mxenabled/mxui";
+import { u as le } from "./hooks-ClhFlg78.mjs";
+import { ChartsTooltip as se } from "@mui/x-charts/ChartsTooltip";
+const ce = (e) => {
+  const a = B(), i = e.showLabel, o = e.style, m = Number(e.x), s = Number(e.y), d = e.handlers?.onMarkClick, f = e.handlers?.onMouseEnter, l = e.handlers?.onMouseLeave, c = re(a.breakpoints.up("sm")), x = e.valueFormatterString ? k(e.yData[e.dataIndex], e.valueFormatterString) : String(e.yData[e.dataIndex]), u = c ? a.typography.Small?.fontSize : a.typography.XSmall?.fontSize, v = u ? parseFloat(u.toString()) * 0.6 : 8, p = x.length * v + 8 + 8, L = 24, C = m - p / 2, D = s - 30;
+  return /* @__PURE__ */ r(w, { children: [
+    i && /* @__PURE__ */ r(w, { children: [
+      e.labelBackgroundColor && /* @__PURE__ */ t(
+        "rect",
+        {
+          fill: e.labelBackgroundColor,
+          height: L,
+          rx: "3",
+          width: p,
+          x: C,
+          y: D
+        }
+      ),
+      /* @__PURE__ */ t(
+        "text",
+        {
+          dominantBaseline: "middle",
+          fill: e.labelFontColor ? e.labelFontColor : a.palette.text.primary,
+          style: {
+            fontSize: e.labelFontSize ? e.labelFontSize : u
+          },
+          textAnchor: "middle",
+          x: m,
+          y: s - 28 + L / 2,
+          children: x
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      "path",
+      {
+        cursor: d ? "pointer" : "unset",
+        d: "M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0",
+        height: "20px",
+        onClick: (I) => {
+          d?.(I, e.dataIndex);
+        },
+        onMouseEnter: () => {
+          f?.(e.dataIndex);
+        },
+        onMouseLeave: () => {
+          l?.();
+        },
+        style: {
+          fill: o?.fill ? o.fill : a.palette.background.paper,
+          stroke: o?.stroke ? o.stroke : a.palette.primary.main,
+          strokeWidth: 2,
+          transform: `translate(${e.x}px, ${e.y}px)`,
+          transformOrigin: `${e.x}px, ${e.y}px`,
+          filter: o?.filter ? o.filter : "none"
+        },
+        width: "20px"
+      }
+    )
+  ] });
+}, de = (e) => /* @__PURE__ */ r(w, { children: [
+  /* @__PURE__ */ t("clipPath", { id: e.id, children: /* @__PURE__ */ t("rect", { height: e.height, width: e.width, x: "0", y: "0" }) }),
+  /* @__PURE__ */ t("g", { children: /* @__PURE__ */ t(
+    "path",
+    {
+      cursor: "unset",
+      d: e.d,
+      style: {
+        strokeWidth: 2,
+        strokeLinejoin: "round",
+        fill: "none",
+        stroke: e.lineColor ? e.lineColor : e.stroke,
+        transition: "opacity 0.2s ease-in, stroke 0.2s ease-in",
+        opacity: 1
+      }
+    }
+  ) })
+] }), he = ({
+  label: e,
+  customLegendVariant: a
+}) => {
+  const i = a || "Small";
+  return typeof e == "string" ? /* @__PURE__ */ t(h, { variant: i, children: e }) : typeof e == "object" && e.amount && e.label ? /* @__PURE__ */ r(w, { children: [
+    /* @__PURE__ */ t(h, { variant: i, children: e.label }),
+    /* @__PURE__ */ t(h, { bold: !0, sx: { marginLeft: 8 }, variant: i, children: k(e.amount, "0,0") })
+  ] }) : null;
+}, me = ({
+  average: e,
+  customLegendVariant: a,
+  labels: i = [],
+  series: o,
+  style: m,
+  title: s,
+  valueFormatterString: d
+}) => {
+  const { common: f } = le(), l = a || "Small";
+  return /* @__PURE__ */ r(b, { style: { flexDirection: "row", gap: 24, ...m }, children: [
+    o.map((c, x) => {
+      const u = i[x];
+      return u ? /* @__PURE__ */ r(
+        b,
+        {
+          style: { alignItems: "center", flexDirection: "row", flexWrap: "wrap" },
+          children: [
+            /* @__PURE__ */ t(
+              N,
+              {
+                sx: {
+                  width: 10,
+                  height: 10,
+                  backgroundColor: c.color,
+                  marginRight: 8
+                }
+              }
+            ),
+            /* @__PURE__ */ t(he, { customLegendVariant: a, label: u })
+          ]
+        },
+        x
+      ) : null;
+    }),
+    e && /* @__PURE__ */ r(b, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+      /* @__PURE__ */ t(h, { bold: !0, sx: { marginRight: 8 }, variant: l, children: "– –" }),
+      /* @__PURE__ */ r(h, { variant: l, children: [
+        s || f.average,
+        "  "
+      ] }),
+      /* @__PURE__ */ t(h, { bold: !0, variant: l, children: d ? k(e, d) : e })
+    ] })
+  ] });
+}, ue = ie(me);
+function fe({ labels: e = [], valueFormatterString: a = "0,0" }) {
+  const i = oe();
+  return /* @__PURE__ */ t(
+    se,
+    {
+      showCrosshair: !0,
+      slots: {
+        axisContent: (o) => {
+          const { axisValue: m, dataIndex: s, series: d } = o, f = s ?? 0;
+          return /* @__PURE__ */ r(
+            b,
+            {
+              sx: {
+                backgroundColor: i.palette.background.paper,
+                boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
+                flexDirection: "column",
+                alignItems: "flex-start",
+                borderRadius: "4px",
+                width: 225,
+                gap: 8,
+                px: 16,
+                py: 12
+              },
+              children: [
+                /* @__PURE__ */ t(h, { variant: "H3", children: String(m) }),
+                d.map((l, c) => /* @__PURE__ */ r(
+                  b,
+                  {
+                    sx: {
+                      flexDirection: "row",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      alignSelf: "stretch",
+                      gap: 8,
+                      marginTop: 4
+                    },
+                    children: [
+                      /* @__PURE__ */ r(b, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
+                        /* @__PURE__ */ t(
+                          N,
+                          {
+                            sx: {
+                              width: "12px",
+                              height: "12px",
+                              backgroundColor: l.color,
+                              borderRadius: "4px"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ t(h, { variant: "Body", children: typeof e[c] == "string" ? e[c] : e[c]?.label })
+                      ] }),
+                      /* @__PURE__ */ t(h, { bold: !0, variant: "Body", children: k(l.data[f], a) })
+                    ]
+                  },
+                  l.id
+                ))
+              ]
+            }
+          );
+        }
+      },
+      trigger: "axis"
+    }
+  );
+}
+const ve = ({
+  axisColor: e,
+  baseline: a = "max",
+  colors: i,
+  curveType: o = "linear",
+  customLegendVariant: m,
+  datasets: s,
+  height: d,
+  isGraphClippingXAxis: f = !1,
+  labels: l,
+  labelBackgroundColor: c,
+  labelFontColor: x,
+  labelFontSize: u,
+  margin: v,
+  markHandlers: A,
+  markStyles: $,
+  showArea: T = !1,
+  showAverage: p = !1,
+  showAxisHighlight: L = !1,
+  showBars: C = !1,
+  showLegend: D = !1,
+  showMarkLabel: I = !1,
+  showTooltip: E = !1,
+  showXAxis: F = !1,
+  showXAxisTicks: H = !1,
+  showYAxis: X = !1,
+  showYAxisTicks: Y = !1,
+  title: G,
+  useCustomMark: O = !1,
+  valueFormatterString: g,
+  width: Q
+}) => {
+  const y = B(), U = s.flat().map((n) => n.x), M = s.flat().map((n) => n.y), z = Math.round(M.reduce((n, W) => W + n, 0) / M.length), P = Math.floor(Math.min(...M) / 100) * 100, j = Math.ceil(Math.max(...M) / 100) * 100, R = s.map((n, W) => ({
+    type: C ? "bar" : "line",
+    curve: o,
+    color: C ? y.palette.chart?.chart6 : i[W] ?? y.palette.primary.main,
+    data: n.map((S) => S.y),
+    area: T,
+    baseline: a,
+    showMark: !0,
+    valueFormatter: (S) => g ? k(S || 0, g) : String(S)
+  })), V = {
+    ...{
+      top: 60,
+      right: 35,
+      bottom: 50,
+      left: 50
+    },
+    ...v
+  };
+  return /* @__PURE__ */ r("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ r(
+      q,
+      {
+        height: d,
+        margin: V,
+        series: R,
+        sx: {
+          p: 4,
+          "& .MuiBarLabel-root": {
+            fontSize: 10,
+            fontWeight: 600
+          },
+          "& .MuiAreaElement-root": {
+            opacity: 0.15
+          }
+        },
+        width: Q,
+        xAxis: [{ data: U, scaleType: C ? "band" : "point" }],
+        yAxis: [
+          {
+            min: f ? -22 : P,
+            max: j || 100,
+            colorMap: T && R.length < 2 ? {
+              type: "continuous",
+              min: P,
+              max: j,
+              color: [
+                y.palette.background.paper,
+                i[0] ?? y.palette.primary.main
+              ]
+            } : void 0,
+            valueFormatter: (n) => g ? k(n, g) : String(n)
+          }
+        ],
+        children: [
+          p && /* @__PURE__ */ t(
+            J,
+            {
+              lineStyle: {
+                stroke: c ? y.palette.neutral.main : y.palette.neutral.dark,
+                strokeDasharray: "10, 8",
+                strokeWidth: 2
+              },
+              y: z
+            }
+          ),
+          /* @__PURE__ */ t(K, {}),
+          /* @__PURE__ */ t(
+            Z,
+            {
+              slots: {
+                line: (n) => /* @__PURE__ */ t(
+                  de,
+                  {
+                    ...n,
+                    lineColor: n.ownerState.color ?? y.palette.primary.main
+                  }
+                )
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            _,
+            {
+              slots: O ? {
+                mark: (n) => /* @__PURE__ */ t(
+                  ce,
+                  {
+                    handlers: A,
+                    labelBackgroundColor: c,
+                    labelFontColor: x,
+                    labelFontSize: u,
+                    showLabel: I,
+                    style: $?.(n.dataIndex) ?? {},
+                    valueFormatterString: g,
+                    yData: M,
+                    ...n
+                  }
+                )
+              } : void 0
+            }
+          ),
+          /* @__PURE__ */ t(
+            ee,
+            {
+              barLabel: (n) => Number(n.value) > 0 ? `$${n.value}` : null,
+              borderRadius: 10
+            }
+          ),
+          /* @__PURE__ */ t(
+            te,
+            {
+              disableLine: !F,
+              disableTicks: !H,
+              slotProps: e ? {
+                axisLine: {
+                  style: {
+                    stroke: e
+                  }
+                },
+                axisTick: {
+                  style: {
+                    stroke: e
+                  }
+                }
+              } : {}
+            }
+          ),
+          /* @__PURE__ */ t(
+            ne,
+            {
+              disableLine: !X,
+              disableTicks: !Y,
+              slotProps: e ? {
+                axisLine: {
+                  style: {
+                    stroke: e
+                  }
+                },
+                axisTick: {
+                  style: {
+                    stroke: e
+                  }
+                }
+              } : {}
+            }
+          ),
+          L && /* @__PURE__ */ t(ae, { x: "line" }),
+          E && /* @__PURE__ */ t(fe, { labels: l, valueFormatterString: g })
+        ]
+      }
+    ),
+    D && /* @__PURE__ */ t(
+      ue,
+      {
+        average: p ? z : void 0,
+        customLegendVariant: m,
+        labels: l,
+        series: R,
+        style: { position: "absolute", top: 16, left: 16 },
+        title: G,
+        valueFormatterString: g
+      }
+    )
+  ] });
+};
+export {
+  ve as L
+};

package/dist/{common/components/ListItemAction/index.es.js → ListItemAction-Df3OPMOW.mjs}

@@ -1,17 +1,17 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import u from "react";
+import b from "react";
 import { observer as v } from "mobx-react-lite";
 import x from "@mui/material/ListItem";
 import C from "@mui/material/ListItemButton";
 import I from "@mui/material/ListItemText";
-import g from "@mui/material/Stack";
-import { ChevronRight as L } from "@mxenabled/mx-icons";
-import { Text as n } from "@mxenabled/mxui";
-import j from "../dialog/Dialog/index.es.js";
-import { useGlobalCopyStore as P } from "../../context/hooks/index.es.js";
+import L from "@mui/material/Stack";
+import { ChevronRight as g } from "@mxenabled/mx-icons";
+import { Text as m } from "@mxenabled/mxui";
+import { a as j } from "./Dialog-CWW597AF.mjs";
+import { u as P } from "./hooks-ClhFlg78.mjs";
 const D = v(
   ({
-    children: a,
+    children: n,
     isDisabled: i = !1,
     isSaveDisabled: s = !1,
     label: p,
@@ -21,9 +21,9 @@ const D = v(
     secondaryText: y,
     zeroStateText: o
   }) => {
-    const { common: m } = P(), [d, t] = u.useState(!1), h = () => {
+    const { common: a } = P(), [d, t] = b.useState(!1), h = () => {
       t(!1), c?.();
-    }, b = () => {
+    }, u = () => {
       t(!1), l();
     };
     return /* @__PURE__ */ e(x, { children: [
@@ -31,10 +31,10 @@ const D = v(
         /* @__PURE__ */ r(
           I,
           {
-            primary: /* @__PURE__ */ e(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ r(n, { variant: "body1", children: f }),
+            primary: /* @__PURE__ */ e(L, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ r(m, { variant: "body1", children: f }),
               /* @__PURE__ */ r(
-                n,
+                m,
                 {
                   bold: !0,
                   color: o ? "primary.main" : "text.primary",
@@ -47,23 +47,23 @@ const D = v(
             primaryTypographyProps: { variant: "body1" }
           }
         ),
-        !i && !o && /* @__PURE__ */ r(L, {})
+        !i && !o && /* @__PURE__ */ r(g, {})
       ] }),
       /* @__PURE__ */ r(
         j,
         {
-          copy: { title: p, close_aria: m.close_aria },
+          copy: { title: p, close_aria: a.close_aria },
           disablePrimaryButton: s,
           isOpen: d,
           onClose: h,
-          onPrimaryAction: b,
-          primaryText: m.save_button,
-          children: a
+          onPrimaryAction: u,
+          primaryText: a.save_button,
+          children: n
         }
       )
     ] });
   }
 );
 export {
-  D as ListItemAction
+  D as L
 };

package/dist/Loader-Dp1P2gNw.mjs

@@ -0,0 +1,14 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import c from "@mui/material/CircularProgress";
+import i from "@mui/material/Stack";
+import { useTokens as m, Text as a } from "@mxenabled/mxui";
+const p = ({ height: t = 250, label: r = "", size: e = 32 }) => {
+  const n = m();
+  return /* @__PURE__ */ s(i, { alignItems: "center", gap: n.Spacing.XLarge, height: t, justifyContent: "center", children: [
+    /* @__PURE__ */ o(c, { size: e }),
+    r && /* @__PURE__ */ o(a, { children: r })
+  ] });
+}, x = p;
+export {
+  x as L
+};