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

package/dist/{Help-B6dIcujh.mjs → Help-DBfsTkAi.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as _, jsx as t, Fragment as ht } from "react/jsx-runtime";
 import r, { useState as vt } from "react";
-import O from "@mui/material/Box";
+import N from "@mui/material/Box";
 import it from "@mui/material/Accordion";
 import nt from "@mui/material/AccordionDetails";
 import st from "@mui/material/AccordionSummary";
@@ -13,22 +13,22 @@ import E from "@mui/material/Stack";
 import { H3 as y, P as H, Icon as X, Text as T, H2 as _t, InstitutionLogo as bt } from "@mxenabled/mxui";
 import { ExpandMore as ot, ChevronRight as wt } from "@mxenabled/mx-icons";
 import xt from "@mui/material/Breadcrumbs";
-import { u as V, A as tt, d as ft, p as St, b as It, a as Tt } from "./hooks-D6XlXHf4.mjs";
+import { u as V, A as tt, d as ft, p as St, b as It, a as Tt } from "./hooks-C41HAxM5.mjs";
 import { useTheme as Z } from "@mui/material/styles";
 import { b as s } from "./Localization-2MODESHW.mjs";
-import { E as Et, a as Ct, P as At } from "./Help-DhcC-C05.mjs";
+import { E as Et, a as Ct, P as At } from "./Help-c-zHlDbv.mjs";
 import { observer as rt } from "mobx-react-lite";
 import at from "@mui/material/Alert";
 import ct from "@mui/material/Snackbar";
 import lt from "@mui/material/TextField";
-import { D as U } from "./Drawer-kEE73B87.mjs";
-import { L as dt } from "./Loader-DUaFpDGv.mjs";
-import Ot from "@mui/material/ListItemAvatar";
-import Nt from "@mui/material/ListItem";
+import { D as U } from "./Drawer-BF40nbsH.mjs";
+import { L as dt } from "./Loader-Ckqi9Rx6.mjs";
+import Nt from "@mui/material/ListItemAvatar";
+import Ot from "@mui/material/ListItem";
 import Dt from "@mui/material/ListItemIcon";
 import Lt from "@mui/material/ListItemText";
