@mx-cartographer/experiences 7.2.15-alpha-ram5-finstrong-testing → 7.2.15-alpha-ram7-finstrong-testing

package/dist/finstrong/index.es.js

@@ -9,7 +9,7 @@ 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,
 import { y as ji, F as Yi } 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 J, 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 { u as w, b as j, p as J, 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 Q } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
 import $ from "@mui/material/Button";
@@ -33,7 +33,7 @@ import { g as Tt } from "../AccountFields-CPkGZ3SD.mjs";
 import Re from "@mui/material/List";
 import Zn from "@mui/material/ListItemButton";
 import Jn from "@mui/material/ListSubheader";
-import { f as L } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { f as W } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { S as ct, F as Ot, e as Qn, R as Rt } from "../RecurringTransactions-CngsRZ3K.mjs";
 import { Button as eo } from "@mui/material";
 import { S as to } from "../StatusBar-BK_uYHAB.mjs";
@@ -89,32 +89,32 @@ const Go = ({
   unitsPerSegment: _,
   isFinacialStrengthGraph: b
 }) => {
-  const f = E(), w = [
-    { offset: "13.62%", color: f.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: f.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: f.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: f.palette.chartMono.chartMono5 }
+  const x = E(), v = [
+    { offset: "13.62%", color: x.palette.chartMono.chartMono2 },
+    { offset: "36.67%", color: x.palette.chartMono.chartMono3 },
+    { offset: "59.72%", color: x.palette.chartMono.chartMono4 },
+    { offset: "83.46%", color: x.palette.chartMono.chartMono5 }
   ], [y, D] = Dn(
     t,
     c,
     o,
     r
-  ), [g, x] = In(
+  ), [g, f] = In(
     y,
     D,
     r,
     _,
     h
-  ), M = st.arc().innerRadius(l).outerRadius(p).startAngle(y).endAngle(D).padAngle(0.02).cornerRadius(8), W = st.arc().innerRadius(l).outerRadius(p).startAngle(g).endAngle(x).padAngle(0.02).cornerRadius(8);
+  ), M = st.arc().innerRadius(l).outerRadius(p).startAngle(y).endAngle(D).padAngle(0.02).cornerRadius(8), P = st.arc().innerRadius(l).outerRadius(p).startAngle(g).endAngle(f).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(
       "path",
       {
         d: M({}),
-        fill: b ? f.palette.divider : n
+        fill: b ? x.palette.divider : n
       }
     ),
-    b && /* @__PURE__ */ e("path", { d: W({}), fill: "url(#arcGradient)" }),
+    b && /* @__PURE__ */ e("path", { d: P({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -125,7 +125,7 @@ const Go = ({
         x2: a - d * 0.8 * Math.cos(Math.PI / 1.35),
         y1: s + d * 0.8 * Math.sin(Math.PI / 1.35),
         y2: s - d * 0.8 * Math.sin(Math.PI / 1.35),
-        children: w.map((G, H) => /* @__PURE__ */ e("stop", { offset: G.offset, stopColor: G.color }, H))
+        children: v.map((G, H) => /* @__PURE__ */ e("stop", { offset: G.offset, stopColor: G.color }, H))
       }
     ) })
   ] });
