@mx-cartographer/experiences 7.1.4-ram1-alpha-finstrong-credit-score-graph-check → 7.1.5

package/dist/{GoalStore-CiBKZvTg.mjs → GoalStore-B5MZzPLZ.mjs}

@@ -7,8 +7,8 @@ import O from "@mui/material/CardHeader";
 import S from "@mui/material/Stack";
 import { AccountBalance as w, ChevronRight as L } from "@mxenabled/mx-icons";
 import { Text as A } from "@mxenabled/mxui";
-import { l as b } from "./ConnectDrawer--gJHyp-S.mjs";
-import { a as y } from "./hooks-CBST3rkm.mjs";
+import { l as b } from "./ConnectDrawer-CPTXh70j.mjs";
+import { a as y } from "./hooks-CE2TKk4a.mjs";
 import { makeAutoObservable as D, runInAction as c } from "mobx";
 import { F as v, A as i } from "./Fetch-87LIQbEA.mjs";
 import { fromUnixTime as G } from "date-fns/fromUnixTime";
@@ -16,7 +16,7 @@ import { addYears as x } from "date-fns/addYears";
 import { getUnixTime as K } from "date-fns/getUnixTime";
 import { b as E } from "./Localization-2MODESHW.mjs";
 import { a as F } from "./NumberFormatting-Buh7u8Oi.mjs";