-import { u as Rt } from "./useScreenSize-B6JyS_Lj.mjs";
-const Gt = (e, i, n) => {
+import { u as Rt } from "./useScreenSize-B5afALev.mjs";
+const kt = (e, i, n) => {
   const l = i.reduce((c, { institution_guid: d }) => (c[d] = (c[d] || 0) + 1, c), {});
   return e.filter(({ guid: c }) => !!l[c]).map(({ guid: c, ...d }) => {
     const g = `${l[c]} ${l[c] === 1 ? n.singular : n.plural}`;
@@ -38,7 +38,7 @@ const Gt = (e, i, n) => {
       subtitle: g
     };
   });
-}, kt = ({
+}, Ft = ({
   buttonText: e,
   hasRequestButton: i = !1,
   helpCategories: n = [],
@@ -61,7 +61,7 @@ const Gt = (e, i, n) => {
         children: [
           /* @__PURE__ */ _(E, { children: [
             /* @__PURE__ */ t(y, { children: c }),
-            /* @__PURE__ */ t(H, { variant: "Body", children: l })
+            /* @__PURE__ */ t(H, { variant: "body1", children: l })
           ] }),
           i && /* @__PURE__ */ t(
             E,
@@ -79,9 +79,9 @@ const Gt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(E, { sx: { flexDirection: { xs: "column", md: "row" }, gap: 12 }, children: [0, 1].map((w) => {
-      const N = w === 0 ? 0 : v, D = w === 0 ? v : n.length, $ = n.slice(N, D);
-      return /* @__PURE__ */ t(E, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: $.map(({ guid: F, icon: x, topics: S, title: B }, R) => {
-        const P = R + N;
+      const O = w === 0 ? 0 : v, D = w === 0 ? v : n.length, z = n.slice(O, D);
+      return /* @__PURE__ */ t(E, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: z.map(({ guid: G, icon: x, topics: S, title: B }, R) => {
+        const P = R + O;
         return /* @__PURE__ */ _(
           it,
           {
@@ -89,7 +89,7 @@ const Gt = (e, i, n) => {
             expanded: P === h,
             onChange: (L, W) => f(W ? P : null),
             sx: (L) => ({
-              border: `1px solid ${L.palette.border?.light}`,
+              border: `1px solid ${L.palette.neutral?.light}`,
               borderRadius: "8px !important",
               "&:before": {
                 opacity: 0
@@ -108,7 +108,7 @@ const Gt = (e, i, n) => {
                   sx: { height: 64, p: "14px 24px" },
                   children: /* @__PURE__ */ _(E, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
                     /* @__PURE__ */ t(X, { name: x, size: 24 }),
-                    /* @__PURE__ */ t(T, { variant: "Body", children: B })
+                    /* @__PURE__ */ t(T, { variant: "body1", children: B })
                   ] })
                 }
               ),
@@ -125,16 +125,16 @@ const Gt = (e, i, n) => {
                     {
                       "aria-label": L,
                       divider: !0,
-                      onClick: () => g({ guid: F, category: B, pageTitle: L, topicKey: W }),
+                      onClick: () => g({ guid: G, category: B, pageTitle: L, topicKey: W }),
                       sx: {
                         pl: "6px !important",
-                        borderColor: "border.light",
+                        borderColor: "neutral.light",
                         "&:last-child": {
                           border: "none !important",
                           borderBottomRightRadius: 7
                         }
                       },
-                      children: /* @__PURE__ */ t(T, { color: "secondary", variant: "Small", children: L })
+                      children: /* @__PURE__ */ t(T, { color: "secondary", variant: "body2", children: L })
                     },
                     W
                   )) })
@@ -142,7 +142,7 @@ const Gt = (e, i, n) => {
               )
             ]
           },
-          F
+          G
         );
       }) }, w);
     }) })
@@ -157,15 +157,12 @@ const Gt = (e, i, n) => {
 }) => {
   const g = Z();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(O, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
-      /* @__PURE__ */ t(C, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: i }),
+    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
+      /* @__PURE__ */ t(C, { size: 12, children: i }),
       /* @__PURE__ */ t(
         C,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { sm: 12, md: 12, xs: 12, lg: c },
           sx: {
             m: "0 auto",
             [g.breakpoints.between("sm", "lg")]: {
@@ -180,14 +177,13 @@ const Gt = (e, i, n) => {
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
     ] }) }),
     n && /* @__PURE__ */ t(M, {})
   ] });
-}, Ft = ({
+}, Gt = ({
   buttonCopy: e,
   hasRequestButton: i,
   onNavigateToList: n,
@@ -198,25 +194,25 @@ const Gt = (e, i, n) => {
   const { help: g } = V();
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ _(C, { container: !0, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ _(C, { item: !0, sm: 6, xs: 12, children: [
+      /* @__PURE__ */ _(C, { size: { sm: 6, xs: 12 }, children: [
         /* @__PURE__ */ t(y, { color: "text.primary", children: c }),
         /* @__PURE__ */ _(
           xt,
           {
-            separator: /* @__PURE__ */ t(T, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "Small", children: "/" }),
+            separator: /* @__PURE__ */ t(T, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "body2", children: "/" }),
             children: [
               /* @__PURE__ */ t(
                 T,
                 {
                   bold: !0,
-                  color: "primary.lighter",
+                  color: "primary.light",
                   onClick: n,
                   sx: { cursor: "pointer", fontWeight: 700 },
-                  variant: "Small",
+                  variant: "body2",
                   children: g.list_title
                 }
               ),
-              /* @__PURE__ */ t(T, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "Small", children: d })
+              /* @__PURE__ */ t(T, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "body2", children: d })
             ]
           }
         )
@@ -224,14 +220,12 @@ const Gt = (e, i, n) => {
       i && /* @__PURE__ */ t(
         C,
         {
-          item: !0,
-          sm: 6,
+          size: { sm: 6, xs: 12 },
           sx: {
             display: "flex",
             justifyContent: { sm: "flex-end" },
             mt: { xs: 24, sm: 0 }
           },
-          xs: 12,
           children: /* @__PURE__ */ t(q, { "aria-label": e, onClick: l, variant: "contained", children: e })
         }
       )
@@ -248,14 +242,11 @@ const Gt = (e, i, n) => {
 }) => {
   const g = Z();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(O, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
       /* @__PURE__ */ t(
         C,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { sm: 12, md: 12, xs: 12, lg: c },
           sx: {
             alignSelf: "stretch",
             [g.breakpoints.between("sm", "lg")]: {
@@ -270,11 +261,10 @@ const Gt = (e, i, n) => {
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       ),
-      /* @__PURE__ */ t(C, { item: !0, lg: 12 - c, md: 12, sm: 12, xs: 12, children: i })
+      /* @__PURE__ */ t(C, { size: { lg: 12 - c, md: 12, sm: 12, xs: 12 }, children: i })
     ] }) }),
     n && /* @__PURE__ */ t(M, {})
   ] });
@@ -283,9 +273,9 @@ const Gt = (e, i, n) => {
   hasDivider: i = !0,
   sx: n
 }) => /* @__PURE__ */ _(ht, { children: [
-  /* @__PURE__ */ t(O, { sx: { pb: 48, ...n }, children: e }),
+  /* @__PURE__ */ t(N, { sx: { pb: 48, ...n }, children: e }),
   i && /* @__PURE__ */ t(M, {})
-] }), G = ({
+] }), k = ({
   altImage: e,
   content: i,
   hasDivider: n = !0,
@@ -295,15 +285,12 @@ const Gt = (e, i, n) => {
 }) => {
   const g = Z();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(O, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ t(C, { item: !0, lg: 12 - c, md: 12, sm: 12, xs: 12, children: i }),
+    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ t(C, { size: { lg: 12 - c, md: 12, sm: 12, xs: 12 }, children: i }),
       /* @__PURE__ */ t(
         C,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { lg: c, md: 12, sm: 12, xs: 12 },
           sx: {
             [g.breakpoints.between("sm", "lg")]: {
               display: "flex",
@@ -316,14 +303,13 @@ const Gt = (e, i, n) => {
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
     ] }) }),
     n && /* @__PURE__ */ t(M, {})
   ] });
-}, k = ({
+}, F = ({
   altImage: e,
   content: i,
   hasDivider: n = !0,
@@ -333,14 +319,11 @@ const Gt = (e, i, n) => {
 }) => {
   const g = Z();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(O, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
+    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
       /* @__PURE__ */ t(
         C,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { lg: c, md: 12, sm: 12, xs: 12 },
           sx: {
             m: "0 auto",
             [g.breakpoints.between("sm", "lg")]: {
@@ -355,11 +338,10 @@ const Gt = (e, i, n) => {
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       ),
-      /* @__PURE__ */ t(C, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: i })
+      /* @__PURE__ */ t(C, { size: 12, children: i })
     ] }) }),
     n && /* @__PURE__ */ t(M, {})
   ] });