@@ -143,7 +143,7 @@ const Go = ({
   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, [Ce, ie] = An(re, x, ae), X = r / 25, se = {
+  const b = E(), x = -Math.PI / 1.35, v = Math.PI / 1.35, y = v - x, D = y / (a - c), g = (r - c) * D, f = x + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, P = t, G = t * (1 - M), H = P * 2.5, T = H / 2, V = H / 2, re = (G + P) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Ce, ie] = An(re, f, ae), X = r / 25, se = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -167,10 +167,10 @@ const Go = ({
               {
                 data: o,
                 innerRadius: G,
-                outerRadius: W,
-                startAngle: Math.round(rt(f)),
+                outerRadius: P,
+                startAngle: Math.round(rt(x)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(rt(w))
+                endAngle: Math.round(rt(v))
                 // Use Math.degrees to convert
               }
             ],
@@ -184,15 +184,15 @@ const Go = ({
                 {
                   arcColor: he.color,
                   arcRadius: t,
-                  arcStartAngle: f,
+                  arcStartAngle: x,
                   centerX: T,
                   centerY: V,
                   dataIndex: he.dataIndex,
                   dialScoreData: o,
                   innerArcRadius: G,
                   isFinacialStrengthGraph: _,
-                  outterArcRadius: W,
-                  progressEndAngle: x,
+                  outterArcRadius: P,
+                  progressEndAngle: f,
                   totalAngularSpan: y,
                   unitsPerSegment: X
                 }
@@ -313,7 +313,7 @@ const Go = ({
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: a } = v(), s = je(n, a);
+    ], { finstrong: a } = w(), s = je(n, a);
     return /* @__PURE__ */ e(
       zt,
       {
@@ -367,7 +367,7 @@ const Go = ({
         value: 12,
         color: d ? ve.EXCEPTIONAL : we.EXCEPTIONAL
       }
-    ], { finstrong: p } = v(), { isCopyLoaded: h } = j();
+    ], { finstrong: p } = w(), { isCopyLoaded: h } = j();
     if (!h) return /* @__PURE__ */ e(Q, {});
     const { status: _, color: b = "none" } = St(
       n,
@@ -401,7 +401,7 @@ const Go = ({
   description: s,
   sx: d
 }) => {
-  const [l, p] = m.useState(!1), { connect: h, finstrong: _ } = v();
+  const [l, p] = m.useState(!1), { connect: h, finstrong: _ } = w();
   return t ? /* @__PURE__ */ i(
     K,
     {
@@ -467,7 +467,7 @@ const Go = ({
 };
 var _e = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(_e || {});
 const No = ({ isOpen: t, onClose: r }) => {
-  const { common: n, finstrong: o } = v(), { isMobile: c } = Ue(), { updateUser: a, user: s } = J(), [d, l] = m.useState(s.credit_score || 0), p = !isNaN(d), h = () => {
+  const { common: n, finstrong: o } = w(), { isMobile: c } = Ue(), { updateUser: a, user: s } = J(), [d, l] = m.useState(s.credit_score || 0), p = !isNaN(d), h = () => {
     r(), setTimeout(() => l(s.credit_score || 0), 300);
   }, _ = () => {
     !d || d === s.credit_score || a({ ...s, credit_score: d });
@@ -516,7 +516,7 @@ const No = ({ isOpen: t, onClose: r }) => {
   credit_over_time_title: "Your Credit Over Time",
   credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
 }, Ko = ({ chartFor: t }) => {
-  const r = E(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: c } = J(), { finstrong: a } = v(), [s, { width: d }] = It(), l = {
+  const r = E(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: c } = J(), { finstrong: a } = w(), [s, { width: d }] = It(), l = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(gt, { size: 48, sx: { marginBottom: 8 } }),
       title: a.key_indicators_save.zero_state_title,
@@ -545,22 +545,22 @@ const No = ({ isOpen: t, onClose: r }) => {
       title: ze.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], _ = Tn(o, h.valueKey), b = Math.max(...o.map((M) => M[h.valueKey])), f = () => b >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : b >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: w, leftMargin: y } = f(), D = h.title, g = t === "creditOverTime";
-  let x;
+  }[t], _ = Tn(o, h.valueKey), b = Math.max(...o.map((M) => M[h.valueKey])), x = () => b >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : b >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: v, leftMargin: y } = x(), D = h.title, g = t === "creditOverTime";
+  let f;
   if (g) {
     const { color: M } = St(
       c?.credit_score ?? 0,
       n,
       a.credit_score_status
     );
-    x = M;
+    f = M;
   }
   return /* @__PURE__ */ e(K, { ref: s, sx: { backgroundColor: "background.paper" }, children: _.length >= 1 ? /* @__PURE__ */ i(u, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(k, { sx: { pb: 8, pt: 16 }, variant: "h3", children: D }),
     /* @__PURE__ */ e(
       Xe,
       {
-        areaColor: x,
+        areaColor: f,
         axisColor: r.palette.divider,
         baseline: "min",
         chartFor: t,
@@ -589,7 +589,7 @@ const No = ({ isOpen: t, onClose: r }) => {
         showYAxis: g,
         showYAxisTicks: g,
         useCustomMark: !0,
-        valueFormatterString: g ? void 0 : w,
+        valueFormatterString: g ? void 0 : v,
         width: d < 342 ? d - 48 : 342
       }
     )
@@ -617,7 +617,7 @@ const No = ({ isOpen: t, onClose: r }) => {
     /* @__PURE__ */ e(Je, { chartFor: "creditOverTime" })
   ] });
 }, Vo = S(Yo), Le = ({ status: t }) => {
-  const { finstrong: r } = v(), n = On(Rn[t]), o = {
+  const { finstrong: r } = w(), n = On(Rn[t]), o = {
     GOOD: r.key_indicators_good,
     FAIR: r.key_indicators_fair,
     OFF_TRACK: r.key_indicators_off_track,
@@ -666,8 +666,8 @@ const No = ({ isOpen: t, onClose: r }) => {
   title: h,
   drawerType: _
 }) => {
-  const { finstrong: b } = v(), { isCopyLoaded: f } = j();
-  return f ? /* @__PURE__ */ i(te, { isOpen: s, onClose: l, title: a || b.key_indicators, children: [
+  const { finstrong: b } = w(), { isCopyLoaded: x } = j();
+  return x ? /* @__PURE__ */ i(te, { isOpen: s, onClose: l, title: a || b.key_indicators, children: [
     (h || c) && /* @__PURE__ */ i(
       u,
       {
@@ -713,7 +713,7 @@ const No = ({ isOpen: t, onClose: r }) => {
   shouldShowBalance: r = !0,
   loadAccounts: n
 }) => {
-  const { config: o } = kt(), { accounts: c } = v(), { selectedAccounts: a } = j(), s = m.useCallback(
+  const { config: o } = kt(), { accounts: c } = w(), { selectedAccounts: a } = j(), s = m.useCallback(
     (l) => {
       t?.(l);
     },
@@ -734,23 +734,23 @@ const No = ({ isOpen: t, onClose: r }) => {
       {
         subheader: /* @__PURE__ */ e(Jn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: c.account_types[l] }),
-          r && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: L(h, "0,0.00") })
+          r && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(h, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
           p.map((_, b) => {
-            const { firstValue: f } = Tt(_, c), w = Dt(_, {
+            const { firstValue: x } = Tt(_, c), v = Dt(_, {
               allowNickname: o?.show_account_nicknames_in_master
             }), y = /* @__PURE__ */ i(z, { children: [
               /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: _.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
                 be,
                 {
-                  primary: `${w}${_.account_number ? ` *${_.account_number}` : ""}`,
+                  primary: `${v}${_.account_number ? ` *${_.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
-              r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(f ?? 0, "0,0.00") })
+              r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: W(x ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ i(m.Fragment, { children: [
               /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Zn, { onClick: () => s(_), children: y }) : y }),
@@ -764,17 +764,17 @@ const No = ({ isOpen: t, onClose: r }) => {
     );
   }) }) : null;
 }, Nt = S(Jo), Qo = ({ loadAccounts: t, loadMoreLabel: r }) => {
-  const n = E(), { config: o } = kt(), { connect: c, finstrong: a } = v(), { accounts: s } = v(), { selectedAccounts: d } = j(), [l, p] = m.useState(!1), [h, _] = m.useState(!1), b = m.useMemo(
+  const n = E(), { config: o } = kt(), { connect: c, finstrong: a } = w(), { accounts: s } = w(), { selectedAccounts: d } = j(), [l, p] = m.useState(!1), [h, _] = m.useState(!1), b = m.useMemo(
     () => d.filter(
       (y) => t ? t.includes(y.account_type) : !0
     ),
     [d, t]
-  ), f = m.useMemo(() => b.slice(0, 3), [b]), w = (y) => {
+  ), x = m.useMemo(() => b.slice(0, 3), [b]), v = (y) => {
     const { firstValue: D } = Tt(y, s);
     return D;
   };
   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__ */ e(C, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: x.map((y, D) => /* @__PURE__ */ i(m.Fragment, { children: [
       /* @__PURE__ */ i(ye, { sx: { px: 24 }, children: [
         /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: y.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
@@ -787,9 +787,9 @@ const No = ({ isOpen: t, onClose: r }) => {
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(w(y), "0,0.00") })
+        /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: W(v(y), "0,0.00") })
       ] }),
-      D < f.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
+      D < x.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
     ] }, y.guid)) }),
     b.length > 3 && /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
@@ -841,13 +841,13 @@ const No = ({ isOpen: t, onClose: r }) => {
       ...n
     },
     children: [
-      typeof t == "number" ? /* @__PURE__ */ e(k, { variant: "h2", children: L(t, "0,0.00") }) : t,
+      typeof t == "number" ? /* @__PURE__ */ e(k, { variant: "h2", children: W(t, "0,0.00") }) : t,
       /* @__PURE__ */ e(k, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: 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 || {}), 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 = {
+const L = {
   bi_weekly: "Bi-Weekly",
   calculate: "Calculate",
   daily: "Daily",
@@ -867,23 +867,23 @@ const B = {
   weekly: "Weekly",
   years: "Years"
 }, er = [
-  { id: U.Monthly, label: B.monthly },
-  { id: U.BiWeekly, label: B.bi_weekly },
-  { id: U.Weekly, label: B.weekly },
-  { id: U.Daily, label: B.daily }
+  { id: U.Monthly, label: L.monthly },
+  { id: U.BiWeekly, label: L.bi_weekly },
+  { id: U.Weekly, label: L.weekly },
+  { id: U.Daily, label: L.daily }
 ], tr = {
-  [U.Monthly]: B.estimated_period_monthly,
-  [U.BiWeekly]: B.estimated_period_bi_weekly,
-  [U.Weekly]: B.estimated_period_weekly,
-  [U.Daily]: B.estimated_period_daily
+  [U.Monthly]: L.estimated_period_monthly,
+  [U.BiWeekly]: L.estimated_period_bi_weekly,
+  [U.Weekly]: L.estimated_period_weekly,
+  [U.Daily]: L.estimated_period_daily
 }, nr = [
-  { id: ke.Months, label: B.months },
-  { id: ke.Years, label: B.years },
-  { id: ke.Days, label: B.days }
+  { id: ke.Months, label: L.months },
+  { id: ke.Years, label: L.years },
+  { id: ke.Days, label: L.days }
 ], or = ({ 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(ke.Months);
+  ), [l, p] = m.useState(r), [h, _] = m.useState(Fn(t)), [b, x] = m.useState(ke.Months);
   m.useEffect(() => {
     o(
       it({
@@ -895,7 +895,7 @@ const B = {
       })
     ), a(s);
   }, []);
-  const w = (y) => {
+  const v = (y) => {
     y.preventDefault(), o(
       it({
         contribution: s,
@@ -906,40 +906,40 @@ const B = {
       })
     ), a(s);
   };
-  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: w, children: /* @__PURE__ */ i(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: v, children: /* @__PURE__ */ i(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
       {
         balance: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(I, { variant: "h2", children: L(n, "0,0") }),
+          /* @__PURE__ */ e(I, { variant: "h2", children: W(n, "0,0") }),
           /* @__PURE__ */ i(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
             tr[c]
           ] })
         ] }),
-        title: B.estimated_contribution
+        title: L.estimated_contribution
       }
     ),
     /* @__PURE__ */ e(
       Oe,
       {
-        "aria-label": B.savings_goal,
-        helperText: B.suggested_goal,
+        "aria-label": L.savings_goal,
+        helperText: L.suggested_goal,
         inputProps: {
           noValidate: !0,
           pattern: "[0-9]*"
         },
-        label: B.savings_goal,
+        label: L.savings_goal,
         onChange: (y) => {
           y.target.value && p(Number(y.target.value.replace(/[^0-9]/g, "")));
         },
-        value: l ? L(l, "0,0") : ""
+        value: l ? W(l, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
       ct,
       {
-        label: B.how_often_contribute,
+        label: L.how_often_contribute,
         onChange: d,
         options: er,
         required: !0,
@@ -950,13 +950,13 @@ const B = {
       /* @__PURE__ */ e(
         Oe,
         {
-          "aria-label": B.meet_your_goal_within,
+          "aria-label": L.meet_your_goal_within,
           fullWidth: !0,
           inputProps: {
             noValidate: !0,
             pattern: "[0-9]*"
           },
-          label: B.meet_your_goal_within,
+          label: L.meet_your_goal_within,
           onChange: (y) => _(Number(y.target.value)),
           sx: {
             "& .MuiInputBase-root": {
@@ -982,11 +982,11 @@ const B = {
               }
             }
           },
-          children: /* @__PURE__ */ e(ct, { label: "", onChange: f, options: nr, value: b })
+          children: /* @__PURE__ */ e(ct, { label: "", onChange: x, options: nr, value: b })
         }
       )
     ] }),
-    /* @__PURE__ */ e($, { fullWidth: !0, onClick: w, type: "submit", variant: "contained", children: B.calculate })
+    /* @__PURE__ */ e($, { fullWidth: !0, onClick: v, type: "submit", variant: "contained", children: L.calculate })
   ] }) }) });
 }, rr = S(or), Ae = {
   connect_accounts: "Connect Accounts",
@@ -1100,7 +1100,7 @@ const B = {
           percentage: n
         }
       ],
-      value: L(r ?? 0, "0,0.00")
+      value: W(r ?? 0, "0,0.00")
     }
   );
 }, dr = S(lr), ut = 65, _t = 34, pr = ({
@@ -1114,23 +1114,23 @@ const B = {
   width: d = "100%",
   zeroState: l = /* @__PURE__ */ e(ro, {})
 }) => {
-  const { getCategoryName: p } = Ye(), { onEvent: h } = Nn(), { categories: _ } = v(), { clearExpandedSplits: b, setShowInsights: f, toggleSplit: w } = oo(), y = (x) => {
-    const M = t.find((W) => W.guid === x);
+  const { getCategoryName: p } = Ye(), { onEvent: h } = Nn(), { categories: _ } = w(), { clearExpandedSplits: b, setShowInsights: x, toggleSplit: v } = oo(), y = (f) => {
+    const M = t.find((P) => P.guid === f);
     if (M?.has_been_split) {
-      w(M.guid);
+      v(M.guid);
       return;
     }
     h(ao.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
       account_guid: M?.account_guid,
-      transaction_guid: x
-    }), c?.(x);
+      transaction_guid: f
+    }), c?.(f);
   }, D = m.useRef(null), g = no({
     count: t.length,
     getScrollElement: () => D.current,
-    estimateSize: (x) => ut + (Ne(x, t) ? _t : 0),
+    estimateSize: (f) => ut + (Ne(f, t) ? _t : 0),
     overscan: 5
   });
-  return m.useEffect(() => g.measure(), [t]), m.useEffect(() => f(a), [a]), m.useEffect(() => () => b(), []), /* @__PURE__ */ e(Re, { sx: { width: d }, children: /* @__PURE__ */ e(C, { height: n, overflow: "auto", ref: D, width: d, children: /* @__PURE__ */ i(
+  return m.useEffect(() => g.measure(), [t]), m.useEffect(() => x(a), [a]), m.useEffect(() => () => b(), []), /* @__PURE__ */ e(Re, { sx: { width: d }, children: /* @__PURE__ */ e(C, { height: n, overflow: "auto", ref: D, width: d, children: /* @__PURE__ */ i(
     C,
     {
       height: (
@@ -1142,19 +1142,19 @@ const B = {
       children: [
         s && o,
         !s && g.getVirtualItems().length === 0 && l,
-        !s && g.getVirtualItems().length > 0 && g.getVirtualItems().map((x) => {
-          const M = t[x.index], W = Ne(x.index, t), G = Ft(x.index, t), H = ut + (W ? _t : 0);
+        !s && g.getVirtualItems().length > 0 && g.getVirtualItems().map((f) => {
+          const M = t[f.index], P = Ne(f.index, t), G = Ft(f.index, t), H = ut + (P ? _t : 0);
           return /* @__PURE__ */ i(
             C,
             {
               sx: {
                 height: H,
                 position: "absolute",
-                transform: `translateY(${x.start}px)`,
+                transform: `translateY(${f.start}px)`,
                 width: "100%"
               },
               children: [
-                W && /* @__PURE__ */ e(Pt, { bgcolor: r, children: Ze(M.date) }),
+                P && /* @__PURE__ */ e(Pt, { bgcolor: r, children: Ze(M.date) }),
                 /* @__PURE__ */ e(
                   Bt,
                   {
@@ -1184,7 +1184,7 @@ const B = {
   formatDate: o = Ze,
   secondaryIcon: c
 }) => {
-  const a = E(), { connect: s, finstrong: d } = v(), [l, p] = m.useState(!1), [h, _] = m.useState(!1), b = 3, f = t.length > b, w = t.length - b;
+  const a = E(), { connect: s, finstrong: d } = w(), [l, p] = m.useState(!1), [h, _] = m.useState(!1), b = 3, x = t.length > b, v = t.length - b;
   return !t || t.length === 0 ? /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
       $,
@@ -1247,7 +1247,7 @@ const B = {
                     /* @__PURE__ */ e(I, { variant: "caption", children: o(y.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: L(y.amount, "0,0.00") })
+                /* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: W(y.amount, "0,0.00") })
               ]
             },
             y.guid || D
@@ -1256,7 +1256,7 @@ const B = {
       },
       D
     )) }),
-    f && /* @__PURE__ */ i(z, { children: [
+    x && /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
         $,
         {
@@ -1265,7 +1265,7 @@ const B = {
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
           children: /* @__PURE__ */ i(I, { bold: !0, variant: "body1", children: [
-            w,
+            v,
             " ",
             d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
@@ -1287,7 +1287,7 @@ const B = {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
     }
-  } = v(), { getSpendingFeeTransactions: r, allTransactions: n } = F();
+  } = w(), { getSpendingFeeTransactions: r, allTransactions: n } = F();
   return m.useEffect(() => {
     r().finally();
   }, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ i(
@@ -1333,7 +1333,7 @@ const B = {
     }
   ) });
 }, hr = S(_r), mr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, c = Bn(t.spending_fee_transaction_count);
+  const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, c = Bn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ i(
     u,
     {
@@ -1357,7 +1357,7 @@ const B = {
     }
   );
 }, gr = S(mr), yr = () => {
-  const { savingsAndCheckingAccountsBalance: t } = Me(), { finstrong: r } = v();
+  const { savingsAndCheckingAccountsBalance: t } = Me(), { finstrong: r } = w();
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
@@ -1375,7 +1375,7 @@ const B = {
     )
   ] });
 }, br = S(yr), fr = () => {
-  const { finstrong: t } = v(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: c } = F(), { isInitialized: a } = j();
+  const { finstrong: t } = w(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: c } = F(), { isInitialized: a } = j();
   m.useEffect(() => {
     a && (o().finally(), c().finally());
   }, [a]);
@@ -1394,7 +1394,7 @@ const B = {
     /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: s })
   ] }) : /* @__PURE__ */ e(Q, {});
 }, xr = S(fr), Sr = () => {
-  const [t, r] = m.useState(0), { finstrong: n } = v();
+  const [t, r] = m.useState(0), { finstrong: n } = w();
   return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ i(K, { children: [
       /* @__PURE__ */ i(
@@ -1432,7 +1432,7 @@ const B = {
     /* @__PURE__ */ e(Je, { chartFor: "savingsOverTime" })
   ] });
 }, Cr = S(Sr), vr = () => {
-  const { finstrong: t } = v(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = wt(n ? n * 30 : null), c = 183 / 6, a = Math.floor(n), s = Math.round((n - a) * c), d = n / 6 * 100;
+  const { finstrong: t } = w(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = wt(n ? n * 30 : null), c = 183 / 6, a = Math.floor(n), s = Math.round((n - a) * c), d = n / 6 * 100;
   return /* @__PURE__ */ e(
     We,
     {
@@ -1482,7 +1482,7 @@ const B = {
     }
   );
 }, wr = S(vr), kr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), n = Te(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((s) => o ? "MISSING" : s <= 30 ? "GOOD" : s >= 31 && s <= 39 ? "FAIR" : s >= 40 ? "OFF_TRACK" : "MISSING")(n);
+  const { healthScore: t } = F(), { finstrong: r } = w(), n = Te(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((s) => o ? "MISSING" : s <= 30 ? "GOOD" : s >= 31 && s <= 39 ? "FAIR" : s >= 40 ? "OFF_TRACK" : "MISSING")(n);
   return /* @__PURE__ */ e(
     We,
     {
@@ -1558,11 +1558,11 @@ const B = {
           percentage: `${n}%`
         }
       ],
-      value: L(t.ninety_day_debt_spend, "0,0.00")
+      value: W(t.ninety_day_debt_spend, "0,0.00")
     }
   );
 }, Mr = S(kr), Dr = () => {
-  const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = v(), [c, a] = m.useState(!1);
+  const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = w(), [c, a] = m.useState(!1);
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
@@ -1595,7 +1595,7 @@ const B = {
     )
   ] });
 }, Ir = S(Dr), Ar = () => {
-  const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = v(), [c, a] = m.useState(!1);
+  const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = w(), [c, a] = m.useState(!1);
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
@@ -1647,8 +1647,8 @@ const B = {
     const _ = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (s.current) {
-          const { width: b } = s.current.getBoundingClientRect(), f = b / 2, w = s.current.querySelector("text");
-          w && w.setAttribute("transform", `translate(${f}, -8)`);
+          const { width: b } = s.current.getBoundingClientRect(), x = b / 2, v = s.current.querySelector("text");
+          v && v.setAttribute("transform", `translate(${x}, -8)`);
         }
       });
     });
@@ -1685,23 +1685,23 @@ const B = {
   totalMain: l
 }) => {
   const p = E(), h = so(p.breakpoints.down("xs")), _ = m.useMemo(
-    () => r.sort((g, x) => g.month - x.month).map((g) => {
-      const x = Ln(g.month), M = {
+    () => r.sort((g, f) => g.month - f.month).map((g) => {
+      const f = Ln(g.month), M = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
-          formattedMain: L(Math.round(g.standard_spend / 100) * 100, "0.0a"),
-          formattedComparison: L(Math.round(g.income / 100) * 100, "0.0a")
+          formattedMain: W(Math.round(g.standard_spend / 100) * 100, "0.0a"),
+          formattedComparison: W(Math.round(g.income / 100) * 100, "0.0a")
         },
         debt_payment_vs_income: {
           main: g.income,
           comparison: g.debt_spend,
-          formattedMain: L(g.income, "0.0a"),
-          formattedComparison: L(g.debt_spend, "0.0a")
+          formattedMain: W(g.income, "0.0a"),
+          formattedComparison: W(g.debt_spend, "0.0a")
         }
       };
       return {
-        label: x,
+        label: f,
         ...M[t]
       };
     }),
@@ -1709,10 +1709,10 @@ const B = {
   ), b = {
     dataKey: "label",
     scaleType: "band"
-  }, f = Math.max(..._.map((g) => Math.max(g.main, g.comparison))), w = Math.ceil(f * 1.2 / 1e3) * 1e3, y = w / 3, D = {
+  }, x = Math.max(..._.map((g) => Math.max(g.main, g.comparison))), v = Math.ceil(x * 1.2 / 1e3) * 1e3, y = v / 3, D = {
     scaleType: "linear",
     min: 0,
-    max: w,
+    max: v,
     tickNumber: 4,
     tickMinStep: y,
     valueFormatter: (g) => g === 0 ? "$0" : `$${(g / 1e3).toFixed(0)}K`
@@ -1815,16 +1815,16 @@ const B = {
                 {
                   slots: {
                     bar: (g) => {
-                      const { ownerState: x, style: M, ...W } = g;
+                      const { ownerState: f, style: M, ...P } = g;
                       return /* @__PURE__ */ e(
                         Or,
                         {
-                          ...W,
-                          color: x.color,
+                          ...P,
+                          color: f.color,
                           data: _,
                           series: {
-                            index: x.dataIndex,
-                            type: Number(x.id.toString().split("-").pop())
+                            index: f.dataIndex,
+                            type: Number(f.id.toString().split("-").pop())
                           },
                           style: M
                         }
@@ -1880,7 +1880,7 @@ const B = {
     }
   );
 }, Rr = () => {
-  const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = j(), [c, a] = m.useState(0), { finstrong: s } = v();
+  const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = j(), [c, a] = m.useState(0), { finstrong: s } = w();
   return m.useEffect(() => {
     o && (t().finally(), r().finally());
   }, [o]), /* @__PURE__ */ i(z, { children: [
@@ -1985,7 +1985,7 @@ const B = {
     ] })
   ] });
 }, Fr = S(Rr), Pr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), n = Te(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((d) => o ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), s = {
+  const { healthScore: t } = F(), { finstrong: r } = w(), n = Te(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((d) => o ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), s = {
     GOOD: [{ percentage: `${n}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
@@ -2005,7 +2005,7 @@ const B = {
           },
           children: [
             /* @__PURE__ */ i(I, { variant: "body2", children: [
-              o ? "-" : L(t.ninety_day_income, "0,0.00"),
+              o ? "-" : W(t.ninety_day_income, "0,0.00"),
               " ",
               r?.key_indicators_spend.spend_less_than_you_make_drawer.income
             ] }),
@@ -2020,29 +2020,29 @@ const B = {
       label: r?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
       status: a,
       statusBarData: s,
-      value: o ? "$0" : L(t.ninety_day_spend, "0,0.00")
+      value: o ? "$0" : W(t.ninety_day_spend, "0,0.00")
     }
   );
 }, Br = S(Pr), Lr = () => {
-  const t = E(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: n } = F(), { finstrong: o, goals: c, spending: a } = v(), { selectedAccounts: s } = j(), { categories: d, dateRangeCategoryTotals: l, loadDateRangeCategoryTotals: p } = Ye(), { appDataStore: h } = Kn(), [_, b] = m.useState("");
-  m.useEffect(() => {
-    p(
+  const t = E(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: n } = F(), { finstrong: o, goals: c, spending: a } = w(), { selectedAccounts: s, selectedAccountGuids: d } = j(), { categories: l, dateRangeCategoryTotals: p, loadDateRangeCategoryTotals: h } = Ye(), { appDataStore: _ } = Kn(), [b, x] = m.useState("");
+  console.log(d, "selectedAccountGuids"), m.useEffect(() => {
+    h(
       s,
       _o(Lt(/* @__PURE__ */ new Date())),
       ho(Wt(/* @__PURE__ */ new Date()))
     ).finally();
   }, [s]);
-  const f = m.useMemo(
-    () => mo(d, c, t, l),
-    [d, l]
+  const v = m.useMemo(
+    () => mo(l, c, t, p),
+    [l, p]
   );
-  console.log(JSON.parse(JSON.stringify(f)), "spendingData");
-  const w = (g) => {
-    b(_ === g ? "" : g);
-  }, { totalSpending: y, totalIncome: D } = m.useMemo(() => r?.reduce(
-    (g, { standard_spend: x = 0, income: M = 0 }) => ({
-      totalSpending: g.totalSpending + x,
-      totalIncome: g.totalIncome + M
+  console.log(JSON.parse(JSON.stringify(v)), "spendingData");
+  const y = (f) => {
+    x(b === f ? "" : f);
+  }, { totalSpending: D, totalIncome: g } = m.useMemo(() => r?.reduce(
+    (f, { standard_spend: M = 0, income: P = 0 }) => ({
+      totalSpending: f.totalSpending + M,
+      totalIncome: f.totalIncome + P
     }),
     { totalSpending: 0, totalIncome: 0 }
   ), [r]);
@@ -2050,7 +2050,7 @@ const B = {
     r.length ? /* @__PURE__ */ e(
       jt,
       {
-        ...h.appData.client_profile?.allow_trends_widget && {
+        ..._.appData.client_profile?.allow_trends_widget && {
           buttonLabel: o.key_indicators_spend.spend_less_than_you_make_drawer.view_more
         },
         chartFor: "spending_vs_income",
@@ -2059,8 +2059,8 @@ const B = {
         legendLabelMain: o.key_indicators_spend.spend_less_than_you_make_drawer.spending,
         onClick: () => n("trends")(),
         title: o.key_indicators_spend.spend_less_than_you_make_drawer.trends,
-        totalComparison: L(D, "0,0.00"),
-        totalMain: L(y, "0,0.00")
+        totalComparison: W(g, "0,0.00"),
+        totalMain: W(D, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
       Fe,
@@ -2083,7 +2083,7 @@ const B = {
         variant: "no-buttons"
       }
     ),
-    f ? /* @__PURE__ */ i(
+    v ? /* @__PURE__ */ i(
       K,
       {
         sx: {
@@ -2103,7 +2103,7 @@ const B = {
               },
               children: [
                 /* @__PURE__ */ e(N, { children: o.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
-                h.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
+                _.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
                   $,
                   {
                     endIcon: /* @__PURE__ */ e(Z, {}),
@@ -2124,18 +2124,18 @@ const B = {
             /* @__PURE__ */ e(
               go,
               {
-                data: f,
-                onSelected: w,
-                selectedId: _,
+                data: v,
+                onSelected: y,
+                selectedId: b,
                 totalLabel: a.total_spending
               }
             ),
             /* @__PURE__ */ e(
               yo,
               {
-                data: f,
-                onSelected: w,
-                selectedId: _
+                data: v,
+                onSelected: y,
+                selectedId: b
               }
             )
           ] })
@@ -2172,7 +2172,7 @@ const B = {
   isOpen: r,
   onClose: n
 }) => {
-  const { finstrong: o } = v(), a = {
+  const { finstrong: o } = w(), a = {
     spendLessThanYouMake: {
       title: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
       description: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
@@ -2286,7 +2286,7 @@ const B = {
     )
   ] });
 }, Er = () => {
-  const { finstrong: t } = v(), { key_indicators_spend: r } = t, { healthScore: n } = F(), o = (s) => {
+  const { finstrong: t } = w(), { key_indicators_spend: r } = t, { healthScore: n } = F(), o = (s) => {
     const d = $n(s), l = {
       GOOD: r.ratio_good_description,
       FAIR: r.ratio_fair_description,
@@ -2331,7 +2331,7 @@ const B = {
     )
   ] });
 }, Gr = S(Er), Hr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_save: n } = r, o = (d) => {
+  const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_save: n } = r, o = (d) => {
     const l = wt(d), p = {
       GOOD: n.days_of_cash_good_description,
       FAIR: n.days_of_cash_fair_description,
@@ -2353,7 +2353,7 @@ const B = {
     let h;
     return l === "FAIR" && d !== null ? h = Y(
       p[l],
-      L(d, "0,0.00")
+      W(d, "0,0.00")
     ) : h = p[l], {
       cardState: l,
       description: h,
@@ -2389,7 +2389,7 @@ const B = {
     )
   ] });
 }, Nr = S(Hr), Kr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_borrow: n } = r, { user: o } = J(), c = (l) => {
+  const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_borrow: n } = r, { user: o } = J(), c = (l) => {
     const p = zn(l), h = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
@@ -2441,7 +2441,7 @@ const B = {
     )
   ] });
 }, jr = S(Kr), Yr = () => {
-  const [t, r] = m.useState(0), { finstrong: n } = v();
+  const [t, r] = m.useState(0), { finstrong: n } = w();
   return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ i(
       qe,
@@ -2500,7 +2500,7 @@ const B = {
     /* @__PURE__ */ e(ue, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(jr, {}) })
   ] });
 }, Vr = S(Yr), Xr = ({ onClick: t }) => {
-  const { finstrong: r } = v(), { isCopyLoaded: n } = j();
+  const { finstrong: r } = w(), { isCopyLoaded: n } = j();
   return n ? /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(bt, { size: 48 }),
     /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
@@ -2540,12 +2540,12 @@ const B = {
   /* @__PURE__ */ i(u, { children: [
     !!o.length && /* @__PURE__ */ e(C, { sx: { pb: 24 }, children: o.reduce((p, h, _) => {
       if (h.guid === l.guid) return p;
-      const b = Ne(_, o), f = Ft(_, o);
+      const b = Ne(_, o), x = Ft(_, o);
       return p.push(
         /* @__PURE__ */ i(m.Fragment, { children: [
           b && /* @__PURE__ */ e(Pt, { children: Ze(h.date) }),
           /* @__PURE__ */ e(Bt, { transaction: h }),
-          /* @__PURE__ */ e(ne, { sx: { ml: f ? 44 : 0 } })
+          /* @__PURE__ */ e(ne, { sx: { ml: x ? 44 : 0 } })
         ] }, h.guid)
       ), p;
     }, []) }),
@@ -2658,7 +2658,7 @@ const B = {
 ] }), ht = {
   step: O.ConnectAccounts,
   type: "main"
-}, P = {
+}, B = {
   add_accounts: "Add Accounts",
   add_income_primary: "What is your monthly income?",
   add_income_secondary: "Add your income so that we can accurately measure your financial strength.",
@@ -2677,9 +2677,9 @@ const B = {
   do_it_later: "Do It Later",
   next: "Next"
 }, ia = ({ isOpen: t, onClose: r }) => {
-  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 } = J(), [y, D] = m.useState(_.credit_score || 0), [g, x] = m.useState(
+  const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = w(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = jn(), { user: _, userProfile: b, updateUser: x, updateUserProfile: v } = J(), [y, D] = m.useState(_.credit_score || 0), [g, f] = m.useState(
     ht
-  ), [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, Qe] = m.useState("");
+  ), [M, P] = 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, Qe] = m.useState("");
   m.useEffect(() => {
     d({ start: Lt(dt()), end: Wt(dt()) });
   }, []), m.useEffect(() => {
@@ -2712,9 +2712,9 @@ const B = {
   }, Ut = {
     [O.ConnectAccounts]: {
       main: le ? /* @__PURE__ */ e(Nt, { shouldShowBalance: !1 }) : null,
-      mainActionContent: le ? P.next : P.add_accounts,
-      primaryText: P.connect_your_accounts_primary,
-      secondaryText: P.connect_your_accounts_secondary
+      mainActionContent: le ? B.next : B.add_accounts,
+      primaryText: B.connect_your_accounts_primary,
+      secondaryText: B.connect_your_accounts_secondary
     },
     [O.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
@@ -2725,62 +2725,62 @@ const B = {
           incomeTransactions: T,
           secondDay: ce,
           setCurrentStep: (A) => {
-            x(A), V((R) => {
+            f(A), V((R) => {
               if (R.some((de) => de.guid === q)) return R.filter((de) => de.guid !== q);
               const Ie = h.find((de) => de.guid === q);
               return Ie ? [...R, { ...Ie, firstDay: M, frequency: G, secondDay: ce }] : R;
             });
           },
-          setFirstDay: W,
+          setFirstDay: P,
           setFrequency: H,
           setSecondDay: he,
           transaction: et
         }
       ),
-      detailActionContent: P.confirm_income,
+      detailActionContent: B.confirm_income,
       main: /* @__PURE__ */ e(
         Co,
         {
           onSearch: qt,
           onSelected: (A) => {
-            x({ step: O.MonthlyIncome, type: "detail" }), Qe(A);
+            f({ step: O.MonthlyIncome, type: "detail" }), Qe(A);
           }
         }
       ),
-      mainActionContent: P.confirm_income,
-      primaryText: P.add_income_primary,
-      secondaryText: P.add_income_secondary
+      mainActionContent: B.confirm_income,
+      primaryText: B.add_income_primary,
+      secondaryText: B.add_income_secondary
     },
     [O.Birthday]: {
       main: /* @__PURE__ */ e(ta, { selectedDate: X, setSelectedDate: se }),
-      mainActionContent: P.next,
-      primaryText: P.birthday_primary,
-      secondaryText: P.birthday_secondary
+      mainActionContent: B.next,
+      primaryText: B.birthday_primary,
+      secondaryText: B.birthday_secondary
     },
     [O.CreditScore]: {
       main: /* @__PURE__ */ e(ra, { creditScore: y, setCreditScore: D }),
-      mainActionContent: P.next,
-      primaryText: P.credit_score_primary,
-      secondaryText: P.credit_score_secondary
+      mainActionContent: B.next,
+      primaryText: B.credit_score_primary,
+      secondaryText: B.credit_score_secondary
     }
   }, tt = () => {
-    x(ht), ae(!1), Qe(""), r();
+    f(ht), ae(!1), Qe(""), r();
   }, nt = async () => {
-    ae(!0), await en(T), await o(), await w({ ...b, has_completed_finstrong_onboarding: !0 }), tt();
+    ae(!0), await en(T), await o(), await v({ ...b, has_completed_finstrong_onboarding: !0 }), tt();
   }, Zt = () => {
     if (g.step === O.CreditScore) {
       nt();
       return;
     }
-    x({ step: g.step + 1, type: "main" });
+    f({ step: g.step + 1, type: "main" });
   }, Jt = () => {
     const { step: A } = g, R = A + 1;
     switch (A) {
       case O.Birthday:
-        X && X !== _.birthday && f({ ..._, birthday: X });
+        X && X !== _.birthday && x({ ..._, birthday: X });
         break;
       case O.CreditScore:
-        y && y !== _.credit_score && f({ ..._, credit_score: y }), nt();
+        y && y !== _.credit_score && x({ ..._, credit_score: y }), nt();
         return;
       case O.MonthlyIncome:
         q && T.findIndex(({ guid: ge }) => ge === q) === -1 && V((ge) => [
@@ -2795,18 +2795,18 @@ const B = {
         }
         break;
     }
-    R in O && x({ step: R, type: "main" });
+    R in O && f({ step: R, type: "main" });
   }, Qt = () => {
     const { step: A, type: R } = g;
     if (R === "detail") {
-      x({ step: A, type: "main" });
+      f({ step: A, type: "main" });
       return;
     }
     if (A === O.Birthday && T.length) {
-      x({ step: A - 1, type: "detail" });
+      f({ step: A - 1, type: "detail" });
       return;
     }
-    A > O.ConnectAccounts && x({ step: A - 1, type: "main" });
+    A > O.ConnectAccounts && f({ step: A - 1, type: "main" });
   }, en = async (A) => {
     for (const R of A) {
       const {
@@ -2854,13 +2854,13 @@ const B = {
         primaryButtonProps: tn,
         primaryText: me?.mainActionContent,
         secondaryColor: "primary",
-        secondaryText: P.back,
+        secondaryText: B.back,
         title: c.title,
         ...!re && { onPrimaryAction: Jt },
         children: [
           re && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e(Pe, { children: P.calculate_primary }),
-            /* @__PURE__ */ e(k, { sx: { textAlign: "center" }, variant: "subtitle1", children: P.calculate_secondary })
+            /* @__PURE__ */ e(Pe, { children: B.calculate_primary }),
+            /* @__PURE__ */ e(k, { sx: { textAlign: "center" }, variant: "subtitle1", children: B.calculate_secondary })
           ] }),
           me && !re && /* @__PURE__ */ i(m.Fragment, { children: [
             /* @__PURE__ */ e(
@@ -2874,7 +2874,7 @@ const B = {
             ),
             g.type === "main" && /* @__PURE__ */ i(C, { children: [
               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 }) })
+              nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: Zt, children: B.do_it_later }) })
             ] }),
             g.type === "detail" && me.detail
           ] })
@@ -2886,7 +2886,7 @@ const B = {
       {
         onClose: () => ie(!1),
         showConnectWidget: Ce,
-        title: P.connect_accounts
+        title: B.connect_accounts
       }
     )
   ] });
@@ -2922,7 +2922,7 @@ const B = {
     /* @__PURE__ */ e(sa, { isOpen: t, onClose: () => r(!1) })
   ] });
 }, la = ({ isOpen: t, onClose: r }) => {
-  const { finstrong: n } = v(), o = E(), { updateUser: c, user: a } = J(), [s, d] = m.useState(a.birthday), l = (h) => {
+  const { finstrong: n } = w(), o = E(), { updateUser: c, user: a } = J(), [s, d] = m.useState(a.birthday), l = (h) => {
     d(Math.floor(new Date(h).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
@@ -2975,9 +2975,9 @@ const B = {
     accounts: o,
     common: c,
     finstrong: a
-  } = v(), { repeatingTransactions: s } = Ve(), { user: d } = J(), l = s.reduce((f, w) => {
-    const { repeating_transaction_type: y, transactions: D, recurrence_type: g, amount: x } = w;
-    return y === Rt.Income && (D.length > 0 || g === Ot.EveryYear) ? f + x : f;
+  } = w(), { repeatingTransactions: s } = Ve(), { user: d } = J(), l = s.reduce((x, v) => {
+    const { repeating_transaction_type: y, transactions: D, recurrence_type: g, amount: f } = v;
+    return y === Rt.Income && (D.length > 0 || g === Ot.EveryYear) ? x + f : x;
   }, 0), [p, h] = m.useState(null), b = [
     {
       dynamicCopy: a.add_profile_item,
@@ -3014,7 +3014,7 @@ const B = {
         n.length > 1 ? a.accounts : a.account
       ) : void 0
     }
-  ].map((f) => En(f));
+  ].map((x) => En(x));
   return /* @__PURE__ */ i(te, { isOpen: t, onClose: r, title: a.financial_profile, children: [
     /* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
       /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
@@ -3025,7 +3025,7 @@ const B = {
         Yt,
         {
           completeCopy: a.complete,
-          value: b.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
+          value: b.reduce((x, v) => x + (v.isComplete ? 1 : 0), 0)
         }
       )
     ] }),
@@ -3070,7 +3070,7 @@ const B = {
   ] }),
   /* @__PURE__ */ e(Po, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(k, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
 ] }), _a = ({ report: t }) => {
-  const { finstrong: r } = v(), { score_history_drawer_timeline: n } = r, {
+  const { finstrong: r } = w(), { score_history_drawer_timeline: n } = r, {
     health_score_point_difference: o,
     newer_credit_score: c,
     older_credit_score: a,
@@ -3079,7 +3079,7 @@ const B = {
     older_health_score: l,
     newer_health_score: p,
     newer_score_calculated_at: h
-  } = t, _ = Ao(new Date(h), "MMM d"), b = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", f = () => o === 0 ? Y(n.stayed_at, l) : o > 0 ? n.less_spending : n.more_spending, w = () => {
+  } = t, _ = Ao(new Date(h), "MMM d"), b = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", x = () => o === 0 ? Y(n.stayed_at, l) : o > 0 ? n.less_spending : n.more_spending, v = () => {
     if (o === 0) return null;
     const y = o > 0 ? n.up_from : n.down_from, D = Y(y, l, p);
     return /* @__PURE__ */ i(z, { children: [
@@ -3116,11 +3116,11 @@ const B = {
             }
           ),
           /* @__PURE__ */ i(u, { sx: { gap: 2, width: "80%" }, children: [
-            /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: f() }),
+            /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: x() }),
             /* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
               _,
               " ",
-              w()
+              v()
             ] })
           ] })
         ]
@@ -3164,7 +3164,7 @@ const B = {
     ) })
   ] }) });
 }, ha = S(_a), ma = ({ isOpen: t, onClose: r }) => {
-  const n = E(), { finstrong: o } = v(), { isCopyLoaded: c, isInitialized: a } = j(), { healthScore: s, healthScoreChangeReports: d, augmentedChartData: l } = F();
+  const n = E(), { finstrong: o } = w(), { isCopyLoaded: c, isInitialized: a } = j(), { healthScore: s, healthScoreChangeReports: d, augmentedChartData: l } = F();
   if (!c || !a) return /* @__PURE__ */ e(Q, {});
   const p = je(s.health_score || 0, o), h = d.slice().reverse();
   return /* @__PURE__ */ e(
@@ -3276,7 +3276,7 @@ const B = {
     ] })
   ] });
 }, ba = ({ isOpen: t, onClose: r }) => {
-  const { finstrong: n } = v(), { isCopyLoaded: o } = j();
+  const { finstrong: n } = w(), { isCopyLoaded: o } = j();
   return o ? /* @__PURE__ */ e(te, { isOpen: t, onClose: r, title: n.score_rubric, children: /* @__PURE__ */ i(u, { sx: { gap: 36, p: 24 }, children: [
     /* @__PURE__ */ i(u, { sx: { gap: 20 }, children: [
       /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
@@ -3356,7 +3356,7 @@ const B = {
     ] })
   ] }) }) : /* @__PURE__ */ e(Q, {});
 }, fa = S(ba), xa = S(() => {
-  const [t, r] = m.useState(!1), n = E(), [o, { width: c }] = It(), { finstrong: a } = v(), { isCopyLoaded: s, isInitialized: d } = j(), { healthScore: l, healthScoreChange: p } = F(), h = n.palette.mode === "dark", _ = je(l?.health_score, a);
+  const [t, r] = m.useState(!1), n = E(), [o, { width: c }] = It(), { finstrong: a } = w(), { isCopyLoaded: s, isInitialized: d } = j(), { healthScore: l, healthScoreChange: p } = F(), h = n.palette.mode === "dark", _ = je(l?.health_score, a);
   return !s || !d ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ i(K, { ref: o, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Eo,
@@ -3460,18 +3460,18 @@ const B = {
     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 } = J(), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(!1);
+    loadAugmentedChartData: x,
+    loadMonthlySummaries: v
+  } = p, { finstrong: y, connect: D } = w(), { isCopyLoaded: g, isInitialized: f, selectedAccounts: M, setSelectedAccounts: P } = j(), { loadRepeatingTransactions: G } = Ve(), { isMobile: H } = Ue(), T = E(), { userProfile: V } = J(), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(!1);
   if (m.useEffect(() => {
     d(T);
   }, []), m.useEffect(() => {
     n && (p.handleFinstrongWidgetPrimaryCtaClick = n);
-  }, [n, p]), m.useEffect(() => W(o), [o]), m.useEffect(() => {
-    x && (_().finally(), f().finally(), w().finally());
-  }, [x]), m.useEffect(() => {
-    x && (l(M, c.start, c.end), a || (s(), G().finally()));
-  }, [c, a, x, M]), !g || !x) return /* @__PURE__ */ e(Q, {});
+  }, [n, p]), m.useEffect(() => P(o), [o]), m.useEffect(() => {
+    f && (_().finally(), x().finally(), v().finally());
+  }, [f]), m.useEffect(() => {
+    f && (l(M, c.start, c.end), a || (s(), G().finally()));
+  }, [c, a, f, M]), !g || !f) return /* @__PURE__ */ e(Q, {});
   const ce = () => {
   }, he = () => ae(!0);
   return /* @__PURE__ */ i(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.2.15-alpha-ram5-finstrong-testing",
+  "version": "7.2.15-alpha-ram7-finstrong-testing",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",