@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.sms1

package/dist/{useAccountDisplayName-BUAApBIb.mjs → useAccountDisplayName-CFNF8766.mjs}

@@ -1,6 +1,6 @@
 import s from "react";
-import { g as e } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { a as n } from "./hooks-D6XlXHf4.mjs";
+import { g as e } from "./ConnectDrawer-BIbTqYOH.mjs";
+import { a as n } from "./hooks-C41HAxM5.mjs";
 const i = (o) => {
   const { config: a } = n();
   return s.useMemo(

package/dist/{useCombineEvents-BUDIR1ba.mjs → useCombineEvents-CRwX-qWE.mjs}

@@ -1,6 +1,6 @@
 import { getUnixTime as l } from "date-fns/getUnixTime";
 import A from "bowser";
-import { F as u, A as r } from "./Fetch-87LIQbEA.mjs";
+import { F as u, A as r } from "./Fetch-DecPFeGU.mjs";
 import y from "react";
 const g = async (o, t, n = "1.0.0", s = "Experiences") => {
   const a = new _(o, t), { analytics_session: i } = await a.initializeAnalyticsSession(

package/dist/{useInsightsEnabled-DBpwEq10.mjs → useInsightsEnabled-CNjP5cfR.mjs}

@@ -1,5 +1,5 @@
 import { useState as n, useEffect as a } from "react";
-import { f as o } from "./hooks-D6XlXHf4.mjs";
+import { f as o } from "./hooks-C41HAxM5.mjs";
 const f = () => {
   const { isInitialized: e, appDataStore: t } = o(), [s, i] = n(!1);
   return a(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.0.0-alpha.bb3",
+  "version": "8.0.0-alpha.sms1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -196,9 +196,9 @@
     "mobx-react-lite": "^4.1.0",
     "numeral": "^2.0.6",
     "posthog-js": "^1.230.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-intersection-observer": "^9.16.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-intersection-observer": "^10.0.0",
     "uuid": "^11.1.0"
   },
   "devDependencies": {
@@ -222,8 +222,8 @@
     "@types/jest": "^29.5.14",
     "@types/numeral": "^2.0.5",
     "@types/prop-types": "^15.7.14",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "@typescript-eslint/parser": "^7.16.0",
@@ -272,5 +272,5 @@
     "CHANGELOG.md",
     "README.md"
   ],
-  "packageManager": "yarn@4.11.0"
+  "packageManager": "yarn@4.12.0"
 }

package/dist/AccountDetailsHeader-JtSX6Uf9.mjs

@@ -1,120 +0,0 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { observer as p } from "mobx-react-lite";
-import d from "@mui/material/Stack";
-import { H3 as w, InstitutionLogo as I, Text as m, H2 as L } from "@mxenabled/mxui";
-import { g as v } from "./AccountFields-C9FlatNb.mjs";
-import h from "react";
-import { G as E, d as y, m as S, u as _, f as G } from "./hooks-D6XlXHf4.mjs";
-import O from "@mui/material/Card";
-import P from "@mui/material/CardContent";
-import M from "@mui/material/CardHeader";
-import { useTheme as B } from "@mui/material/styles";
-import { g as H, a as U, b as j } from "./SpendingData-D5vsfYKo.mjs";
-import { L as z } from "./LineChart-D4GI7nVh.mjs";
-import { I as f, P as g, S as C } from "./Account-Bxw0_4FU.mjs";
-import { A } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { L as Y } from "./Loader-DUaFpDGv.mjs";
-import { f as R, D as $ } from "./Dialog-CWW597AF.mjs";
-import { u as k } from "./useAccountDisplayName-BUAApBIb.mjs";
-import { f as F } from "./NumberFormatting-Buh7u8Oi.mjs";
-const b = () => {
-  if (!h.useContext(E))
-    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return y().uiStore;
-}, V = (o, n) => {
-  const t = f.includes(n) ? H(o) : [], a = g.includes(n) ? U(o) : [], r = C.includes(n) ? j(o) : [];
-  return [t, a, r].filter((s) => s.length > 0);
-}, W = (o, n, t) => {
-  const [a, r] = o, s = a, c = r ?? a, i = [];
-  if (s && c && f.includes(n)) {
-    const l = s[s.length - 1].y;
-    i.push({ label: t.income_label, amount: l });
-  } else if (g.includes(n)) {
-    const l = s[s.length - 1].y;
-    i.push({ label: t.payments_label, amount: l });
-  }
-  if (c && C.includes(n)) {
-    const l = c[c.length - 1].y;
-    i.push({ label: t.spending_label, amount: l });
-  }
-  return i;
-}, q = () => {
-  const o = B(), { selectedAccount: n } = b(), { monthlyCategoryTotals: t } = S(), { trends: a } = _(), r = [o.palette.chart?.chart1, o.palette.chart?.chart2], s = V(t, n.account_type), c = W(s, n.account_type, a), i = [A.LOAN, A.MORTGAGE].includes(n.account_type);
-  return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    z,
-    {
-      colors: r,
-      datasets: s,
-      height: 185,
-      labels: c,
-      showAverage: i,
-      showBars: i,
-      showLegend: !0,
-      valueFormatterString: "0,0"
-    }
-  ) });
-}, J = p(q), K = ({ sx: o }) => {
-  const { loadMonthlyCategoryTotals: n } = S(), { isInitialized: t } = G(), { selectedAccount: a } = b(), [r, s] = h.useState(!1);
-  return h.useEffect(() => {
-    t && n([a]).finally(() => {
-      s(!0);
-    });
-  }, [t, a]), !t || !r ? /* @__PURE__ */ e(Y, {}) : /* @__PURE__ */ u(
-    O,
-    {
-      sx: {
-        "& .MuiCardContent-root:last-child": {
-          pb: 0
-        },
-        ...o
-      },
-      children: [
-        /* @__PURE__ */ e(
-          M,
-          {
-            sx: { pb: 0 },
-            title: /* @__PURE__ */ e(w, { sx: { pb: 4 }, children: R(/* @__PURE__ */ new Date(), $.MONTH_LONG) })
-          }
-        ),
-        /* @__PURE__ */ e(P, { sx: { p: 0 }, children: /* @__PURE__ */ e(J, {}) })
-      ]
-    }
-  );
-}, Q = p(K), X = ({ customDetailsChart: o }) => {
-  const { institutions: n } = y(), { selectedAccount: t } = b(), { accounts: a } = _(), { firstSubtitle: r, firstValue: s, hasAvailableBalance: c, secondSubtitle: i, secondValue: l } = v(t, a), T = n.find(
-    (N) => N.guid === t?.institution_guid
-  ), D = [
-    ...f,
-    ...g,
-    ...C
-  ].includes(t.account_type), x = k(t);
-  return /* @__PURE__ */ u(d, { bgcolor: "background.default", p: 24, children: [
-    /* @__PURE__ */ u(d, { gap: 12, children: [
-      /* @__PURE__ */ e(
-        I,
-        {
-          alt: a.institution_logo_alt,
-          institutionGuid: t.institution_guid || "",
-          size: 64
-        }
-      ),
-      /* @__PURE__ */ e(m, { variant: "Small", children: T?.name })
-    ] }),
-    /* @__PURE__ */ u(d, { gap: 8, mb: 24, mt: 4, children: [
-      /* @__PURE__ */ e(L, { children: x }),
-      /* @__PURE__ */ u(d, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ e(m, { bold: c, variant: "Body", children: r }),
-        /* @__PURE__ */ e(m, { bold: !0, variant: "Body", children: F(s, "0,0.00") })
-      ] }),
-      /* @__PURE__ */ u(d, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ e(m, { variant: "Small", children: i }),
-        /* @__PURE__ */ e(m, { variant: "Small", children: l })
-      ] })
-    ] }),
-    D && /* @__PURE__ */ e(d, { children: o || /* @__PURE__ */ e(Q, {}) })
-  ] });
-}, bt = p(X);
-export {
-  bt as A,
-  b as u
-};