-import { f as B, a as U } from "./Dialog-BPTr3qHE.mjs";
+import { f as B, D as U } from "./Dialog-CWW597AF.mjs";
 var a = /* @__PURE__ */ ((e) => (e[e.DEBT_TRACK = 1] = "DEBT_TRACK", e[e.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", e[e.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", e[e.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", e))(a || {}), $ = /* @__PURE__ */ ((e) => (e[e.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", e[e.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", e[e.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", e[e.ACTION = 4] = "ACTION", e))($ || {}), l = /* @__PURE__ */ ((e) => (e[e.AUTOMOBILE = 1] = "AUTOMOBILE", e[e.COLLEGE = 2] = "COLLEGE", e[e.HOUSE = 3] = "HOUSE", e[e.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", e[e.VACATION = 5] = "VACATION", e[e.ELECTRONIC = 6] = "ELECTRONIC", e[e.OTHER = 7] = "OTHER", e[e.RETIREMENT = 8] = "RETIREMENT", e[e.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", e[e.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", e[e.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", e[e.CREDIT_CARD = 12] = "CREDIT_CARD", e[e.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", e[e.LOANS = 14] = "LOANS", e))(l || {});
 const at = ({ description: e, label: t, title: o }) => {
   const { config: r } = y(), [n, s] = u.useState(!1);

package/dist/{Help-BZ8pIkkR.mjs → Help-CzBAsKA2.mjs}

@@ -13,7 +13,7 @@ import E from "@mui/material/Stack";
 import { H3 as y, P as H, Icon as X, Text as T, H2 as _t, InstitutionLogo as bt } from "@mxenabled/mxui";
 import { ExpandMore as ot, ChevronRight as wt } from "@mxenabled/mx-icons";
 import xt from "@mui/material/Breadcrumbs";
-import { u as V, z as tt, d as ft, o as St, b as It, a as Tt } from "./hooks-CBST3rkm.mjs";
+import { u as V, z as tt, d as ft, o as St, b as It, a as Tt } from "./hooks-CE2TKk4a.mjs";
 import { useTheme as Z } from "@mui/material/styles";
 import { b as s } from "./Localization-2MODESHW.mjs";
 import { E as Et, a as Ct, P as At } from "./Help-DhcC-C05.mjs";
@@ -21,7 +21,7 @@ import { observer as rt } from "mobx-react-lite";
 import at from "@mui/material/Alert";
 import ct from "@mui/material/Snackbar";
 import lt from "@mui/material/TextField";
-import { D as U } from "./Drawer-BEtCk82g.mjs";
+import { D as U } from "./Drawer-kEE73B87.mjs";
 import { L as dt } from "./Loader-DUaFpDGv.mjs";
 import Ot from "@mui/material/ListItemAvatar";
 import Nt from "@mui/material/ListItem";

package/dist/LineChart-B35qvXik.mjs

@@ -0,0 +1,541 @@
+import { jsxs as i, Fragment as B, jsx as e } from "react/jsx-runtime";
+import nt from "@mui/material/Box";
+import { useTheme as X } from "@mui/material/styles";
+import { ResponsiveChartContainer as at, ChartsReferenceLine as rt, AreaPlot as it, LinePlot as ot, MarkPlot as lt, BarPlot as st, ChartsXAxis as ct, ChartsYAxis as dt, ChartsAxisHighlight as ht } from "@mui/x-charts";
+import { f as b, c as mt } from "./NumberFormatting-Buh7u8Oi.mjs";
+import ut from "@mui/material/useMediaQuery";
+import { observer as xt } from "mobx-react-lite";
+import { Stack as u, Box as N, useTheme as ft } from "@mui/material";
+import { Text as l } from "@mxenabled/mxui";
+import { u as gt } from "./hooks-CE2TKk4a.mjs";
+import { ChartsTooltip as yt } from "@mui/x-charts/ChartsTooltip";
+const pt = (t) => {
+  const r = X(), o = t.showLabel, s = t.style, y = Number(t.x), m = Number(t.y), x = t.handlers?.onMarkClick, f = t.handlers?.onMouseEnter, c = t.handlers?.onMouseLeave, d = ut(r.breakpoints.up("sm")), a = t.valueFormatterString ? b(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), h = d ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, k = h ? parseFloat(h.toString()) * 0.6 : 8, D = a.length * k + 8 + 8, T = 24, $ = y - D / 2, M = m - 30;
+  return /* @__PURE__ */ i(B, { children: [
+    o && /* @__PURE__ */ i(B, { children: [
+      t.labelBackgroundColor && /* @__PURE__ */ e(
+        "rect",
+        {
+          fill: t.labelBackgroundColor,
+          height: T,
+          rx: "3",
+          width: D,
+          x: $,
+          y: M
+        }
+      ),
+      /* @__PURE__ */ e(
+        "text",
+        {
+          className: "MuiLineChart-markLabel",
+          dominantBaseline: "middle",
+          fill: t.labelFontColor ? t.labelFontColor : r.palette.text.primary,
+          style: {
+            fontSize: t.labelFontSize ? t.labelFontSize : h
+          },
+          textAnchor: "middle",
+          x: y,
+          y: m - 28 + T / 2,
+          children: a
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        cursor: x ? "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: (R) => {
+          x?.(R, t.dataIndex);
+        },
+        onMouseEnter: () => {
+          f?.(t.dataIndex);
+        },
+        onMouseLeave: () => {
+          c?.();
+        },
+        style: {
+          fill: s?.fill ? s.fill : r.palette.background.paper,
+          stroke: s?.stroke ? s.stroke : r.palette.primary.main,
+          strokeWidth: 2,
+          transform: `translate(${t.x}px, ${t.y}px)`,
+          transformOrigin: `${t.x}px, ${t.y}px`,
+          filter: s?.filter ? s.filter : "none"
+        },
+        width: "20px"
+      }
+    )
+  ] });
+}, bt = (t) => /* @__PURE__ */ i(B, { children: [
+  /* @__PURE__ */ e("clipPath", { id: t.id, children: /* @__PURE__ */ e("rect", { height: t.height, width: t.width, x: "0", y: "0" }) }),
+  /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e(
+    "path",
+    {
+      cursor: "unset",
+      d: t.d,
+      style: {
+        strokeWidth: 2,
+        strokeLinejoin: "round",
+        fill: "none",
+        stroke: t.lineColor ? t.lineColor : t.stroke,
+        transition: "opacity 0.2s ease-in, stroke 0.2s ease-in",
+        opacity: 1
+      }
+    }
+  ) })
+] }), kt = ({
+  label: t,
+  customLegendVariant: r
+}) => {
+  const o = r || "Small";
+  return typeof t == "string" ? /* @__PURE__ */ e(l, { variant: o, children: t }) : typeof t == "object" && t.amount && t.label ? /* @__PURE__ */ i(B, { children: [
+    /* @__PURE__ */ e(l, { variant: o, children: t.label }),
+    /* @__PURE__ */ e(l, { bold: !0, sx: { marginLeft: 8 }, variant: o, children: b(t.amount, "0,0") })
+  ] }) : null;
+}, Ct = ({
+  average: t,
+  customLegendVariant: r,
+  labels: o = [],
+  series: s,
+  style: y,
+  title: m,
+  valueFormatterString: x
+}) => {
+  const { common: f } = gt(), c = r || "Small";
+  return /* @__PURE__ */ i(u, { style: { flexDirection: "row", gap: 24, ...y }, children: [
+    s.map((d, a) => {
+      const h = o[a];
+      return h ? /* @__PURE__ */ i(
+        u,
+        {
+          style: { alignItems: "center", flexDirection: "row", flexWrap: "wrap" },
+          children: [
+            /* @__PURE__ */ e(
+              N,
+              {
+                sx: {
+                  width: 10,
+                  height: 10,
+                  backgroundColor: d.color,
+                  marginRight: 8
+                }
+              }
+            ),
+            /* @__PURE__ */ e(kt, { customLegendVariant: r, label: h })
+          ]
+        },
+        a
+      ) : null;
+    }),
+    t && /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+      /* @__PURE__ */ e(l, { bold: !0, sx: { marginRight: 8 }, variant: c, children: "– –" }),
+      /* @__PURE__ */ i(l, { variant: c, children: [
+        m || f.average,
+        "  "
+      ] }),
+      /* @__PURE__ */ e(l, { bold: !0, variant: c, children: x ? b(t, x) : t })
+    ] })
+  ] });
+}, Mt = xt(Ct);
+function wt({
+  customLabels: t,
+  labels: r = [],
+  valueFormatterString: o = "0,0"
+}) {
+  const s = ft();
+  return /* @__PURE__ */ e(
+    yt,
+    {
+      showCrosshair: !0,
+      slots: {
+        axisContent: (y) => {
+          const { axisValue: m, dataIndex: x, series: f } = y, c = x ?? 0;
+          if (t) {
+            const d = t[c]?.[0]?.header || String(m);
+            return /* @__PURE__ */ i(
+              u,
+              {
+                sx: {
+                  backgroundColor: s.palette.background.paper,
+                  boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 0.12)",
+                  flexDirection: "column",
+                  alignItems: "flex-start",
+                  borderRadius: "4px",
+                  width: 250,
+                  gap: 8,
+                  px: 16,
+                  py: 12
+                },
+                children: [
+                  /* @__PURE__ */ i(
+                    u,
+                    {
+                      sx: {
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        alignSelf: "stretch",
+                        gap: 8,
+                        marginTop: 4
+                      },
+                      children: [
+                        /* @__PURE__ */ e(l, { variant: "H3", children: d }),
+                        /* @__PURE__ */ e(l, { bold: !0, variant: "H3", children: b(f[0]?.data[c], o) })
+                      ]
+                    }
+                  ),
+                  t[c]?.some((a) => (typeof a == "string" ? 0 : a.amount) !== 0) ? t[c]?.map((a) => {
+                    const h = typeof a == "string" ? a : a.label, k = typeof a == "string" ? 0 : a.amount;
+                    return k === 0 ? null : /* @__PURE__ */ i(
+                      u,
+                      {
+                        sx: {
+                          flexDirection: "row",
+                          justifyContent: "space-between",
+                          alignItems: "center",
+                          alignSelf: "stretch",
+                          gap: 8,
+                          marginTop: 4
+                        },
+                        children: [
+                          /* @__PURE__ */ i(
+                            u,
+                            {
+                              sx: {
+                                flexDirection: "row",
+                                alignItems: "center",
+                                gap: 8,
+                                flex: 1,
+                                minWidth: 0
+                              },
+                              children: [
+                                /* @__PURE__ */ e(
+                                  N,
+                                  {
+                                    sx: {
+                                      width: "12px",
+                                      height: "12px",
+                                      backgroundColor: f[0]?.color,
+                                      borderRadius: "4px"
+                                    }
+                                  }
+                                ),
+                                /* @__PURE__ */ e(l, { variant: "Body", children: h })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(Math.abs(k), o) })
+                        ]
+                      },
+                      h
+                    );
+                  }) : /* @__PURE__ */ e(l, { variant: "Body", children: "No data" })
+                ]
+              }
+            );
+          }
+          return /* @__PURE__ */ i(
+            u,
+            {
+              sx: {
+                backgroundColor: s.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__ */ e(l, { variant: "H3", children: String(m) }),
+                f.map((d, a) => /* @__PURE__ */ i(
+                  u,
+                  {
+                    sx: {
+                      flexDirection: "row",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      alignSelf: "stretch",
+                      gap: 8,
+                      marginTop: 4
+                    },
+                    children: [
+                      /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
+                        /* @__PURE__ */ e(
+                          N,
+                          {
+                            sx: {
+                              width: "12px",
+                              height: "12px",
+                              backgroundColor: d.color,
+                              borderRadius: "4px"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ e(l, { variant: "Body", children: typeof r[a] == "string" ? r[a] : r[a]?.label })
+                      ] }),
+                      /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: b(d.data[c], o) })
+                    ]
+                  },
+                  d.id
+                ))
+              ]
+            }
+          );
+        }
+      },
+      trigger: "axis"
+    }
+  );
+}
+const zt = ({
+  axisColor: t,
+  baseline: r = "max",
+  chartFor: o,
+  chartXaxisSx: s,
+  chartYaxisSx: y,
+  colors: m,
+  curveType: x = "linear",
+  customLegendVariant: f,
+  customTooltipLabels: c,
+  datasets: d,
+  height: a,
+  isGraphClippingXAxis: h = !1,
+  labels: k,
+  labelBackgroundColor: I,
+  labelFontColor: P,
+  labelFontSize: E,
+  margin: D,
+  markHandlers: T,
+  markStyles: $,
+  onItemClick: M,
+  showArea: R = !1,
+  showAverage: H = !1,
+  showAxisHighlight: Y = !1,
+  showBars: j = !1,
+  showLegend: q = !1,
+  showMarkLabel: G = !1,
+  showTooltip: O = !1,
+  showXAxis: Q = !1,
+  showXAxisTicks: U = !1,
+  showYAxis: V = !1,
+  showYAxisTicks: J = !1,
+  title: K,
+  useCustomMark: Z = !1,
+  valueFormatterString: C,
+  width: _
+}) => {
+  const g = X(), tt = d.flat().map((n) => n.x), w = d.flat().map((n) => n.y), F = Math.round(w.reduce((n, v) => v + n, 0) / w.length), L = Math.floor(Math.min(...w) / 100) * 100, S = Math.ceil(Math.max(...w) / 100) * 100, z = d.map((n, v) => ({
+    type: j ? "bar" : "line",
+    curve: x,
+    color: j ? g.palette.chart?.chart6 : m[v] ?? g.palette.primary.main,
+    data: n.map((p) => p.y),
+    area: R,
+    baseline: r,
+    showMark: !0,
+    valueFormatter: (p) => C ? b(p || 0, C) : String(p)
+  })), et = {
+    ...{
+      top: 60,
+      right: 35,
+      bottom: 50,
+      left: 50
+    },
+    ...D
+  };
+  let A = L, W = S;
+  if (o === "networthChart") {
+    const n = S - L, v = n < S * 0.05 ? 0.25 : 0.2, p = Math.max(n * v, S * 0.015);
+    A = L - p < 0 ? L : L - p, W = S + p;
+  }
+  return /* @__PURE__ */ i(
+    nt,
+    {
+      sx: {
+        position: "relative",
+        touchAction: "pan-y",
+        // Allow vertical scrolling
+        "& svg": {
+          touchAction: "pan-y",
+          // Allow vertical scrolling on SVG
+          userSelect: "none"
+          // Prevent text selection
+        },
+        "& .recharts-wrapper": {
+          touchAction: "pan-y"
+          // For Recharts library specifically
+        }
+      },
+      children: [
+        /* @__PURE__ */ i(
+          at,
+          {
+            height: a,
+            margin: et,
+            series: z,
+            sx: {
+              p: 4,
+              "& .MuiBarLabel-root": {
+                fontSize: 10,
+                fontWeight: 600
+              },
+              "& .MuiAreaElement-root": {
+                opacity: 0.15
+              },
+              "& .MuiChartsAxis-tickLabel > tspan": {
+                fontFamily: g.typography.Small.fontFamily
+              },
+              "& .MuiLineChart-markLabel": {
+                fontFamily: g.typography.Small.fontFamily
+              }
+            },
+            width: _,
+            xAxis: [{ data: tt, scaleType: j ? "band" : "point" }],
+            yAxis: [
+              {
+                tickInterval: o === "networthChart" ? mt(A, W, 5) : void 0,
+                min: h ? -22 : A,
+                max: W || 100,
+                colorMap: R && z.length < 2 ? {
+                  type: "continuous",
+                  min: A,
+                  max: W,
+                  color: [
+                    g.palette.background.paper,
+                    m[0] ?? g.palette.primary.main
+                  ]
+                } : void 0,
+                valueFormatter: (n) => C ? b(n, C) : String(n)
+              }
+            ],
+            children: [
+              H && /* @__PURE__ */ e(
+                rt,
+                {
+                  lineStyle: {
+                    stroke: I ? g.palette.neutral.main : g.palette.neutral.dark,
+                    strokeDasharray: "10, 8",
+                    strokeWidth: 2
+                  },
+                  y: F
+                }
+              ),
+              /* @__PURE__ */ e(it, { onItemClick: M }),
+              /* @__PURE__ */ e(
+                ot,
+                {
+                  onItemClick: M,
+                  slots: {
+                    line: (n) => /* @__PURE__ */ e(
+                      bt,
+                      {
+                        ...n,
+                        lineColor: n.ownerState.color ?? g.palette.primary.main
+                      }
+                    )
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(
+                lt,
+                {
+                  onItemClick: M,
+                  slots: Z ? {
+                    mark: (n) => /* @__PURE__ */ e(
+                      pt,
+                      {
+                        handlers: T,
+                        labelBackgroundColor: I,
+                        labelFontColor: P,
+                        labelFontSize: E,
+                        showLabel: G,
+                        style: $?.(n.dataIndex) ?? {},
+                        valueFormatterString: C,
+                        yData: w,
+                        ...n
+                      }
+                    )
+                  } : void 0
+                }
+              ),
+              /* @__PURE__ */ e(
+                st,
+                {
+                  barLabel: (n) => Number(n.value) > 0 ? `$${n.value}` : null,
+                  borderRadius: 10
+                }
+              ),
+              /* @__PURE__ */ e(
+                ct,
+                {
+                  disableLine: !Q,
+                  disableTicks: !U,
+                  slotProps: t ? {
+                    axisLine: {
+                      style: {
+                        stroke: t
+                      }
+                    },
+                    axisTick: {
+                      style: {
+                        stroke: t
+                      }
+                    }
+                  } : {},
+                  sx: { ...s }
+                }
+              ),
+              /* @__PURE__ */ e(
+                dt,
+                {
+                  disableLine: !V,
+                  disableTicks: !J,
+                  sx: { ...y },
+                  slotProps: t ? {
+                    axisLine: {
+                      style: {
+                        stroke: t
+                      }
+                    },
+                    axisTick: {
+                      style: {
+                        stroke: t
+                      }
+                    }
+                  } : {}
+                }
+              ),
+              Y && /* @__PURE__ */ e(ht, { x: "line" }),
+              O && /* @__PURE__ */ e(
+                wt,
+                {
+                  customLabels: c,
+                  labels: k,
+                  valueFormatterString: C
+                }
+              )
+            ]
+          }
+        ),
+        q && /* @__PURE__ */ e(
+          Mt,
+          {
+            average: H ? F : void 0,
+            customLegendVariant: f,
+            labels: k,
+            series: z,
+            style: { position: "absolute", top: 16, left: 16 },
+            title: K,
+            valueFormatterString: C
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  zt as L
+};

package/dist/{ListItemAction-DGaxy7oz.mjs → ListItemAction-DSrYDGAP.mjs}

@@ -6,10 +6,10 @@ import C from "@mui/material/ListItemButton";
 import I from "@mui/material/ListItemText";
 import L from "@mui/material/Stack";
 import { ChevronRight as g } from "@mxenabled/mx-icons";
-import { Text as a } from "@mxenabled/mxui";
-import { D as j } from "./Dialog-BPTr3qHE.mjs";
-import { u as P } from "./hooks-CBST3rkm.mjs";
-const q = v(
+import { Text as m } from "@mxenabled/mxui";
+import { a as j } from "./Dialog-CWW597AF.mjs";
+import { u as P } from "./hooks-CE2TKk4a.mjs";
+const D = v(
   ({
     children: n,
     isDisabled: i = !1,
@@ -21,7 +21,7 @@ const q = v(
     secondaryText: y,
     zeroStateText: o
   }) => {
-    const { common: m } = P(), [d, t] = b.useState(!1), h = () => {
+    const { common: a } = P(), [d, t] = b.useState(!1), h = () => {
       t(!1), c?.();
     }, u = () => {
       t(!1), l();
@@ -32,9 +32,9 @@ const q = v(
           I,
           {
             primary: /* @__PURE__ */ e(L, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ r(a, { variant: "body1", children: f }),
+              /* @__PURE__ */ r(m, { variant: "body1", children: f }),
               /* @__PURE__ */ r(
-                a,
+                m,
                 {
                   bold: !0,
                   color: o ? "primary.main" : "text.primary",
@@ -52,12 +52,12 @@ const q = v(
       /* @__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: u,
-          primaryText: m.save_button,
+          primaryText: a.save_button,
           children: n
         }
       )
@@ -65,5 +65,5 @@ const q = v(
   }
 );
 export {
-  q as L
+  D as L
 };