@mx-cartographer/experiences 7.2.14-alpha.san7 → 7.2.14-alpha.san8

package/dist/{FinstrongStore-1MFI6RcM.mjs → FinstrongStore-BbnA6Crl.mjs}

@@ -1,17 +1,17 @@
 import { makeAutoObservable as D, runInAction as l } from "mobx";
-import { format as R } from "date-fns/format";
+import { format as y } from "date-fns/format";
 import { fromUnixTime as b } from "date-fns/fromUnixTime";
 import { getUnixTime as I } from "date-fns/getUnixTime";
 import { subMonths as H } from "date-fns/subMonths";
-import { F as x, A as h } from "./Fetch-87LIQbEA.mjs";
+import { F as v, A as h } from "./Fetch-87LIQbEA.mjs";
 import { jsx as c, jsxs as T } from "react/jsx-runtime";
-import { addDays as v } from "date-fns/addDays";
+import { addDays as x } from "date-fns/addDays";
 import { addMonths as M } from "date-fns/addMonths";
 import { addYears as G } from "date-fns/addYears";
 import { differenceInDays as L } from "date-fns/differenceInDays";
-import { differenceInMonths as w } from "date-fns/differenceInMonths";
+import { differenceInMonths as N } from "date-fns/differenceInMonths";
 import { differenceInWeeks as A } from "date-fns/differenceInWeeks";
-import { startOfToday as N } from "date-fns/startOfToday";
+import { startOfToday as w } from "date-fns/startOfToday";
 import { ChevronRight as P, Check as k } from "@mxenabled/mx-icons";
 import $ from "react";
 import K from "@mui/material/Avatar";
@@ -91,7 +91,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
       n < e.length - 1 && /* @__PURE__ */ c(Y, { sx: { color: "divider", ml: 68 } })
     ] }, r.key))
   }
-) }), vt = q, Mt = (e) => e * (180 / Math.PI), Gt = (e, t) => [
+) }), xt = q, Mt = (e) => e * (180 / Math.PI), Gt = (e, t) => [
   {
     description: t.vulnerable_description,
     max: 25,
@@ -143,7 +143,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
 } : e >= 800 && e <= 850 ? {
   status: r.exceptional,
   color: t ? u.EXCEPTIONAL : g.EXCEPTIONAL
-} : { status: r.missing_data }, wt = (e, t, r, n) => {
+} : { status: r.missing_data }, Nt = (e, t, r, n) => {
   const o = e.reduce((i, d) => i + d.value, 0);
   let a = 0;
   const s = e.map((i) => {
@@ -155,7 +155,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
     };
   });
   return [s[n].startAngle, s[n].endAngle];
-}, Nt = (e, t, r, n, o) => {
+}, wt = (e, t, r, n, o) => {
   let a = 0, s = 0;
   const i = Math.floor(n), d = n - i;
   return i > r ? (a = e, s = t) : i === r && d > 0 && (a = e, s = o), [a, s];
@@ -179,7 +179,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
     secondaryText: i
   };
 }, J = (e, t) => ({
-  [O.DateOfBirth]: (n) => R(new Date(Number(n) * 1e3), "MMM d, yyyy"),
+  [O.DateOfBirth]: (n) => y(new Date(Number(n) * 1e3), "MMM d, yyyy"),
   [O.MonthlyIncome]: (n) => `$${n}`
 })[e]?.(t) ?? String(t), $t = (e) => e !== null ? Math.round(e * 100) : null, Kt = (e) => {
   const t = new Date((/* @__PURE__ */ new Date()).getFullYear(), e - 1, 1);
@@ -218,9 +218,9 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
 })[e], Z = 1, tt = 1, et = {
   1: M,
   2: G,
-  3: v
+  3: x
 }, rt = {
-  1: w,
+  1: N,
   2: (e, t) => A(e, t) / 2,
   3: A,
   4: L
@@ -237,7 +237,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
 }) => {
   const a = t - o;
   if (a <= 0) return 0;
-  const s = N(), i = et[n], d = rt[e];
+  const s = w(), i = et[n], d = rt[e];
   if (!i || !d) return a;
   const p = i(s, r), f = d(p, s);
   return Math.max(a / (f || 1), 1);
@@ -253,10 +253,10 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
 })), ot = (e) => e.sort((r, n) => n.transaction.date - r.transaction.date).map(({ transaction: r }) => ({
   ...r
 }));