package/dist/Drawer-kEE73B87.mjs

@@ -1,113 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import n from "@mui/material/Box";
-import c from "@mui/material/Stack";
-import { H2 as D, Drawer as S, Footer as y } from "@mxenabled/mxui";
-import B from "@mui/material/IconButton";
-import { ArrowBack as C } from "@mxenabled/mx-icons";
-const j = ({
-  ariaLabelClose: o,
-  onClose: e,
-  shouldShowBorders: a,
-  shouldShowShadow: t,
-  title: i
-}) => /* @__PURE__ */ p(
-  c,
-  {
-    "aria-level": 1,
-    direction: "row",
-    role: "heading",
-    sx: {
-      alignItems: "center",
-      backgroundColor: "background.paper",
-      ...a && {
-        borderBottom: 1,
-        borderTop: 1,
-        borderColor: "border.light"
-      },
-      ...t && {
-        boxShadow: "0px 2px 8px 0px #6A73811F"
-      },
-      padding: "8px 8px 8px 8px"
-    },
-    children: [
-      /* @__PURE__ */ r(B, { "aria-label": o, color: "primary", onClick: e, children: /* @__PURE__ */ r(C, { color: "primary", sx: { fontSize: 22 } }) }),
-      /* @__PURE__ */ r(
-        n,
-        {
-          sx: {
-            flexGrow: 1,
-            margin: "auto",
-            textAlign: "center"
-          },
-          children: /* @__PURE__ */ r(D, { bold: !0, variant: "Body", children: i })
-        }
-      ),
-      /* @__PURE__ */ r(n, { width: "44px" })
-    ]
-  }
-), v = ({
-  ariaLabelClose: o = "Close",
-  children: e,
-  hasSecondaryAction: a = !0,
-  id: t,
-  isOpen: i,
-  isPrimaryDisabled: h,
-  onClose: d,
-  onPrimaryAction: l,
-  onSecondaryAction: u,
-  primaryColor: s = "primary",
-  primaryText: x,
-  secondaryColor: m = "secondary",
-  secondaryText: b,
-  shouldShowHeaderBorders: w = !0,
-  shouldShowHeaderShadow: g = !1,
-  title: f,
-  ...k
-}) => /* @__PURE__ */ r(
-  S,
-  {
-    id: t,
-    isOpen: i,
-    onClose: d,
-    sx: {
-      "& .MuiDrawer-paper": {
-        backgroundColor: "background.default",
-        borderRadius: 0
-      },
-      height: "100%",
-      "& .MuiToolbar-root": {
-        backgroundColor: "background.paper"
-      }
-    },
-    ...k,
-    children: /* @__PURE__ */ p(c, { height: "100%", justifyContent: "space-between", children: [
-      /* @__PURE__ */ r(
-        j,
-        {
-          ariaLabelClose: o,
-          onClose: d,
-          shouldShowBorders: w,
-          shouldShowShadow: g,
-          title: f
-        }
-      ),
-      /* @__PURE__ */ r(n, { height: "100%", overflow: "auto", children: e }),
-      l && /* @__PURE__ */ r(
-        y,
-        {
-          hasSecondaryAction: a,
-          isPrimaryDisabled: h,
-          onPrimaryAction: l,
-          onSecondaryAction: u ?? d,
-          primaryColor: s,
-          primaryText: x,
-          secondaryColor: m,
-          secondaryText: b
-        }
-      )
-    ] })
-  }
-), $ = v;
-export {
-  $ as D
-};

