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

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/AccountListItem-JFMZROh7.mjs

@@ -1,90 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as l } from "react/jsx-runtime";
-import { observer as b } from "mobx-react-lite";
-import I from "@mui/material/Badge";
-import m from "@mui/material/Box";
-import S from "@mui/material/ListItem";
-import v from "@mui/material/ListItemAvatar";
-import C from "@mui/material/ListItemButton";
-import _ from "@mui/material/ListItemText";
-import B from "@mui/material/styles/useTheme";
-import { InstitutionLogo as L, Text as o } from "@mxenabled/mxui";
-import { Error as A } from "@mxenabled/mx-icons";
-import { I as j } from "./IconBacking-B9oC6uL2.mjs";
-import { g as T } from "./AccountFields-C9FlatNb.mjs";
-import { u as X } from "./useAccountDisplayName-BUAApBIb.mjs";
-import { u as $ } from "./hooks-D6XlXHf4.mjs";
-import { C as d } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { f as k } from "./NumberFormatting-Buh7u8Oi.mjs";
-const w = {
-  gridRow: 1,
-  gridColumn: 1,
-  zIndex: 2
-}, E = ({ size: t = 20 }) => /* @__PURE__ */ e(j, { size: t, children: /* @__PURE__ */ e(A, { color: "error", filled: !0, sx: { fontSize: t, ...w } }) }), M = ({
-  account: t,
-  onRowClick: s,
-  listItemProps: c,
-  shouldShowConnectionStatus: p = !1
-}) => {
-  const u = B(), f = X(t), { accounts: i } = $(), { firstSubtitle: h, firstValue: g, secondSubtitle: x, secondValue: y } = T(
-    t,
-    i
-  );
-  let n;
-  (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (n = /* @__PURE__ */ e(E, { size: 16 }));
-  const a = /* @__PURE__ */ r(l, { children: [
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      I,
-      {
-        badgeContent: p ? n : void 0,
-        sx: {
-          "& .MuiBadge-badge": {
-            right: -1
-          }
-        },
-        children: /* @__PURE__ */ e(L, { alt: "MX", institutionGuid: t.institution_guid || "" })
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      _,
-      {
-        disableTypography: !0,
-        primary: /* @__PURE__ */ r(
-          o,
-          {
-            bold: !0,
-            color: t.is_hidden ? u.palette.text.secondary : void 0,
-            sx: { whiteSpace: "normal" },
-            variant: "Body",
-            children: [
-              `${f} ${t.account_number ? `*${t.account_number}` : ""}`,
-              " ",
-              t.is_hidden && !t.is_closed && i.is_hidden,
-              t.is_closed && i.is_closed
-            ]
-          }
-        ),
-        secondary: /* @__PURE__ */ r(l, { children: [
-          /* @__PURE__ */ r(m, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(o, { variant: "XSmall", children: h }),
-            /* @__PURE__ */ e(o, { bold: !0, variant: "Small", children: k(g, "0,0.00") })
-          ] }),
-          /* @__PURE__ */ r(m, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(o, { variant: "XSmall", children: x }),
-            /* @__PURE__ */ e(o, { ml: "auto", variant: "XSmall", children: y })
-          ] })
-        ] })
-      }
-    )
-  ] });
-  return /* @__PURE__ */ e(
-    S,
-    {
-      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
-      ...c,
-      children: s ? /* @__PURE__ */ e(C, { alignItems: "flex-start", onClick: s, sx: { px: 24 }, children: a }) : a
-    }
-  );
-}, Z = b(M);
-export {
-  Z as A
-};

package/dist/CurrencyInput-DUsQbkXb.mjs

@@ -1,85 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import m from "react";
-import { css as q } from "@mxenabled/cssinjs";
-import { v4 as B } from "uuid";
-import { useTokens as L, TextField as O, P as _ } from "@mxenabled/mxui";
-import { b as y, g as C } from "./Localization-2MODESHW.mjs";
-import { g as W, C as j, f as g, M as b } from "./NumberFormatting-Buh7u8Oi.mjs";
-import { u as D } from "./hooks-D6XlXHf4.mjs";
-const F = ({
-  allowDecimals: o = !0,
-  ariaLabel: h,
-  amount: c,
-  amountIsRequired: $ = !0,
-  copy: a,
-  customValidate: M = () => !0,
-  errorText: S = "",
-  label: u,
-  minAmount: f = 1,
-  setAmount: x,
-  setHasValidInput: r,
-  ...N
-}) => {
-  const [l, t] = m.useState(""), { common: T } = D(), n = a || T.currency_input, k = L(), P = G(k), R = /^[0-9]*$/, A = /^(\d)*(\,)?([0-9]{1,2})?$/, E = /^(\d)*(\.)?([0-9]{1,2})?$/;
-  let s;
-  const p = m.useRef(B());
-  if (o)
-    switch (W()) {
-      case j.CAD:
-        s = A;
-        break;
-      default:
-        s = E;
-        break;
-    }
-  else
-    s = R;
-  m.useEffect(() => {
-    d(c);
-  }, [c]);
-  const d = (e) => {
-    !$ && (e === "" || e === "." || e === ",") ? (t(""), r?.(!1)) : Number(e) < f ? (t(
-      y(
-        n.error_amount_must_be_equal_to,
-        g(f, "0")
-      )
-    ), r?.(!1)) : Number(e) > b ? (t(
-      y(
-        n.error_amount_must_be_less_than_or_equal_to,
-        g(b, o ? "0,0.00" : "0,0", Math.floor)
-      )
-    ), r?.(!1)) : e.toString().match(s) ? M() ? (t(""), r?.(!0)) : (t(S), r?.(!1)) : (t(n.error_amount_is_invalid), r?.(!1)), x(e.toString());
-  };
-  return /* @__PURE__ */ i(
-    O,
-    {
-      InputProps: {
-        endAdornment: C().includes("fr-ca") ? /* @__PURE__ */ i(_, { children: "$" }) : void 0,
-        startAdornment: C().includes("fr-ca") ? void 0 : /* @__PURE__ */ i(_, { children: "$" })
-      },
-      className: `mx-cmn-currency-input ${P}`,
-      error: !!l,
-      helperText: l,
-      hiddenLabel: !u,
-      id: `currency-input-${p.current}`,
-      inputMode: o ? "decimal" : "numeric",
-      inputProps: {
-        "aria-label": h || n.enter_amount,
-        noValidate: !0,
-        pattern: "[0-9]*"
-      },
-      label: u,
-      name: `currency-input-${p.current}`,
-      onChange: (e) => d(e.target.value),
-      value: c,
-      ...N
-    }
-  );
-}, G = (o) => q({
-  "& .MuiInputBase-adornedStart > .p": {
-    marginRight: o.Spacing.Tiny
-  }
-}), Q = F;
-export {
-  Q as C
-};

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
-};

package/dist/HeaderCell-DjuifqHJ.mjs

@@ -1,6 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Text as o } from "@mxenabled/mxui";
-const l = (e) => /* @__PURE__ */ r(o, { fontWeight: 600, variant: "Small", children: e.colDef.headerName });
-export {
-  l as H
-};