-class y {
+class R {
   fetchInstance;
   constructor(t, r, n) {
-    this.fetchInstance = new x(t, r, void 0, n);
+    this.fetchInstance = new v(t, r, void 0, n);
   }
   calculateHealthScore = async () => this.fetchInstance.post(`${h.HEALTH_SCORES}/calculate`).then((t) => t.health_score);
   getAverageHealthScores = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/monthly_averages`).then((t) => t);
@@ -269,7 +269,7 @@ class y {
   getStandardSpend = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/standard_spend`).then((t) => t);
 }
 class te {
-  api = new y("/", "");
+  api = new R("/", "");
   augmentedChartData = [];
   averageHealthScores = [];
   monthlySummaries = [];
@@ -285,7 +285,7 @@ class te {
   healthScoreChangeReports = [];
   peerScore = null;
   constructor(t) {
-    this.globalStore = t, this.api = new y(t.endpoint, t.sessionToken, t.onError), D(this);
+    this.globalStore = t, this.api = new R(t.endpoint, t.sessionToken, t.onError), D(this);
   }
   calculateHealthScore = async () => {
     try {
@@ -355,7 +355,7 @@ class te {
     }
   };
   loadPeerScore = async () => {
-    const t = R(b(this.globalStore.appDataStore.user.birthday), "yyyy");
+    const t = y(b(this.globalStore.appDataStore.user.birthday), "yyyy");
     try {
       const r = await this.api.getPeerScore(t);
       l(() => {
@@ -399,21 +399,20 @@ class te {
     return [...this.allTransactions.spend, ...this.allTransactions.debtSpend];
   }
   handleFinstrongWidgetPrimaryCtaClick = (t) => () => {
-    console.log("Finstrong widget primary CTA clicked:", t);
   };
 }
 export {
   O as A,
   u as C,
   te as F,
-  vt as P,
-  Nt as a,
+  xt as P,
+  wt as a,
   Pt as b,
   Gt as c,
   Lt as d,
   g as e,
   Zt as f,
-  wt as g,
+  Nt as g,
   jt as h,
   S as i,
   Vt as j,
@@ -431,5 +430,5 @@ export {
   Ut as v,
   Xt as w,
   kt as x,
-  y
+  R as y
 };

package/dist/common/index.es.js

@@ -64,7 +64,7 @@ import { startOfToday as U } from "date-fns/startOfToday";
 import { f as bt, a as wt, b as L } from "../BudgetUtil-wjoNuj7B.mjs";
 import { g as ta, e as ea, c as sa, d as ra, i as oa } from "../BudgetUtil-wjoNuj7B.mjs";
 import { a as xt } from "../DebtsStore-Bu8rRRSL.mjs";
-import { F as Ct } from "../FinstrongStore-1MFI6RcM.mjs";
+import { F as Ct } from "../FinstrongStore-BbnA6Crl.mjs";
 import { A as vt, m as Dt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
 import { M as Tt } from "../MerchantStore-DrFvsUyy.mjs";
 import { N as Bt } from "../NetWorthStore-CpL_kqvx.mjs";

package/dist/finstrong/components/KeyIndicatorsSpendTab.d.ts

@@ -1,5 +1,3 @@
 import { default as React } from 'react';
-interface KeyIndicatorsSpendTabProps {
-}
-declare const _default: React.FunctionComponent<KeyIndicatorsSpendTabProps>;
+declare const _default: React.FunctionComponent<{}>;
 export default _default;

package/dist/finstrong/components/KeyIndicatorsTabItemDrawer.d.ts

@@ -3,7 +3,6 @@ interface KeyIndicatorsTabItemDrawerProps {
     drawerFor: KeyIndicatorsTabItemType;
     isOpen: boolean;
     onClose: () => void;
-    onPrimaryCtaClick?: (value: string) => () => void;
 }
 declare const _default: (({ drawerFor, isOpen, onClose, }: KeyIndicatorsTabItemDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;

package/dist/finstrong/components/KeyIndicatorsTabsWidget.d.ts

@@ -1,5 +1,3 @@
 import { default as React } from 'react';
-interface KeyIndicatorsTabsWidgetProps {
-}
-declare const _default: React.FunctionComponent<KeyIndicatorsTabsWidgetProps>;
+declare const _default: React.FunctionComponent<{}>;
 export default _default;

package/dist/finstrong/index.es.js

@@ -1,15 +1,15 @@
 import { jsxs as i, Fragment as z, jsx as e } from "react/jsx-runtime";
 import C from "@mui/material/Box";
 import u from "@mui/material/Stack";
-import { useTheme as E, alpha as be } from "@mui/material/styles";
+import { useTheme as E, alpha as fe } from "@mui/material/styles";
 import { PieChart as _n, BarPlot as hn } from "@mui/x-charts";
 import { TrendingUp as gt, ArrowRightAlt as mn, TrendingDown as gn, AccountBalance as yt, ChevronRight as Z, MultilineChart as bt, CreditCard as Ke, CheckCircle as yn, Cancel as bn, Savings as fn, ContentCopy as xn, Add as ft, Cardiology as Sn, Payments as Cn, CalendarMonth as vn, ExpandMore as wn } from "@mxenabled/mx-icons";
 import { P as k, H3 as N, Text as I, InstitutionLogo as xt, H2 as Pe, MerchantLogo as kn, Icon as Mn } from "@mxenabled/mxui";
-import { g as Dn, a as In, r as rt, b as An, c as je, d as St, C as Ce, e as ve, f as Tn, h as On, i as Rn, j as Ct, k as at, l as Fn, m as it, n as Pn, o as vt, p as Bn, q as wt, s as Te, t as Ln, u as Wn, v as $n, w as zn, A as ee, x as En, P as Gn } from "../FinstrongStore-1MFI6RcM.mjs";
-import { y as Gi, F as Hi } from "../FinstrongStore-1MFI6RcM.mjs";
+import { g as Dn, a as In, r as rt, b as An, c as je, d as St, C as ve, e as we, f as Tn, h as On, i as Rn, j as Ct, k as at, l as Fn, m as it, n as Pn, o as vt, p as Bn, q as wt, s as Te, t as Ln, u as Wn, v as $n, w as zn, A as ee, x as En, P as Gn } from "../FinstrongStore-BbnA6Crl.mjs";
+import { y as Gi, F as Hi } from "../FinstrongStore-BbnA6Crl.mjs";
 import * as st from "d3";
 import { observer as S } from "mobx-react-lite";
-import { u as v, b as j, p as Q, z as F, q as Hn, a as kt, d as ke, m as Ye, g as Nn, f as Kn, j as Ve, h as jn, i as Yn } from "../hooks-C41HAxM5.mjs";
+import { u as v, b as j, p as Q, z as F, q as Hn, a as kt, d as Me, m as Ye, g as Nn, f as Kn, j as Ve, h as jn, i as Yn } from "../hooks-C41HAxM5.mjs";
 import { L as J } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
 import $ from "@mui/material/Button";
@@ -26,9 +26,9 @@ import { u as It } from "../useDimensions-27p2evRx.mjs";
 import Un from "@mui/material/Chip";
 import { D as te } from "../Drawer-BEtCk82g.mjs";
 import ne from "@mui/material/Divider";
-import ge from "@mui/material/ListItem";
+import ye from "@mui/material/ListItem";
 import At from "@mui/material/ListItemAvatar";
-import ye from "@mui/material/ListItemText";
+import be from "@mui/material/ListItemText";
 import { g as Tt } from "../AccountFields-CPkGZ3SD.mjs";
 import Re from "@mui/material/List";
 import Zn from "@mui/material/ListItemButton";
@@ -141,7 +141,7 @@ const zo = ({
   footerRightContent: h,
   isFinacialStrengthGraph: _ = !1
 }) => {
-  const b = E(), f = -Math.PI / 1.35, w = Math.PI / 1.35, y = w - f, D = y / (a - c), g = (r - c) * D, x = f + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, W = t, G = t * (1 - M), H = W * 2.5, T = H / 2, V = H / 2, re = (G + W) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Se, ie] = An(re, x, ae), X = r / 25, se = {
+  const b = E(), f = -Math.PI / 1.35, w = Math.PI / 1.35, y = w - f, D = y / (a - c), g = (r - c) * D, x = f + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, W = t, G = t * (1 - M), H = W * 2.5, T = H / 2, V = H / 2, re = (G + W) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Ce, ie] = An(re, x, ae), X = r / 25, se = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -177,15 +177,15 @@ const zo = ({
               legend: { hidden: !0 }
             },
             slots: {
-              pieArc: (Me) => /* @__PURE__ */ e(
+              pieArc: (he) => /* @__PURE__ */ e(
                 zo,
                 {
-                  arcColor: Me.color,
+                  arcColor: he.color,
                   arcRadius: t,
                   arcStartAngle: f,
                   centerX: T,
                   centerY: V,
-                  dataIndex: Me.dataIndex,
+                  dataIndex: he.dataIndex,
                   dialScoreData: o,
                   innerArcRadius: G,
                   isFinacialStrengthGraph: _,
@@ -205,7 +205,7 @@ const zo = ({
             children: r >= c && r <= a && /* @__PURE__ */ e(
               "circle",
               {
-                cx: T + Se,
+                cx: T + Ce,
                 cy: V + ie,
                 fill: b.palette.common.white,
                 r: se[n].markerSize,
@@ -339,31 +339,31 @@ const zo = ({
         id: 1,
         label: "Poor",
         value: 29,
-        color: d ? Ce.POOR : ve.POOR
+        color: d ? ve.POOR : we.POOR
       },
       {
         id: 2,
         label: "Fair",
         value: 25,
-        color: d ? Ce.FAIR : ve.FAIR
+        color: d ? ve.FAIR : we.FAIR
       },
       {
         id: 3,
         label: "Good",
         value: 17,
-        color: d ? Ce.GOOD : ve.GOOD
+        color: d ? ve.GOOD : we.GOOD
       },
       {
         id: 4,
         label: "Very Good",
         value: 17,
-        color: d ? Ce.VERY_GOOD : ve.VERY_GOOD
+        color: d ? ve.VERY_GOOD : we.VERY_GOOD
       },
       {
         id: 5,
         label: "Exceptional",
         value: 12,
-        color: d ? Ce.EXCEPTIONAL : ve.EXCEPTIONAL
+        color: d ? ve.EXCEPTIONAL : we.EXCEPTIONAL
       }
     ], { finstrong: p } = v(), { isCopyLoaded: h } = j();
     if (!h) return /* @__PURE__ */ e(J, {});
@@ -742,7 +742,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
             }), y = /* @__PURE__ */ i(z, { children: [
               /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: _.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
-                ye,
+                be,
                 {
                   primary: `${w}${_.account_number ? ` *${_.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
@@ -751,7 +751,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
               r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(f ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ i(m.Fragment, { children: [
-              /* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Zn, { onClick: () => s(_), children: y }) : y }),
+              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Zn, { onClick: () => s(_), children: y }) : y }),
               b !== p.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
             ] }, _.guid);
           }),
@@ -773,10 +773,10 @@ const Go = ({ isOpen: t, onClose: r }) => {
   };
   return b.length >= 1 ? /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(C, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((y, D) => /* @__PURE__ */ i(m.Fragment, { children: [
-      /* @__PURE__ */ i(ge, { sx: { px: 24 }, children: [
+      /* @__PURE__ */ i(ye, { sx: { px: 24 }, children: [
         /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: y.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
-          ye,
+          be,
           {
             primary: `${Dt(y, {
               allowNickname: o?.show_account_nicknames_in_master
@@ -826,7 +826,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
       }
     )
   ] });
-}, Kt = S(Zo), xe = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
+}, Kt = S(Zo), Se = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
   u,
   {
     sx: {
@@ -844,7 +844,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
     ]
   }
 );
-var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), we = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(we || {}), U = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(U || {});
+var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), ke = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(ke || {}), U = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(U || {});
 const B = {
   bi_weekly: "Bi-Weekly",
   calculate: "Calculate",
@@ -875,13 +875,13 @@ const B = {
   [U.Weekly]: B.estimated_period_weekly,
   [U.Daily]: B.estimated_period_daily
 }, er = [
-  { id: we.Months, label: B.months },
-  { id: we.Years, label: B.years },
-  { id: we.Days, label: B.days }
+  { id: ke.Months, label: B.months },
+  { id: ke.Years, label: B.years },
+  { id: ke.Days, label: B.days }
 ], tr = ({ total: t }) => {
   const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = m.useState(0), [c, a] = m.useState(at(t)), [s, d] = m.useState(
     at(t)
-  ), [l, p] = m.useState(r), [h, _] = m.useState(Fn(t)), [b, f] = m.useState(we.Months);
+  ), [l, p] = m.useState(r), [h, _] = m.useState(Fn(t)), [b, f] = m.useState(ke.Months);
   m.useEffect(() => {
     o(
       it({
@@ -906,7 +906,7 @@ const B = {
   };
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: w, children: /* @__PURE__ */ i(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         balance: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", height: 32 }, children: [
           /* @__PURE__ */ e(I, { variant: "h2", children: L(n, "0,0") }),
@@ -991,13 +991,13 @@ const B = {
   more_accounts: "More Accounts",
   your_savings: "Your Savings"
 }, or = () => {
-  const { savingsAccounts: t } = ke(), [r, n] = m.useState(!1), o = m.useMemo(
+  const { savingsAccounts: t } = Me(), [r, n] = m.useState(!1), o = m.useMemo(
     () => t.reduce((c, a) => c + (a.balance ?? 0), 0),
     [t]
   );
   return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
     /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
-      /* @__PURE__ */ e(xe, { balance: o, title: Ae.your_savings }),
+      /* @__PURE__ */ e(Se, { balance: o, title: Ae.your_savings }),
       t.length ? /* @__PURE__ */ e(Kt, { loadAccounts: [He.SAVINGS], loadMoreLabel: Ae.connect_accounts }) : /* @__PURE__ */ e(eo, { onClick: () => n(!0), variant: "contained", children: Ae.connect_accounts })
     ] }) }),
     /* @__PURE__ */ e(nr, { total: o }),
@@ -1355,10 +1355,10 @@ const B = {
     }
   );
 }, hr = S(_r), mr = () => {
-  const { savingsAndCheckingAccountsBalance: t } = ke(), { finstrong: r } = v();
+  const { savingsAndCheckingAccountsBalance: t } = Me(), { finstrong: r } = v();
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         balance: t,
         title: r.key_indicators_save.drawer_available_balance
@@ -1383,7 +1383,7 @@ const B = {
   }, [n.spend, n.debtSpend]);
   return a ? /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         balance: r.ninety_day_spend / 90,
         title: t.key_indicators_save.drawer_daily_spend
@@ -1563,7 +1563,7 @@ const B = {
   const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = v(), [c, a] = m.useState(!1);
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         balance: t.ninety_day_income,
         sx: { flexDirection: "column-reverse" },
@@ -1596,7 +1596,7 @@ const B = {
   const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = v(), [c, a] = m.useState(!1);
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         balance: r.ninety_day_debt_spend,
         sx: { flexDirection: "column-reverse" },
@@ -2237,7 +2237,7 @@ const B = {
       children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: a.content })
     }
   );
-}, Wr = S(Lr), fe = ({
+}, Wr = S(Lr), xe = ({
   drawerFor: t,
   title: r,
   description: n,
@@ -2308,7 +2308,7 @@ const B = {
   ]);
   return /* @__PURE__ */ i(u, { sx: { gap: 24, p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: c.cardState,
         description: c.description,
@@ -2317,7 +2317,7 @@ const B = {
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: a.cardState,
         description: a.description,
@@ -2366,7 +2366,7 @@ const B = {
   ]);
   return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: a.cardState,
         description: a.description,
@@ -2375,7 +2375,7 @@ const B = {
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: s.cardState,
         description: s.description,
@@ -2418,7 +2418,7 @@ const B = {
   }, [t.debt_to_income_ratio, o.credit_score, n, r]);
   return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: s.cardState,
         description: s.description,
@@ -2427,7 +2427,7 @@ const B = {
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      xe,
       {
         cardState: d.cardState,
         description: d.description,
@@ -2583,13 +2583,13 @@ const B = {
         nextIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: be(n.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: fe(n.palette.primary.light, 0.1) }
           }
         },
         previousIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: be(n.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: fe(n.palette.primary.light, 0.1) }
           }
         }
       },
@@ -2597,7 +2597,7 @@ const B = {
         width: "100%",
         "& .MuiIconButton-edgeEnd": {
           color: "primary.main",
-          "&:hover": { bgcolor: be(n.palette.primary.light, 0.1) }
+          "&:hover": { bgcolor: fe(n.palette.primary.light, 0.1) }
         }
       },
       value: t ? new Date(t * 1e3) : null
@@ -2673,9 +2673,9 @@ const B = {
   do_it_later: "Do It Later",
   next: "Next"
 }, ra = ({ isOpen: t, onClose: r }) => {
-  const { visibleAccounts: n } = ke(), { calculateHealthScore: o } = F(), { finstrong: c } = v(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = jn(), { user: _, userProfile: b, updateUser: f, updateUserProfile: w } = Q(), [y, D] = m.useState(_.credit_score || 0), [g, x] = m.useState(
+  const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = v(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = jn(), { user: _, userProfile: b, updateUser: f, updateUserProfile: w } = Q(), [y, D] = m.useState(_.credit_score || 0), [g, x] = m.useState(
     ht
-  ), [M, W] = m.useState(1), [G, H] = m.useState(Ot.EveryMonth), [T, V] = m.useState([]), [re, ae] = m.useState(!1), [Se, ie] = m.useState(!1), [X, se] = m.useState(_.birthday), [ce, Me] = m.useState(15), [q, Je] = m.useState("");
+  ), [M, W] = m.useState(1), [G, H] = m.useState(Ot.EveryMonth), [T, V] = m.useState([]), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(_.birthday), [ce, he] = m.useState(15), [q, Je] = m.useState("");
   m.useEffect(() => {
     d({ start: Lt(dt()), end: Wt(dt()) });
   }, []), m.useEffect(() => {
@@ -2729,7 +2729,7 @@ const B = {
           },
           setFirstDay: W,
           setFrequency: H,
-          setSecondDay: Me,
+          setSecondDay: he,
           transaction: et
         }
       ),
@@ -2779,8 +2779,8 @@ const B = {
         y && y !== _.credit_score && f({ ..._, credit_score: y }), nt();
         return;
       case O.MonthlyIncome:
-        q && T.findIndex(({ guid: me }) => me === q) === -1 && V((me) => [
-          ...me,
+        q && T.findIndex(({ guid: ge }) => ge === q) === -1 && V((ge) => [
+          ...ge,
           { ...et, firstDay: M, frequency: G, secondDay: ce }
         ]);
         break;
@@ -2806,7 +2806,7 @@ const B = {
   }, en = async (A) => {
     for (const R of A) {
       const {
-        account_guid: me,
+        account_guid: ge,
         amount: Ie,
         date: de,
         description: on,
@@ -2818,7 +2818,7 @@ const B = {
         payee: ln,
         transaction_type: dn
       } = R, pn = Jn(ot, yo(de)), un = {
-        account_guid: me,
+        account_guid: ge,
         amount: Ie,
         created_by: 0,
         description: ln || on || rn,
@@ -2833,7 +2833,7 @@ const B = {
       };
       await s(un, R);
     }
-  }, he = Ut[g.step], De = g.step === O.ConnectAccounts, tn = {
+  }, me = Ut[g.step], De = g.step === O.ConnectAccounts, tn = {
     fullWidth: !0,
     ...De && !le && { startIcon: /* @__PURE__ */ e(ft, {}) }
   }, nn = !De || De && !le;
@@ -2848,7 +2848,7 @@ const B = {
         onClose: tt,
         onSecondaryAction: Jt,
         primaryButtonProps: tn,
-        primaryText: he?.mainActionContent,
+        primaryText: me?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: P.back,
         title: c.title,
@@ -2858,21 +2858,21 @@ const B = {
             /* @__PURE__ */ e(Pe, { children: P.calculate_primary }),
             /* @__PURE__ */ e(k, { sx: { textAlign: "center" }, variant: "subtitle1", children: P.calculate_secondary })
           ] }),
-          he && !re && /* @__PURE__ */ i(m.Fragment, { children: [
+          me && !re && /* @__PURE__ */ i(m.Fragment, { children: [
             /* @__PURE__ */ e(
               oa,
               {
                 completeCopy: c.complete,
-                primaryText: he.primaryText,
-                secondaryText: he.secondaryText,
+                primaryText: me.primaryText,
+                secondaryText: me.secondaryText,
                 value: Xt
               }
             ),
             g.type === "main" && /* @__PURE__ */ i(C, { children: [
-              he.main,
+              me.main,
               nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: Zt, children: P.do_it_later }) })
             ] }),
-            g.type === "detail" && he.detail
+            g.type === "detail" && me.detail
           ] })
         ]
       }
@@ -2881,7 +2881,7 @@ const B = {
       oe,
       {
         onClose: () => ie(!1),
-        showConnectWidget: Se,
+        showConnectWidget: Ce,
         title: P.connect_accounts
       }
     )
@@ -2940,13 +2940,13 @@ const B = {
             nextIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: be(o.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: fe(o.palette.primary.light, 0.1) }
               }
             },
             previousIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: be(o.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: fe(o.palette.primary.light, 0.1) }
               }
             }
           },
@@ -2958,7 +2958,7 @@ const B = {
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: be(o.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: fe(o.palette.primary.light, 0.1) }
             }
           },
           value: s ? new Date(s * 1e3) : /* @__PURE__ */ new Date()
@@ -2967,7 +2967,7 @@ const B = {
     }
   );
 }, ca = S(sa), la = ({ isOpen: t, onClose: r }) => {
-  const { visibleFinstrongAccounts: n } = ke(), {
+  const { visibleFinstrongAccounts: n } = Me(), {
     accounts: o,
     common: c,
     finstrong: a
@@ -3303,15 +3303,15 @@ const B = {
             }
           },
           children: [
-            /* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
-              ye,
+            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
+              be,
               {
                 primary: n.understand_your_habits,
                 secondary: n.understand_your_habits_description
               }
             ) }),
-            /* @__PURE__ */ e(ge, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
-              ye,
+            /* @__PURE__ */ e(ye, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
+              be,
               {
                 primary: n.see_whats_possible,
                 secondary: n.see_whats_possible_description
@@ -3344,8 +3344,8 @@ const B = {
             }
           },
           children: [
-            /* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(ye, { secondary: n.we_ask_questions_description_1 }) }),
-            /* @__PURE__ */ e(ge, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(ye, { secondary: n.we_ask_questions_description_2 }) })
+            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(be, { secondary: n.we_ask_questions_description_1 }) }),
+            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(be, { secondary: n.we_ask_questions_description_2 }) })
           ]
         }
       )
@@ -3452,13 +3452,13 @@ const B = {
     )
   ] });
 }), fa = ({ onBackClick: t, sx: r, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: o } = ke(), { dateRange: c, isDataLoaded: a, loadBudgetData: s, setTheme: d } = Yn(), { reloadCategoryTotals: l } = Ye(), p = F(), {
+  const { visibleAccounts: o } = Me(), { dateRange: c, isDataLoaded: a, loadBudgetData: s, setTheme: d } = Yn(), { reloadCategoryTotals: l } = Ye(), p = F(), {
     augmentedChartData: h,
     calculateHealthScore: _,
     healthScore: b,
     loadAugmentedChartData: f,
     loadMonthlySummaries: w
-  } = p, { finstrong: y, connect: D } = v(), { isCopyLoaded: g, isInitialized: x, selectedAccounts: M, setSelectedAccounts: W } = j(), { loadRepeatingTransactions: G } = Ve(), { isMobile: H } = Ue(), T = E(), { userProfile: V } = Q(), [re, ae] = m.useState(!1), [Se, ie] = m.useState(!1), [X, se] = m.useState(!1);
+  } = p, { finstrong: y, connect: D } = v(), { isCopyLoaded: g, isInitialized: x, selectedAccounts: M, setSelectedAccounts: W } = j(), { loadRepeatingTransactions: G } = Ve(), { isMobile: H } = Ue(), T = E(), { userProfile: V } = Q(), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(!1);
   if (m.useEffect(() => {
     d(T);
   }, []), m.useEffect(() => {
@@ -3468,7 +3468,8 @@ const B = {
   }, [x]), m.useEffect(() => {
     x && (l(M, c.start, c.end), a || (s(), G().finally()));
   }, [c, a, x, M]), !g || !x) return /* @__PURE__ */ e(J, {});
-  const ce = () => ae(!0);
+  const ce = () => {
+  }, he = () => ae(!0);
   return /* @__PURE__ */ i(
     io,
     {
@@ -3477,10 +3478,11 @@ const B = {
         {
           iconName: "person",
           label: y.profile,
-          onClick: ce
+          onClick: he
         }
       ],
       hasDivider: !0,
+      onAccountsFilterClick: ce,
       onBackClick: t,
       sx: r,
       title: y.title,
@@ -3565,7 +3567,7 @@ const B = {
         /* @__PURE__ */ e(
           ha,
           {
-            isOpen: Se,
+            isOpen: Ce,
             onClose: () => ie(!1)
           }
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.2.14-alpha.san7",
+  "version": "7.2.14-alpha.san8",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",