package/dist/FinstrongStore-F2c607dj.mjs

@@ -1,101 +0,0 @@
-import { makeAutoObservable as l, runInAction as r } from "mobx";
-import { format as i } from "date-fns/format";
-import { fromUnixTime as g } from "date-fns/fromUnixTime";
-import { getUnixTime as s } from "date-fns/getUnixTime";
-import { subMonths as S } from "date-fns/subMonths";
-import { F as m, A as o } from "./Fetch-87LIQbEA.mjs";
-import { f as p, D as u } from "./Dialog-CWW597AF.mjs";
-class n {
-  fetchInstance;
-  constructor(e, t, a) {
-    this.fetchInstance = new m(e, t, void 0, a);
-  }
-  calculateHealthScore = async () => this.fetchInstance.post(`${o.HEALTH_SCORES}/calculate`).then((e) => e.health_score);
-  getAverageHealthScores = async () => this.fetchInstance.get(`${o.HEALTH_SCORES}/monthly_averages`).then((e) => e);
-  getHealthScoreChangeReports = async (e, t) => this.fetchInstance.get(`${o.HEALTH_SCORES}/change_report/from/${e}/to/${t}`).then((a) => a);
-  getPeerScore = async (e) => this.fetchInstance.get(`${o.HEALTH_SCORES}/average/${e}`).then((t) => t.average_health_score);
-}
-const y = (h) => h?.health_scores.map((e) => {
-  const t = e.monthly_health_score_average, a = new Date(0, t.month - 1, 1);
-  return {
-    x: p(a, u.MONTH_SHORT),
-    y: t.average_health_score,
-    month: t.month
-    // Keep original month for sorting
-  };
-}).sort((e, t) => e.month - t.month).map((e) => ({ x: e.x, y: e.y }));
-class v {
-  api = new n("/", "");
-  augmentedChartData = [];
-  averageHealthScores = [];
-  globalStore;
-  healthScore = {};
-  healthScoreChange;
-  healthScoreChangeReports = [];
-  peerScore = null;
-  constructor(e) {
-    this.globalStore = e, this.api = new n(e.endpoint, e.sessionToken, e.onError), l(this);
-  }
-  calculateHealthScore = async () => {
-    try {
-      const e = await this.api.calculateHealthScore();
-      let t = 0;
-      await this.loadHealthScoreChangeReports();
-      const a = e?.health_score || 0, c = this.healthScoreChangeReports.at(-1)?.older_health_score || 0;
-      t = a - c, r(() => {
-        this.healthScore = e, this.healthScoreChange = t;
-      });
-    } catch (e) {
-      console.error("Error calculating health score:", e);
-    }
-  };
-  loadAverageHealthScores = async () => {
-    try {
-      const e = await this.api.getAverageHealthScores();
-      r(() => {
-        this.averageHealthScores = e;
-      });
-    } catch (e) {
-      console.error("Error loading average health scores:", e);
-    }
-  };
-  loadHealthScoreChangeReports = async () => {
-    const e = s(S(/* @__PURE__ */ new Date(), 2)), t = s(/* @__PURE__ */ new Date());
-    try {
-      const a = await this.api.getHealthScoreChangeReports(
-        e,
-        t
-      );
-      r(() => {
-        this.healthScoreChangeReports = a;
-      });
-    } catch (a) {
-      console.error("Error loading health score change reports:", a);
-    }
-  };
-  loadPeerScore = async () => {
-    const e = i(g(this.globalStore.appDataStore.user.birthday), "yyyy");
-    try {
-      const t = await this.api.getPeerScore(e);
-      r(() => {
-        this.peerScore = t;
-      });
-    } catch (t) {
-      console.error("Error loading peer score:", t);
-    }
-  };
-  loadAugmentedChartData = async () => {
-    try {
-      const e = await this.api.getAverageHealthScores();
-      r(() => {
-        this.augmentedChartData = y(e);
-      });
-    } catch (e) {
-      console.error(`Error occurred while getting augmented chart data: ${e}`);
-    }
-  };
-}
-export {
-  n as F,
-  v as a
-};