@mx-cartographer/experiences 9.3.8-alpha.al0 → 9.4.0

package/dist/debts/components/debtsdrawer/DebtScheduleTab.es.js

@@ -11,8 +11,8 @@ import { Fragment as D, jsx as e, jsxs as n } from "react/jsx-runtime";
 import { useTheme as E } from "@mui/material";
 import w from "@mui/material/List";
 var T = () => {
-  const i = E(), { onEvent: d } = u(), { debts: o } = x(), { selectedDebtChartData: s, showCompleted: m, showError: l } = v();
-  return y.useEffect(() => d(_.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(w, { children: l || m ? /* @__PURE__ */ e(r, {
+  const i = E(), { onEvent: d } = u(), { debts: o } = x(), { selectedDebtChartData: s, showCompleted: m, showError: a } = v();
+  return y.useEffect(() => d(_.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(w, { children: a || m ? /* @__PURE__ */ e(r, {
     color: i.palette.secondary.main,
     component: "div",
     sx: {
@@ -20,7 +20,7 @@ var T = () => {
       textAlign: "center"
     },
     variant: "body2",
-    children: l ? o.schedule_error_message : o.schedule_complete_message
+    children: a ? o.schedule_error_message : o.schedule_complete_message
   }) : /* @__PURE__ */ n(D, { children: [
     /* @__PURE__ */ n(t, {
       flexDirection: "row",
@@ -40,7 +40,7 @@ var T = () => {
         children: o.schedule_amount_heading
       })]
     }),
-    s.dataset.slice(1).map(({ x: a, y: p, payment: h }) => /* @__PURE__ */ e(t, {
+    s.dataset.slice(1).map(({ x: l, y: p, payment: h }) => /* @__PURE__ */ e(t, {
       bgcolor: i.palette.background.paper,
       children: /* @__PURE__ */ e(t, {
         alignItems: "center",
@@ -59,7 +59,7 @@ var T = () => {
             children: [/* @__PURE__ */ e(r, {
               bold: !0,
               variant: "body1",
-              children: f(a, b.MONTH_YEAR)
+              children: f(l, b.MONTH_YEAR)
             }), /* @__PURE__ */ e(r, {
               color: i.palette.secondary.main,
               variant: "caption",
@@ -78,7 +78,7 @@ var T = () => {
           })] })]
         })
       })
-    }, String(a))),
+    }, String(l))),
     /* @__PURE__ */ e(t, {
       bgcolor: "background.paper",
       children: /* @__PURE__ */ n(t, {
@@ -100,9 +100,9 @@ var T = () => {
       })
     })
   ] }) });
-}, F = g(T);
+}, B = g(T);
 export {
-  F as default
+  B as default
 };
 
 //# sourceMappingURL=DebtScheduleTab.es.js.map

package/dist/finstrong/components/HaveManageableDebt/HaveManageableDebtComponent.es.js

@@ -12,7 +12,7 @@ import { Fragment as b, jsx as e, jsxs as n } from "react/jsx-runtime";
 import m from "@mui/material/Tab";
 import S from "@mui/material/Tabs";
 import T from "@mui/material/Card";
-var D = () => {
+var F = () => {
   const { isIncomeInitialized: t, loadDebtSpend: _, loadIncome: s, monthlySummaries: i } = u(), [r, c] = l.useState(0), { finstrong: a } = f();
   if (l.useEffect(() => {
     t || (_().finally(), s().finally());
@@ -80,7 +80,7 @@ var D = () => {
     }),
     /* @__PURE__ */ e(v, { chartFor: "debtOverTime" })
   ] });
-}, W = k(D);
+}, W = k(F);
 export {
   W as default
 };

package/dist/finstrong/components/KeyIndicatorsTabItem.es.js

@@ -1,19 +1,19 @@
-import { useGlobalCopyStore as m } from "../../common/context/hooks.es.js";
+import { useGlobalCopyStore as d } from "../../common/context/hooks.es.js";
 import f from "./StatusChip.es.js";
 import u from "./KeyIndicatorsTabItemDrawer.es.js";
 import y from "react";
 import n from "@mui/material/Stack";
 import { P as h, Text as x } from "@mxenabled/mxui";
 import { ChevronRight as b } from "@mxenabled/mx-icons";
-import { Fragment as I, jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Fragment as g, jsx as e, jsxs as r } from "react/jsx-runtime";
 var j = ({ drawerFor: a, title: i, description: s, cardState: l = "MISSING" }) => {
-  const { finstrong: c } = m(), [p, o] = y.useState(!1), d = (t) => {
-    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o(!0));
+  const { finstrong: c } = d(), [p, t] = y.useState(!1), m = (o) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), t(!0));
   };
-  return /* @__PURE__ */ r(I, { children: [/* @__PURE__ */ r(n, {
+  return /* @__PURE__ */ r(g, { children: [/* @__PURE__ */ r(n, {
     "aria-label": `${c.key_indicators_open} ${i}`,
-    onClick: () => o(!0),
-    onKeyDown: d,
+    onClick: () => t(!0),
+    onKeyDown: m,
     role: "button",
     sx: {
       alignItems: "center",
@@ -55,7 +55,7 @@ var j = ({ drawerFor: a, title: i, description: s, cardState: l = "MISSING" }) =
   }), /* @__PURE__ */ e(u, {
     drawerFor: a,
     isOpen: p,
-    onClose: () => o(!1)
+    onClose: () => t(!1)
   })] });
 };
 export {

package/dist/finstrong/components/SaveEnoughToLiveOn/SaveEnoughToLiveOnDrawerContent.es.js

@@ -1,7 +1,7 @@
 import { useGlobalCopyStore as s } from "../../../common/context/hooks.es.js";
 import n from "../../../common/components/TabContentContainer.es.js";
-import d from "../shared/LineGraph.es.js";
-import m from "./AvailableTabContent.es.js";
+import m from "../shared/LineGraph.es.js";
+import d from "./AvailableTabContent.es.js";
 import p from "./SpendingTabContent.es.js";
 import v from "react";
 import { observer as b } from "mobx-react-lite";
@@ -15,7 +15,7 @@ var _ = () => {
     /* @__PURE__ */ t(c, {
       "aria-label": r.key_indicators_save.drawer_title,
       centered: !0,
-      onChange: (h, l) => o(l),
+      onChange: (g, l) => o(l),
       selectionFollowsFocus: !0,
       sx: { mb: 0 },
       value: a,
@@ -34,7 +34,7 @@ var _ = () => {
       index: 0,
       name: "available-details",
       value: a,
-      children: /* @__PURE__ */ e(m, {})
+      children: /* @__PURE__ */ e(d, {})
     }),
     /* @__PURE__ */ e(n, {
       index: 1,
@@ -42,7 +42,7 @@ var _ = () => {
       value: a,
       children: /* @__PURE__ */ e(p, {})
     })
-  ] }), /* @__PURE__ */ e(d, { chartFor: "savingsOverTime" })] });
+  ] }), /* @__PURE__ */ e(m, { chartFor: "savingsOverTime" })] });
 }, j = b(_);
 export {
   j as default

package/dist/finstrong/components/shared/Accounts.es.js

@@ -1,36 +1,36 @@
 import I from "../../../common/utils/AccountDisplayName.es.js";
-import { useAppConfig as D, useGlobalCopyStore as h, useGlobalUiStore as B } from "../../../common/context/hooks.es.js";
-import L from "../../../common/components/drawer/Drawer.es.js";
-import { formatCurrency as $ } from "../../../core/utils/NumberFormatting.es.js";
+import { useAppConfig as D, useGlobalCopyStore as h, useGlobalUiStore as $ } from "../../../common/context/hooks.es.js";
+import B from "../../../common/components/drawer/Drawer.es.js";
+import { formatCurrency as L } from "../../../core/utils/NumberFormatting.es.js";
 import k from "../../../common/components/ConnectDrawer.es.js";
 import { getAccountBalanceDetails as O } from "../../../accounts/utils/AccountFields.es.js";
 import S from "../../../accounts/components/AccountsListCompact.es.js";
 import r from "react";
-import { observer as G } from "mobx-react-lite";
-import { InstitutionLogo as M, P as R, Text as _ } from "@mxenabled/mxui";
-import y from "@mui/material/Button";
-import { ChevronRight as T } from "@mxenabled/mx-icons";
+import { observer as F } from "mobx-react-lite";
+import { InstitutionLogo as G, P as M, Text as _ } from "@mxenabled/mxui";
+import g from "@mui/material/Button";
+import { ChevronRight as R } from "@mxenabled/mx-icons";
 import { Fragment as s, jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useTheme as j } from "@mui/material/styles";
+import { useTheme as T } from "@mui/material/styles";
 import a from "@mui/material/Box";
-import z from "@mui/material/Divider";
-import F from "@mui/material/ListItem";
+import j from "@mui/material/Divider";
+import z from "@mui/material/ListItem";
 import N from "@mui/material/ListItemText";
 import P from "@mui/material/ListItemAvatar";
-var W = ({ loadAccounts: i, loadMoreLabel: b }) => {
-  const g = j(), { config: m } = D(), { connect: v, finstrong: l } = h(), { accounts: x } = h(), { selectedAccounts: u } = B(), [C, p] = r.useState(!1), [A, d] = r.useState(!1), n = r.useMemo(() => u.filter((e) => i ? i.includes(e.account_type) : !0), [u, i]), f = r.useMemo(() => n.slice(0, 3), [n]), w = (e) => {
+var W = ({ loadAccounts: i, loadMoreLabel: y }) => {
+  const b = T(), { config: m } = D(), { connect: v, finstrong: l } = h(), { accounts: x } = h(), { selectedAccounts: u } = $(), [C, p] = r.useState(!1), [A, d] = r.useState(!1), n = r.useMemo(() => u.filter((e) => i ? i.includes(e.account_type) : !0), [u, i]), f = r.useMemo(() => n.slice(0, 3), [n]), w = (e) => {
     const { firstValue: c } = O(e, x, m.display_available_balance_in_accounts);
     return c;
   };
   return n.length >= 1 ? /* @__PURE__ */ o(s, { children: [/* @__PURE__ */ t(a, {
     sx: {
-      border: `1px solid ${g.palette.divider}`,
+      border: `1px solid ${b.palette.divider}`,
       borderRadius: 2
     },
-    children: f.map((e, c) => /* @__PURE__ */ o(r.Fragment, { children: [/* @__PURE__ */ o(F, {
+    children: f.map((e, c) => /* @__PURE__ */ o(r.Fragment, { children: [/* @__PURE__ */ o(z, {
       sx: { px: 24 },
       children: [
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(M, {
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(G, {
           alt: "MX",
           institutionGuid: e.institution_guid ?? ""
         }) }),
@@ -43,15 +43,15 @@ var W = ({ loadAccounts: i, loadMoreLabel: b }) => {
             variant: "body1"
           } }
         }),
-        /* @__PURE__ */ t(R, {
+        /* @__PURE__ */ t(M, {
           bold: !0,
           variant: "body2",
-          children: $(w(e), "0,0.00")
+          children: L(w(e), "0,0.00")
         })
       ]
-    }), c < f.length - 1 && /* @__PURE__ */ t(z, { variant: "inset" })] }, e.guid))
-  }), n.length > 3 && /* @__PURE__ */ o(s, { children: [/* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(y, {
-    endIcon: /* @__PURE__ */ t(T, {}),
+    }), c < f.length - 1 && /* @__PURE__ */ t(j, { variant: "inset" })] }, e.guid))
+  }), n.length > 3 && /* @__PURE__ */ o(s, { children: [/* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(g, {
+    endIcon: /* @__PURE__ */ t(R, {}),
     onClick: () => p(!0),
     size: "small",
     sx: {
@@ -66,15 +66,15 @@ var W = ({ loadAccounts: i, loadMoreLabel: b }) => {
       children: [
         n.length - 3,
         " ",
-        b
+        y
       ]
     })
-  }) }), /* @__PURE__ */ t(L, {
+  }) }), /* @__PURE__ */ t(B, {
     isOpen: C,
     onClose: () => p(!1),
     title: l.accounts,
     children: /* @__PURE__ */ t(S, { loadAccounts: i })
-  })] })] }) : /* @__PURE__ */ o(s, { children: [/* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(y, {
+  })] })] }) : /* @__PURE__ */ o(s, { children: [/* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(g, {
     onClick: () => d(!0),
     size: "small",
     sx: {
@@ -94,7 +94,7 @@ var W = ({ loadAccounts: i, loadMoreLabel: b }) => {
     showConnectWidget: A,
     title: v.mini_title
   })] });
-}, at = G(W);
+}, at = F(W);
 export {
   at as default
 };

package/dist/finstrong/components/shared/ScoreHistoryTimeline.es.js

@@ -12,7 +12,7 @@ import m from "@mui/material/Box";
 import M from "@mui/material/Card";
 import j from "@mui/lab/Timeline";
 import { timelineItemClasses as k } from "@mui/lab/TimelineItem";
-var W = ({ report: a }) => {
+var F = ({ report: a }) => {
   const { finstrong: p } = I(), { score_history_drawer_timeline: o } = p, { health_score_point_difference: e, newer_credit_score: _, older_credit_score: f, older_spend_to_income_ratio: h, newer_spend_to_income_ratio: u, older_health_score: c, newer_health_score: g, newer_score_calculated_at: x } = a, y = R(new Date(x), "MMM d"), w = () => e === 0 ? "info.lighter" : e > 0 ? "success.lighter" : "error.lighter", C = () => e === 0 ? n(o.stayed_at, c) : e > 0 ? o.less_spending : o.more_spending, S = () => {
     if (e === 0) return null;
     const b = e > 0 ? o.up_from : o.down_from, v = n(b, c, g);
@@ -99,7 +99,7 @@ var W = ({ report: a }) => {
       })]
     })
   })] });
-}, V = T(W);
+}, V = T(F);
 export {
   V as default
 };

package/dist/finstrong/components/shared/Transactions.es.js

@@ -1,25 +1,25 @@
 import { useCategoryStore as T, useGlobalCopyStore as A } from "../../../common/context/hooks.es.js";
-import j from "../../../common/components/drawer/Drawer.es.js";
-import { formatCurrency as z } from "../../../core/utils/NumberFormatting.es.js";
-import { fromUnixToDayOfWeekAndDate as B } from "../../../core/utils/DateUtil.es.js";
-import G from "../../../common/components/ConnectDrawer.es.js";
-import M from "../../../transactions/components/shared/TransactionList.es.js";
+import $ from "../../../common/components/drawer/Drawer.es.js";
+import { formatCurrency as j } from "../../../core/utils/NumberFormatting.es.js";
+import { fromUnixToDayOfWeekAndDate as z } from "../../../core/utils/DateUtil.es.js";
+import B from "../../../common/components/ConnectDrawer.es.js";
+import G from "../../../transactions/components/shared/TransactionList.es.js";
 import _ from "react";
-import i from "@mui/material/Stack";
-import { MerchantLogo as R, P as f, Text as c } from "@mxenabled/mxui";
+import a from "@mui/material/Stack";
+import { MerchantLogo as M, P as f, Text as c } from "@mxenabled/mxui";
 import b from "@mui/material/Button";
-import { ChevronRight as $ } from "@mxenabled/mx-icons";
+import { ChevronRight as R } from "@mxenabled/mx-icons";
 import { Fragment as y, jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useTheme as L } from "@mui/material/styles";
+import { useTheme as F } from "@mui/material/styles";
 import d from "@mui/material/Box";
-var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition: v = "center", formatDate: C = B, secondaryIcon: s }) => {
-  const m = L(), { connect: w, finstrong: l, categories: k } = A(), [D, p] = _.useState(!1), [S, h] = _.useState(!1), { getCategoryName: I } = T(), a = 3, g = r.length > a, O = r.length - a;
+var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition: v = "center", formatDate: C = z, secondaryIcon: s }) => {
+  const m = F(), { connect: w, finstrong: l, categories: k } = A(), [D, p] = _.useState(!1), [S, g] = _.useState(!1), { getCategoryName: I } = T(), i = 3, h = r.length > i, O = r.length - i;
   let u = r;
-  return g && (u = r.map((t) => ({
+  return h && (u = r.map((t) => ({
     ...t,
     category: k.default_categories[t.top_level_category_guid]?.replace(/&/g, "&") ?? I(t.top_level_category_guid)
   })).sort((t, n) => n.date - t.date)), !r || r.length === 0 ? /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(b, {
-    onClick: () => h(!0),
+    onClick: () => g(!0),
     size: "small",
     sx: {
       my: 0,
@@ -33,18 +33,18 @@ var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition
       variant: "body1",
       children: l.connect_more_accounts_button
     })
-  }) }), /* @__PURE__ */ e(G, {
-    onClose: () => h(!1),
+  }) }), /* @__PURE__ */ e(B, {
+    onClose: () => g(!1),
     showConnectWidget: S,
     title: w.mini_title
-  })] }) : /* @__PURE__ */ o(i, {
+  })] }) : /* @__PURE__ */ o(a, {
     sx: { gap: 16 },
     children: [/* @__PURE__ */ e(d, {
       sx: {
         border: `1px solid ${m.palette.divider}`,
         borderRadius: 2
       },
-      children: r.slice(0, a).sort((t, n) => n.date - t.date).map((t, n) => /* @__PURE__ */ o(i, {
+      children: r.slice(0, i).sort((t, n) => n.date - t.date).map((t, n) => /* @__PURE__ */ o(a, {
         sx: {
           alignItems: "center",
           flexDirection: "row",
@@ -52,29 +52,29 @@ var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition
           pl: 24,
           pt: 14
         },
-        children: [/* @__PURE__ */ e(i, {
+        children: [/* @__PURE__ */ e(a, {
           sx: { pb: 14 },
-          children: /* @__PURE__ */ e(R, {
+          children: /* @__PURE__ */ e(M, {
             categoryGuid: t.top_level_category_guid || "",
             merchantGuid: t.merchant_guid || "",
             size: 32
           })
-        }), /* @__PURE__ */ o(i, {
+        }), /* @__PURE__ */ o(a, {
           sx: {
             alignItems: v,
             flexDirection: "row",
             gap: 12,
             justifyContent: "space-between",
-            ...n < Math.min(r.length, a) - 1 && { borderBottom: `1px solid ${m.palette.divider}` },
+            ...n < Math.min(r.length, i) - 1 && { borderBottom: `1px solid ${m.palette.divider}` },
             pb: 13,
             pr: 24,
             width: "100%"
           },
-          children: [/* @__PURE__ */ o(i, { children: [/* @__PURE__ */ e(f, {
+          children: [/* @__PURE__ */ o(a, { children: [/* @__PURE__ */ e(f, {
             bold: !0,
             variant: "body1",
             children: t.description
-          }), /* @__PURE__ */ o(i, {
+          }), /* @__PURE__ */ o(a, {
             sx: {
               flexDirection: "row",
               alignItems: "center",
@@ -91,12 +91,12 @@ var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition
               flexShrink: 0
             },
             variant: "body1",
-            children: z(t.amount, "0,0.00")
+            children: j(t.amount, "0,0.00")
           })]
         }, t.guid || n)]
       }, n))
-    }), g && /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(b, {
-      endIcon: /* @__PURE__ */ e($, {}),
+    }), h && /* @__PURE__ */ o(y, { children: [/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(b, {
+      endIcon: /* @__PURE__ */ e(R, {}),
       onClick: () => p(!0),
       size: "small",
       sx: {
@@ -114,11 +114,11 @@ var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition
           l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
         ]
       })
-    }) }), /* @__PURE__ */ e(j, {
+    }) }), /* @__PURE__ */ e($, {
       isOpen: D,
       onClose: () => p(!1),
       title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-      children: /* @__PURE__ */ e(M, { transaction: u })
+      children: /* @__PURE__ */ e(G, { transaction: u })
     })] })]
   });
 };

package/dist/finstrong/util/finstrongUtils.d.ts

@@ -65,7 +65,7 @@ export declare const getEmergencySavingsState: (dollars: number | null) => keyof
 export declare const getSpendToIncomeRatioState: (ratio: number | null) => keyof typeof CardStatus;
 export declare const getManageDebtRatioState: (ratio: number | null) => keyof typeof CardStatus;
 export declare const getCreditScoreState: (score: number | null) => keyof typeof CardStatus;
-export declare const getSpendingFeeCountState: (count: number | null) => "GOOD" | "MISSING" | "OFF_TRACK";
+export declare const getSpendingFeeCountState: (count: number | null) => "OFF_TRACK" | "GOOD" | "MISSING";
 export declare const getSpendingFeeCountStatus: (count: number | null, spendCopy: KeyIndicatorSpend) => {
     cardState: keyof typeof CardStatus;
     description: string;

package/dist/goals/GoalsWidget.es.js

@@ -1,13 +1,13 @@
 import { buildDynamicCopy as p } from "../core/utils/Localization.es.js";
-import { useAccountStore as P, useEvent as U, useGlobalCopyStore as Y, useGlobalUiStore as q, useGoalStore as H } from "../common/context/hooks.es.js";
-import { useScreenSize as J } from "../common/hooks/useScreenSize.es.js";
-import { useWidgetLoadTimer as Q } from "../common/hooks/useWidgetLoadTimer.es.js";
-import X from "../common/components/drawer/Drawer.es.js";
+import { useAccountStore as P, useEvent as U, useGlobalCopyStore as Y, useGlobalUiStore as $, useGoalStore as q } from "../common/context/hooks.es.js";
+import { useScreenSize as H } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as J } from "../common/hooks/useWidgetLoadTimer.es.js";
+import Q from "../common/components/drawer/Drawer.es.js";
 import { ANALYTICS_EVENTS as T } from "../common/constants/Analytics.es.js";
 import { TrackType as o } from "../core/types/Goal.es.js";
 import { formatCurrency as C } from "../core/utils/NumberFormatting.es.js";
-import Z from "../common/components/Loader.es.js";
-import { WidgetContainer as $ } from "../common/components/WidgetContainer.es.js";
+import X from "../common/components/Loader.es.js";
+import { WidgetContainer as Z } from "../common/components/WidgetContainer.es.js";
 import { EmptyState as tt } from "../common/components/EmptyState.es.js";
 import { TabTitle as A } from "./components/TabTitle.es.js";
 import { GoalList as S } from "./components/GoalList.es.js";
@@ -22,8 +22,8 @@ import rt from "@mui/material/Tabs";
 import st from "@mui/material/Alert";
 import nt from "@mui/material/Snackbar";
 var xt = at(({ onBackClick: E, onMenuClick: L, sx: D }) => {
-  const { onEvent: b } = U(), { isMobile: r } = J(), { isAccountDataLoaded: v, loadAccountData: R } = P(), { isInitialized: _ } = q(), { goals: e, common: I } = Y(), { alert: h, allGoals: k, goals: x, isAllGoalDataLoaded: s, loadGoalData: K, monthlyCashFlowProfile: f, setAlert: G, retirmentGoals: N } = H(), [n, m] = i.useState(0), [w, u] = i.useState(!1), O = f?.amount_allocated_for_savings_goals || 0, W = f?.amount_allocated_for_debt_goals || 0, F = f?.amount_allocated_for_retirement_goals || 0;
-  Q({
+  const { onEvent: b } = U(), { isMobile: r } = H(), { isAccountDataLoaded: v, loadAccountData: R } = P(), { isInitialized: _ } = $(), { goals: e, common: I } = Y(), { alert: h, allGoals: k, goals: x, isAllGoalDataLoaded: s, loadGoalData: K, monthlyCashFlowProfile: f, setAlert: G, retirmentGoals: N } = q(), [n, m] = i.useState(0), [w, u] = i.useState(!1), F = f?.amount_allocated_for_savings_goals || 0, O = f?.amount_allocated_for_debt_goals || 0, W = f?.amount_allocated_for_retirement_goals || 0;
+  J({
     widgetName: "GoalsWidget",
     isLoaded: s
   }), i.useEffect(() => {
@@ -42,9 +42,9 @@ var xt = at(({ onBackClick: E, onMenuClick: L, sx: D }) => {
     s,
     N
   ]);
-  if (!_ || !s) return /* @__PURE__ */ t(Z, {});
-  const M = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(O, "0,0")), V = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(W, "0,0")), j = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(F, "0,0"));
-  return /* @__PURE__ */ c($, {
+  if (!_ || !s) return /* @__PURE__ */ t(X, {});
+  const M = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(F, "0,0")), V = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(O, "0,0")), j = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(W, "0,0"));
+  return /* @__PURE__ */ c(Z, {
     actions: [{
       iconName: "add",
       label: e.add_title,
@@ -114,7 +114,7 @@ var xt = at(({ onBackClick: E, onMenuClick: L, sx: D }) => {
         ] })]
       }),
       /* @__PURE__ */ t(ot, { onClose: y }),
-      /* @__PURE__ */ t(X, {
+      /* @__PURE__ */ t(Q, {
         ariaLabelClose: I.close_aria,
         isOpen: w,
         onClose: () => u(!1),

package/dist/insights/components/insights/CustomTransaction/CustomTransaction.es.js

@@ -1,24 +1,24 @@
-import { BeatCard as p } from "../../shared/InsightsCard/BeatCard.es.js";
-import { InsightButton as e } from "../../shared/InsightsCard/InsightButton.es.js";
-import { ButtonActionType as f } from "../../../types/CommonBeat.es.js";
+import { BeatCard as e } from "../../shared/InsightsCard/BeatCard.es.js";
+import { InsightButton as p } from "../../shared/InsightsCard/InsightButton.es.js";
+import { ButtonActionType as s } from "../../../types/CommonBeat.es.js";
 import "react";
-import { Fragment as s, jsx as o } from "react/jsx-runtime";
-var g = ({ altLoadingText: m, beat: t, buttonProps: r, header: i, isMini: n, ...a }) => /* @__PURE__ */ o(p, {
+import { Fragment as f, jsx as t } from "react/jsx-runtime";
+var d = ({ altLoadingText: m, beat: o, buttonProps: r, header: n, isMini: i, ...a }) => /* @__PURE__ */ t(e, {
   altLoadingText: m,
-  beat: t,
-  button: /* @__PURE__ */ o(e, {
-    beat: t,
+  beat: o,
+  button: /* @__PURE__ */ t(p, {
+    beat: o,
     ...r,
-    onClick: (c) => r?.onClick?.(c, f.Primary)
+    onClick: (c) => r?.onClick?.(c, s.Primary)
   }),
   contentProps: { sx: { mt: -16 } },
-  header: i,
-  isMini: n,
+  header: n,
+  isMini: i,
   ...a,
-  children: /* @__PURE__ */ o(s, {})
+  children: /* @__PURE__ */ t(f, {})
 });
 export {
-  g as CustomTransaction
+  d as CustomTransaction
 };
 
 //# sourceMappingURL=CustomTransaction.es.js.map

package/dist/insights/components/insights/UserFeedback/UserFeedback.es.js

@@ -5,21 +5,21 @@ import u from "react";
 import { Text as l } from "@mxenabled/mxui";
 import { Fragment as W, jsx as t, jsxs as s } from "react/jsx-runtime";
 import { useTheme as q } from "@mui/material/styles";
-import { Alert as D, Box as v, Grow as G, Stack as f, TextField as L, ToggleButtonGroup as P } from "@mui/material";
-var Z = ({ beat: S, buttonProps: I, content: e, handleFeedbackSubmit: k, header: E, isMini: w, ...A }) => {
-  const g = q(), _ = new Array(5).fill(!1), [r, B] = u.useState(0), [a, b] = u.useState(_), [m, x] = u.useState(""), [F, C] = u.useState([]), y = a.findIndex(Boolean), c = [
+import { Alert as D, Box as v, Grow as $, Stack as f, TextField as G, ToggleButtonGroup as L } from "@mui/material";
+var Z = ({ beat: g, buttonProps: I, content: e, handleFeedbackSubmit: k, header: E, isMini: w, ...F }) => {
+  const S = q(), _ = new Array(5).fill(!1), [r, A] = u.useState(0), [a, b] = u.useState(_), [m, x] = u.useState(""), [B, C] = u.useState([]), y = a.findIndex(Boolean), c = [
     e.question1,
     e.question2,
     e.question3
   ], h = r < 2, p = r === 2, T = r === c.length - 1, i = r === c.length, N = (o, n) => {
-    b(a.map((V, O) => O.toString() === n));
+    b(a.map((P, O) => O.toString() === n));
   }, U = () => {
     let o;
     if (h) o = y + 1;
     else if (p) o = m;
     else return;
-    const n = [...F, o];
-    C(n), B(r + 1), b(_), x(""), T && k(n);
+    const n = [...B, o];
+    C(n), A(r + 1), b(_), x(""), T && k(n);
   }, d = {
     component: "span",
     fontWeight: "bold",
@@ -27,10 +27,10 @@ var Z = ({ beat: S, buttonProps: I, content: e, handleFeedbackSubmit: k, header:
     truncate: !1
   };
   return /* @__PURE__ */ t(j, {
-    beat: S,
+    beat: g,
     button: !i && /* @__PURE__ */ t(Q, {
       beat: {
-        ...S,
+        ...g,
         call_to_action: T ? e.submit_feedback : e.continue
       },
       ...I,
@@ -42,12 +42,12 @@ var Z = ({ beat: S, buttonProps: I, content: e, handleFeedbackSubmit: k, header:
       ...E,
       sx: { mb: 0 }
     },
-    ...A,
+    ...F,
     children: /* @__PURE__ */ s(f, {
       width: "100%",
       children: [/* @__PURE__ */ t(l, {
         ...d,
-        color: g.palette.secondary.main,
+        color: S.palette.secondary.main,
         fontWeight: "regular",
         children: e.description
       }), /* @__PURE__ */ s(f, {
@@ -63,7 +63,7 @@ var Z = ({ beat: S, buttonProps: I, content: e, handleFeedbackSubmit: k, header:
             ...d,
             children: i ? e.thank_you : `${c[r]} `
           }), !i && /* @__PURE__ */ s(l, {
-            color: g.palette.secondary.main,
+            color: S.palette.secondary.main,
             component: "span",
             variant: "caption",
             children: [
@@ -77,7 +77,7 @@ var Z = ({ beat: S, buttonProps: I, content: e, handleFeedbackSubmit: k, header:
         }), /* @__PURE__ */ s(f, {
           mt: 16,
           children: [
-            h && /* @__PURE__ */ s(W, { children: [/* @__PURE__ */ t(P, {
+            h && /* @__PURE__ */ s(W, { children: [/* @__PURE__ */ t(L, {
               exclusive: !0,
               fullWidth: !0,
               onChange: N,
@@ -100,7 +100,7 @@ var Z = ({ beat: S, buttonProps: I, content: e, handleFeedbackSubmit: k, header:
                 children: e.strongly_agree
               })]
             })] }),
-            p && /* @__PURE__ */ t(L, {
+            p && /* @__PURE__ */ t(G, {
               autoFocus: !0,
               id: "feedback",
               label: e.feedback,
@@ -112,7 +112,7 @@ var Z = ({ beat: S, buttonProps: I, content: e, handleFeedbackSubmit: k, header:
               placeholder: e.feedback_placeholder,
               value: m
             }),
-            i && /* @__PURE__ */ t(G, {
+            i && /* @__PURE__ */ t($, {
               in: !0,
               children: /* @__PURE__ */ t(D, {
                 severity: "success",

package/dist/insights/components/shared/DeepLinks/DirectDeposit/DirectDepositDeepLink.es.js

@@ -10,7 +10,7 @@ import { Icon as c } from "@mxenabled/mx-icons";
 import { Fragment as D, jsx as e, jsxs as r } from "react/jsx-runtime";
 import m from "@mui/material/Box";
 import S from "@mui/material/LinearProgress";
-var O = ({ copy: t, institution_guid: _, isComplete: f, isError: s, isLoading: h, ...x }) => {
+var M = ({ copy: t, institution_guid: _, isComplete: f, isError: s, isLoading: h, ...x }) => {
   const [u, p] = a.useState(t.were_working_on_it), [i, b] = a.useState(0);
   return a.useEffect(() => {
     if (i <= 2) {
@@ -157,7 +157,7 @@ var O = ({ copy: t, institution_guid: _, isComplete: f, isError: s, isLoading: h
   });
 };
 export {
-  O as DirectDepositDeepLink
+  M as DirectDepositDeepLink
 };
 
 //# sourceMappingURL=DirectDepositDeepLink.es.js.map

package/dist/insights/components/shared/DirectDeposit/DirectDepositSubHeader.es.js

@@ -1,20 +1,20 @@
 import "react";
-import { Text as p } from "@mxenabled/mxui";
-import { Icon as x } from "@mxenabled/mx-icons";
-import { Fragment as f, jsx as o, jsxs as n } from "react/jsx-runtime";
-var u = ({ boldText: t, iconColor: e, iconFill: i, iconSX: m, name: r, size: c, subHeaderString: s, textSX: l }) => /* @__PURE__ */ n(f, { children: [r && /* @__PURE__ */ o(x, {
+import { Text as l } from "@mxenabled/mxui";
+import { Icon as n } from "@mxenabled/mx-icons";
+import { Fragment as p, jsx as o, jsxs as x } from "react/jsx-runtime";
+var j = ({ boldText: t, iconColor: e, iconFill: i, iconSX: m, name: r, size: s, subHeaderString: c, textSX: a }) => /* @__PURE__ */ x(p, { children: [r && /* @__PURE__ */ o(n, {
   color: e,
   fill: i,
   name: r,
-  size: c,
+  size: s,
   sx: m
-}), /* @__PURE__ */ o(p, {
+}), /* @__PURE__ */ o(l, {
   bold: t,
-  sx: l,
-  children: s
+  sx: a,
+  children: c
 })] });
 export {
-  u as DirectDepositSubHeader
+  j as DirectDepositSubHeader
 };
 
 //# sourceMappingURL=DirectDepositSubHeader.es.js.map