@@ -371,16 +353,14 @@ const Gt = (e, i, n) => {
   subListType: c = "ol"
 }) => {
   const d = i, g = c;
-  return /* @__PURE__ */ t(O, { sx: { [i]: { m: 0, p: 0, pl: 16, "& li::marker": { fontSize: 15 } } }, children: /* @__PURE__ */ t(d, { children: e.map((h, f) => /* @__PURE__ */ _("li", { children: [
+  return /* @__PURE__ */ t(N, { sx: { [i]: { m: 0, p: 0, pl: 16, "& li::marker": { fontSize: 15 } } }, children: /* @__PURE__ */ t(d, { children: e.map((h, f) => /* @__PURE__ */ _("li", { children: [
     /* @__PURE__ */ t(o, { content: h, sx: { py: 1 } }),
     n === f ? /* @__PURE__ */ t(g, { ...c === "ol" && { type: "a" }, children: l.map((v, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { content: v, sx: { py: 1 } }) }, w)) }) : null
   ] }, f)) }) });
 }, m = "https://content.moneydesktop.com/storage/MD_Assets/md/help", p = {
   ACCOUNT_DETAILS: `${m}/account/AccountDetails.png`,
   ACCOUNT_OVERVIEW: `${m}/account/AccountsOverview.png`,
-  ACCOUNT_ADD: `${m}/account/AddAccount.png`,
   ACCOUNT_BROKEN_CONNECTION: `${m}/account/BrokenConnection.png`,
-  ACCOUNT_HIDE: `${m}/account/AccountHide.png`,
   ACCOUNT_MANAGE_CONNECTIONS: `${m}/account/ManageConnections.png`,
   BUDGETS_ADD_SUB_BUDGET: `${m}/budgets/AddSubBudget.png`,
   BUDGETS_WIDGET: `${m}/budgets/BudgetWidget.png`,
@@ -395,7 +375,6 @@ const Gt = (e, i, n) => {
   GENERAL_CATEGORIZE_TRANSACTIONS: `${m}/general/CategorizeTransactions.png`,
   GOALS_CREATE_GOAL: `${m}/goals/CreateGoal.png`,
   GOALS_DEBT_GOALS: `${m}/goals/DebtGoals.png`,
-  GOALS_WIDGET_OVERVIEW: `${m}/goals/GoalsWidgetOverview.png`,
   GOALS_MANAGE_GOALS: `${m}/goals/ManageGoals.png`,
   GOALS_RETIREMENT_GOALS: `${m}/goals/RetirementGoals.png`,
   GOALS_SAVINGS_GOALS: `${m}/goals/SavingsGoals.png`,
@@ -421,7 +400,7 @@ const Gt = (e, i, n) => {
 }, Bt = ({ copy: e, topicKey: i }) => ({
   "accounts-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      G,
+      k,
       {
         altImage: e.accounts_overview.alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -478,7 +457,7 @@ const Gt = (e, i, n) => {
     ),
     /* @__PURE__ */ t(u, { content: e.accounts_overview.add_account_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      k,
+      F,
       {
         altImage: e.accounts_overview.alt_image_manage_connections,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -659,7 +638,7 @@ const Gt = (e, i, n) => {
   return {
     "budgets-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        G,
+        k,
         {
           altImage: n.overview_alt_image,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -713,7 +692,7 @@ const Gt = (e, i, n) => {
       ),
       /* @__PURE__ */ t(u, { content: n.create_budget_title, sx: { pt: 48 } }),
       /* @__PURE__ */ t(
-        G,
+        k,
         {
           altImage: n.create_budget_alt_image,
           content: /* @__PURE__ */ t(r.Fragment, { children: /* @__PURE__ */ t(
@@ -747,7 +726,7 @@ const Gt = (e, i, n) => {
 }, Wt = ({ copy: e, topicKey: i }) => ({
   "cash-flow-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      G,
+      k,
       {
         altImage: e.cashflow_overview.alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -771,7 +750,7 @@ const Gt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      G,
+      k,
       {
         altImage: e.cashflow_overview.alt_image_expense_details,
         content: /* @__PURE__ */ t(
@@ -796,7 +775,7 @@ const Gt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      G,
+      k,
       {
         altImage: e.cashflow_overview.alt_image_manage_expenses,
         content: /* @__PURE__ */ t(o, { content: e.cashflow_overview.manage_expenses_instruction, sx: { mt: 24 } }),
@@ -808,7 +787,7 @@ const Gt = (e, i, n) => {
 })[i], Mt = ({ copy: e }) => {
   const i = e.debts, n = {
     overviewSection: /* @__PURE__ */ t(
-      k,
+      F,
       {
         altImage: i.overview_image_alt,
         content: /* @__PURE__ */ t(
@@ -826,7 +805,7 @@ const Gt = (e, i, n) => {
       }
     ),
     snowballMethod: /* @__PURE__ */ t(
-      G,
+      k,
       {
         altImage: i.snowball_method,
         content: /* @__PURE__ */ t(o, { content: i.snowball_method_desc, sx: { mt: 24 } }),
@@ -1044,7 +1023,7 @@ const Gt = (e, i, n) => {
     /* @__PURE__ */ t(u, { content: i.extra_payments, sx: { pt: 48 } }),
     n.extraPayments
   ] });
-}, $t = ({ topicKey: e, copy: i }) => {
+}, zt = ({ topicKey: e, copy: i }) => {
   const { general_faqs: n } = i;
   return {
     "is-my-data-private-and-secure": /* @__PURE__ */ t(
@@ -1231,7 +1210,7 @@ const Gt = (e, i, n) => {
     ),
     /* @__PURE__ */ t(u, { content: i.create_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      k,
+      F,
       {
         altImage: "create_goal",
         content: /* @__PURE__ */ t(
@@ -1379,11 +1358,11 @@ const Gt = (e, i, n) => {
       }
     )
   ] });
-}, zt = ({ copy: e }) => {
+}, $t = ({ copy: e }) => {
   const i = e.investments;
   return {
     overviewSection: /* @__PURE__ */ t(
-      k,
+      F,
       {
         altImage: i.overview,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1445,7 +1424,7 @@ const Gt = (e, i, n) => {
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(o, { content: i.mobile_devices_overview_header_text }),
     /* @__PURE__ */ t(
-      k,
+      F,
       {
         altImage: i.alt_image_add_mobile_devices,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1520,7 +1499,7 @@ const Gt = (e, i, n) => {
   return {
     "net-worth-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        k,
+        F,
         {
           altImage: n.alt_image_net_worth_overview,
           content: /* @__PURE__ */ t(
@@ -1648,7 +1627,7 @@ const Gt = (e, i, n) => {
 }, Vt = ({ copy: e, topicKey: i }) => ({
   "notifications-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      G,
+      k,
       {
         altImage: e.notifications_overview.alt_image,
         content: /* @__PURE__ */ t(
@@ -1673,7 +1652,7 @@ const Gt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      G,
+      k,
       {
         altImage: e.notifications_overview.alt_image_managing_notifications,
         content: /* @__PURE__ */ t(r.Fragment, { children: /* @__PURE__ */ t(
@@ -1757,7 +1736,7 @@ const Gt = (e, i, n) => {
 })[i], jt = ({ copy: e }) => {
   const i = e.recurring_transactions, n = {
     overviewSsction: /* @__PURE__ */ t(
-      k,
+      F,
       {
         altImage: i.overview_alt_image,
         content: /* @__PURE__ */ t(
@@ -1851,7 +1830,7 @@ const Gt = (e, i, n) => {
   return {
     "spending-widget-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        k,
+        F,
         {
           altImage: n.alt_image,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1950,7 +1929,7 @@ const Gt = (e, i, n) => {
 }, Zt = ({ copy: e, topicKey: i }) => ({
   "transactions-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      k,
+      F,
       {
         altImage: e.transactions_widget_overview.widget_overview_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1989,7 +1968,7 @@ const Gt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      G,
+      k,
       {
         altImage: e.transactions_widget_overview.edit_transactions_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2285,7 +2264,7 @@ const Gt = (e, i, n) => {
     )
   ] }),
   "exporting-transactions": /* @__PURE__ */ t(
-    k,
+    F,
     {
       altImage: e.export_transactions.export_transactions_alt_image,
       content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2325,7 +2304,7 @@ const Gt = (e, i, n) => {
   )
 })[i], Yt = ({ copy: e }) => /* @__PURE__ */ _(r.Fragment, { children: [
   /* @__PURE__ */ t(
-    k,
+    F,
     {
       altImage: e.trends_widget_overview.widget_overview_alt_image,
       content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2437,7 +2416,7 @@ const Gt = (e, i, n) => {
       ),
       /* @__PURE__ */ t(u, { content: n.dashboard_insights_section_title, sx: { mt: 48 } }),
       /* @__PURE__ */ t(
-        G,
+        k,
         {
           altImage: n.alt_image_dashboard_insights,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2525,10 +2504,10 @@ const Gt = (e, i, n) => {
   budgets: Pt,
   cashflow: Wt,
   debts: Mt,
-  general: $t,
+  general: zt,
   goals: qt,
   insights: Jt,
-  investments: zt,
+  investments: $t,
   mobile: Ht,
   networth: Ut,
   recurring_transactions: jt,
@@ -2545,7 +2524,7 @@ const Gt = (e, i, n) => {
   const { help: f } = V(), v = Kt[h] || null;
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      Ft,
+      Gt,
       {
         buttonCopy: e.request_support,
         hasRequestButton: i,
@@ -2575,18 +2554,18 @@ const Gt = (e, i, n) => {
         flexDirection: l ? "column-reverse" : "column"
       },
       children: [
-        /* @__PURE__ */ _(O, { children: [
+        /* @__PURE__ */ _(N, { children: [
           /* @__PURE__ */ _(E, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
             i && /* @__PURE__ */ t(X, { name: "help", size: 20, sx: { color: "text.primary" } }),
-            /* @__PURE__ */ t(T, { color: "text.primary", variant: "H3", children: d })
+            /* @__PURE__ */ t(T, { color: "text.primary", variant: "h3", children: d })
           ] }),
-          n && /* @__PURE__ */ t(T, { color: "text.primary", variant: "H3", children: n })
+          n && /* @__PURE__ */ t(T, { color: "text.primary", variant: "h3", children: n })
         ] }),
-        /* @__PURE__ */ t(T, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "Small", children: c })
+        /* @__PURE__ */ t(T, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "body2", children: c })
       ]
     }
   ),
-  e && /* @__PURE__ */ t(H, { color: "text.secondary", sx: { px: 24 }, variant: "Small", children: e })
+  e && /* @__PURE__ */ t(H, { color: "text.secondary", sx: { px: 24 }, variant: "body2", children: e })
 ] }), yt = ({
   alert: e,
   copy: i,
@@ -2599,16 +2578,16 @@ const Gt = (e, i, n) => {
   setAlert: f,
   topic: v
 }) => {
-  const [w, N] = r.useState(""), D = () => !c && g(), $ = () => {
-    N(""), h(w);
-  }, F = l ? i.request_support_institution_short_content : i.request_support_contact_short_content;
+  const [w, O] = r.useState(""), D = () => !c && g(), z = () => {
+    O(""), h(w);
+  }, G = l ? i.request_support_institution_short_content : i.request_support_contact_short_content;
   return /* @__PURE__ */ _(
     U,
     {
       isOpen: d,
       isPrimaryDisabled: !w || !n,
       onClose: D,
-      onPrimaryAction: $,
+      onPrimaryAction: z,
       onSecondaryAction: D,
       secondaryColor: "primary",
       title: i.request_support,
@@ -2620,11 +2599,11 @@ const Gt = (e, i, n) => {
               hasIcon: !l,
               institution: l,
               reverse: !!l,
-              subtitle: F,
+              subtitle: G,
               title: v
             }
           ),
-          /* @__PURE__ */ t(O, { sx: { px: 24 }, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(N, { sx: { px: 24 }, children: /* @__PURE__ */ t(
             lt,
             {
               InputLabelProps: { shrink: !0 },
@@ -2633,7 +2612,7 @@ const Gt = (e, i, n) => {
               helperText: n ? null : i.request_support_email_not_exists_message,
               label: i.request_contact_support_label,
               multiline: !0,
-              onChange: ({ target: { value: x } }) => N(x),
+              onChange: ({ target: { value: x } }) => O(x),
               sx: {
                 "& .MuiInputBase-root": { alignItems: "flex-start", minHeight: 124 },
                 "& .MuiInputBase-input::placeholder": {
@@ -2645,7 +2624,7 @@ const Gt = (e, i, n) => {
               variant: "outlined"
             }
           ) }),
-          /* @__PURE__ */ t(O, { sx: { p: "12px 24px 64px" }, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(N, { sx: { p: "12px 24px 64px" }, children: /* @__PURE__ */ t(
             T,
             {
               color: "secondary",
@@ -2654,7 +2633,7 @@ const Gt = (e, i, n) => {
                 fontWeight: 400,
                 whiteSpace: "wrap"
               },
-              variant: "ParagraphSmall",
+              variant: "subtitle2",
               children: i.request_contact_support_warning
             }
           ) })
@@ -2694,7 +2673,7 @@ const Gt = (e, i, n) => {
             sx: { p: "14px 24px", height: 64 },
             children: /* @__PURE__ */ _(E, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
               /* @__PURE__ */ t(X, { name: c, size: 24 }),
-              /* @__PURE__ */ t(T, { variant: "Body", children: g })
+              /* @__PURE__ */ t(T, { variant: "body1", children: g })
             ] })
           }
         ),
@@ -2712,13 +2691,13 @@ const Gt = (e, i, n) => {
                 divider: !0,
                 onClick: () => i(f, v),
                 sx: {
-                  borderColor: "border.light",
+                  borderColor: "neutral.light",
                   "&:last-child": {
                     border: "none",
                     borderBottomRightRadius: 7
                   }
                 },
-                children: /* @__PURE__ */ t(T, { color: "secondary", variant: "Small", children: f })
+                children: /* @__PURE__ */ t(T, { color: "secondary", variant: "body2", children: f })
               },
               w
             )) })
@@ -2748,7 +2727,7 @@ const Gt = (e, i, n) => {
   institutionWebsite: ""
 }, ie = rt(
   ({ copy: e, isOpen: i, onClose: n, onSave: l }) => {
-    const { alert: c, isLoading: d, setAlert: g } = tt(), [h, f] = r.useState(et), [v, w] = r.useState(Y), N = [
+    const { alert: c, isLoading: d, setAlert: g } = tt(), [h, f] = r.useState(et), [v, w] = r.useState(Y), O = [
       { name: "institutionName", required: !0 },
       { name: "institutionWebsite", required: !0 },
       { name: "institutionLoginPage", required: !1 }
@@ -2757,7 +2736,7 @@ const Gt = (e, i, n) => {
       label: e.popular_topics_missing_institution_fields[S.toString()]
     })), D = () => {
       f(et), w(Y), n();
-    }, $ = (x) => {
+    }, z = (x) => {
       const {
         target: { name: S, value: B }
       } = x;
@@ -2774,7 +2753,7 @@ const Gt = (e, i, n) => {
         onPrimaryAction: () => {
           const x = {};
           let S = !0;
-          N.forEach(({ label: B, name: R, required: P }) => {
+          O.forEach(({ label: B, name: R, required: P }) => {
             const L = v[R];
             P && !L && (x[R] = `${B} ${e.request_support_required_message}`, S = !1), (R === "institutionWebsite" || R === "institutionLoginPage") && L && !/(.+)\.(.{2,})/g.test(L) && (x[R] = e.request_support_valid_url_message, S = !1);
           }), f(x), S && (l(v), w(Y));
@@ -2792,7 +2771,7 @@ const Gt = (e, i, n) => {
               title: e.popular_topics_missing_institution
             }
           ),
-          /* @__PURE__ */ t(E, { sx: { gap: 24, p: 24 }, children: N.map(({ label: x, name: S }) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(E, { sx: { gap: 24, p: 24 }, children: O.map(({ label: x, name: S }) => /* @__PURE__ */ t(
             lt,
             {
               InputLabelProps: { shrink: !0 },
@@ -2801,7 +2780,7 @@ const Gt = (e, i, n) => {
               helperText: h[S] || "",
               label: x,
               name: S,
-              onChange: $,
+              onChange: z,
               value: v[S]
             },
             S
@@ -2826,19 +2805,19 @@ const Gt = (e, i, n) => {
   subtitle: n,
   guid: l,
   sx: c
-}) => /* @__PURE__ */ t(Nt, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(Q, { "aria-label": e, onClick: i, children: [
-  l && /* @__PURE__ */ t(Ot, { children: /* @__PURE__ */ t(bt, { alt: e, institutionGuid: l || "", size: 32 }) }),
+}) => /* @__PURE__ */ t(Ot, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(Q, { "aria-label": e, onClick: i, children: [
+  l && /* @__PURE__ */ t(Nt, { children: /* @__PURE__ */ t(bt, { alt: e, institutionGuid: l || "", size: 32 }) }),
   /* @__PURE__ */ t(
     Lt,
     {
       primary: e,
-      primaryTypographyProps: { style: { ...c }, variant: "Body" },
+      primaryTypographyProps: { style: { ...c }, variant: "body1" },
       secondary: n,
-      secondaryTypographyProps: { variant: "XSmall" }
+      secondaryTypographyProps: { variant: "caption" }
     }
   ),
   /* @__PURE__ */ t(Dt, { children: /* @__PURE__ */ t(wt, {}) })
-] }) }), gt = ({ list: e, onClick: i, sx: n }) => /* @__PURE__ */ t(O, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ t(K, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: e.map(({ name: l, guid: c, subtitle: d, type: g }, h) => /* @__PURE__ */ _(r.Fragment, { children: [
+] }) }), gt = ({ list: e, onClick: i, sx: n }) => /* @__PURE__ */ t(N, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ t(K, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: e.map(({ name: l, guid: c, subtitle: d, type: g }, h) => /* @__PURE__ */ _(r.Fragment, { children: [
   /* @__PURE__ */ t(
     ne,
     {
@@ -2858,7 +2837,7 @@ const Gt = (e, i, n) => {
   topic: c
 }) => {
   const { institutions: d, accounts: g } = ft(), h = r.useMemo(
-    () => Gt(d, g, {
+    () => kt(d, g, {
       singular: e.request_support_institution_account,
       plural: e.request_support_institution_accounts
     }),
@@ -2881,7 +2860,7 @@ const Gt = (e, i, n) => {
         fontWeight: "bold",
         gutterBottom: !0,
         sx: { ml: 24 },
-        variant: "XSmall",
+        variant: "caption",
         children: e.request_support_institution_topic_label
       }
     ),
@@ -2896,7 +2875,7 @@ const Gt = (e, i, n) => {
       {
         color: "text.secondary",
         sx: { whiteSpace: "wrap", fontWeight: 400, textAlign: "center" },
-        variant: "ParagraphSmall",
+        variant: "subtitle2",
         children: e.request_support_footer_short_content
       }
     ),
@@ -2926,7 +2905,7 @@ const Gt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ _(
-      O,
+      N,
       {
         sx: {
           bgcolor: "background.paper",
@@ -2943,7 +2922,7 @@ const Gt = (e, i, n) => {
               sx: {
                 fontWeight: 600
               },
-              variant: "Body",
+              variant: "body1",
               children: s(e.request_support_institution_message_title, i)
             }
           ),
@@ -2955,7 +2934,7 @@ const Gt = (e, i, n) => {
                 fontWeight: 400,
                 mt: 2
               },
-              variant: "ParagraphSmall",
+              variant: "subtitle2",
               children: s(e.request_support_institution_message, i)
             }
           )
@@ -2975,32 +2954,32 @@ const Gt = (e, i, n) => {
   onClose: c
 }) => {
   const { common: d } = V();
-  return /* @__PURE__ */ t(U, { isOpen: n, onClose: c, title: e.request_support, children: /* @__PURE__ */ _(O, { sx: { px: 24 }, children: [
+  return /* @__PURE__ */ t(U, { isOpen: n, onClose: c, title: e.request_support, children: /* @__PURE__ */ _(N, { sx: { px: 24 }, children: [
     /* @__PURE__ */ t(E, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ t(X, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
     /* @__PURE__ */ _(E, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
       /* @__PURE__ */ t(_t, { children: e.request_support_success }),
-      /* @__PURE__ */ t(H, { align: "center", variant: "Body", children: e.request_support_submit_success_message }),
-      /* @__PURE__ */ t(T, { bold: !0, variant: "Body", children: i })
+      /* @__PURE__ */ t(H, { align: "center", variant: "body1", children: e.request_support_submit_success_message }),
+      /* @__PURE__ */ t(T, { bold: !0, variant: "body1", children: i })
     ] }),
     /* @__PURE__ */ t(q, { fullWidth: !0, onClick: c, variant: "contained", children: d.done_button }),
     /* @__PURE__ */ t(q, { fullWidth: !0, onClick: l, sx: { mt: 8 }, children: e.request_support_institution_back })
   ] }) });
 }, ce = rt(
   ({ copy: e, isOpen: i, onClose: n }) => {
-    const { alert: l, createSupportTicket: c, isLoading: d, setAlert: g } = tt(), { user: h } = St(), { isInitialized: f } = It(), [v, w] = r.useState(""), [N, D] = r.useState(!1), [$, F] = r.useState(!1), [x, S] = r.useState({
+    const { alert: l, createSupportTicket: c, isLoading: d, setAlert: g } = tt(), { user: h } = St(), { isInitialized: f } = It(), [v, w] = r.useState(""), [O, D] = r.useState(!1), [z, G] = r.useState(!1), [x, S] = r.useState({
       isOpen: !1,
       topic: "",
       type: void 0
     }), B = Ct.map((I) => ({
       ...I,
       title: e.help_by_category_list[I.guid].label,
-      topics: I.topics.map(({ type: z }, pt) => ({
-        type: z,
+      topics: I.topics.map(({ type: $ }, pt) => ({
+        type: $,
         label: e.help_by_category_list[I.guid].topics[pt]
       }))
-    })), R = Object.keys(e.popular_topics_list).map((I, z) => ({
+    })), R = Object.keys(e.popular_topics_list).map((I, $) => ({
       name: e.popular_topics_list[I],
-      type: At[z].type
+      type: At[$].type
     })), P = () => {
       w(""), S({ isOpen: !1, topic: "", type: void 0 });
     }, L = (I) => {
@@ -3009,10 +2988,10 @@ const Gt = (e, i, n) => {
         message: v ? `Institution: ${v}, ${I}` : I,
         title: x.topic || "Contact Support"
       });
-    }, W = (I, z) => {
-      z === "other" ? F(!0) : S({ isOpen: !0, topic: I, type: z });
+    }, W = (I, $) => {
+      $ === "other" ? G(!0) : S({ isOpen: !0, topic: I, type: $ });
     }, ut = () => {
-      g(""), D(!1), F(!1), P();
+      g(""), D(!1), G(!1), P();
     }, mt = (I) => {
       if (!h.email) {
         g(e.request_support_email_not_exists_message, "error");
@@ -3040,7 +3019,7 @@ const Gt = (e, i, n) => {
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { ml: 24 },
-            variant: "XSmall",
+            variant: "caption",
             children: e.popular_topics
           }
         ),
@@ -3059,7 +3038,7 @@ const Gt = (e, i, n) => {
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { m: "24px 0px 0px 24px" },
-            variant: "XSmall",
+            variant: "caption",
             children: e.help_by_category
           }
         ),
@@ -3070,7 +3049,7 @@ const Gt = (e, i, n) => {
             onClick: W
           }
         ),
-        /* @__PURE__ */ t(O, { sx: { p: 24 }, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(N, { sx: { p: 24 }, children: /* @__PURE__ */ t(
           _e,
           {
             copy: e,
@@ -3086,7 +3065,7 @@ const Gt = (e, i, n) => {
           email: h.email,
           institution: v,
           isLoading: d,
-          isOpen: N,
+          isOpen: O,
           onClose: () => {
             D(!1), w("");
           },
@@ -3099,8 +3078,8 @@ const Gt = (e, i, n) => {
         ie,
         {
           copy: e,
-          isOpen: $,
-          onClose: () => F(!1),
+          isOpen: z,
+          onClose: () => G(!1),
           onSave: mt
         }
       ),
@@ -3141,9 +3120,9 @@ const Gt = (e, i, n) => {
       )
     ] }) });
   }
-), $e = ({ sx: e = {} }) => {
-  const { help: i } = V(), { helpCategories: n } = tt(), { isMobile: l } = Rt(), { config: c } = Tt(), [d, g] = r.useState(!1), [h, f] = r.useState(null), v = (N) => f(N), w = () => g(!0);
-  return /* @__PURE__ */ _(O, { sx: { pt: 24, px: l ? 24 : 0, ...e }, children: [
+), ze = ({ sx: e = {} }) => {
+  const { help: i } = V(), { helpCategories: n } = tt(), { isMobile: l } = Rt(), { config: c } = Tt(), [d, g] = r.useState(!1), [h, f] = r.useState(null), v = (O) => f(O), w = () => g(!0);
+  return /* @__PURE__ */ _(N, { sx: { pt: 24, px: l ? 24 : 0, ...e }, children: [
     h ? /* @__PURE__ */ t(
       Qt,
       {
@@ -3154,7 +3133,7 @@ const Gt = (e, i, n) => {
         topicInfo: h
       }
     ) : /* @__PURE__ */ t(
-      kt,
+      Ft,
       {
         buttonText: i.request_support,
         hasRequestButton: c.enable_support_requests,
@@ -3176,5 +3155,5 @@ const Gt = (e, i, n) => {
   ] });
 };
 export {
-  $e as H
+  ze as H
 };