@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0

package/dist/{Help-BW_ar-4B.mjs → Help-DJ8PrVHX.mjs}

@@ -1,56 +1,48 @@
-import { jsxs as _, jsx as t, Fragment as ht } from "react/jsx-runtime";
-import r, { useState as vt } from "react";
+import { jsxs as _, jsx as t, Fragment as wt } from "react/jsx-runtime";
+import r, { useState as xt } from "react";
 import N from "@mui/material/Box";
-import it from "@mui/material/Accordion";
-import nt from "@mui/material/AccordionDetails";
-import st from "@mui/material/AccordionSummary";
+import _t from "@mui/material/Accordion";
+import ot from "@mui/material/AccordionDetails";
+import rt from "@mui/material/AccordionSummary";
 import $ from "@mui/material/Button";
-import M from "@mui/material/Divider";
-import C from "@mui/material/Grid";
-import K from "@mui/material/List";
-import Q from "@mui/material/ListItemButton";
-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, B as tt, d as ft, o as St, b as It, a as Tt } from "./hooks-fY_n74f7.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-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-Bet2ZPJo.mjs";
-import { L as dt } from "./Loader-BSWSYqvn.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 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}`;
-    return {
-      ...d,
-      guid: c,
-      subtitle: g
-    };
-  });
-}, Ft = ({
+import z from "@mui/material/Divider";
+import A from "@mui/material/Grid";
+import tt from "@mui/material/List";
+import et from "@mui/material/ListItemButton";
+import C from "@mui/material/Stack";
+import { H3 as it, P as U, Icon as Y, Text as E, H2 as at, InstitutionLogo as ft } from "@mxenabled/mxui";
+import { ExpandMore as ct, ChevronRight as St } from "@mxenabled/mx-icons";
+import { g as V, u as K, t as nt, d as It, b as Tt, C as Et, a as Ct } from "./hooks-BaO_gOI6.mjs";
+import { A as k } from "./Analytics-CzGzz_sE.mjs";
+import At from "@mui/material/Breadcrumbs";
+import { useTheme as Q } from "@mui/material/styles";
+import { b as s } from "./Localization-DnoVyBNK.mjs";
+import { E as Ot } from "./ErrorBoundary-CsdOcnJ9.mjs";
+import { u as Nt } from "./useScreenSize-mWpmnh5w.mjs";
+import { observer as lt } from "mobx-react-lite";
+import { H as Lt, P as Dt } from "./Help-CkQTjORd.mjs";
+import dt from "@mui/material/Alert";
+import gt from "@mui/material/Snackbar";
+import ut from "@mui/material/TextField";
+import { D as j } from "./Drawer-BXqqBMxg.mjs";
+import { L as mt } from "./Loader-CxeBwuPG.mjs";
+import Rt from "@mui/material/ListItemAvatar";
+import Pt from "@mui/material/ListItem";
+import Gt from "@mui/material/ListItemIcon";
+import Ft from "@mui/material/ListItemText";
+const kt = ({
   buttonText: e,
   hasRequestButton: i = !1,
   helpCategories: n = [],
   helpContent: l,
   helpTitle: c,
   onRequestHelp: d,
-  onTopicSelect: g
+  onTopicSelect: u
 }) => {
-  const [h, f] = vt(null), v = Math.ceil(n.length / 2);
+  const [v, S] = xt(null), h = Math.ceil(n.length / 2), { onEvent: w } = V();
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ _(
-      C,
+      A,
       {
         container: !0,
         sx: {
@@ -59,12 +51,12 @@ const kt = (e, i, n) => {
           mb: 24
         },
         children: [
-          /* @__PURE__ */ _(E, { children: [
-            /* @__PURE__ */ t(y, { children: c }),
-            /* @__PURE__ */ t(H, { variant: "Body", children: l })
+          /* @__PURE__ */ _(C, { children: [
+            /* @__PURE__ */ t(it, { children: c }),
+            /* @__PURE__ */ t(U, { variant: "body1", children: l })
           ] }),
           i && /* @__PURE__ */ t(
-            E,
+            C,
             {
               sx: {
                 pt: {
@@ -72,24 +64,36 @@ const kt = (e, i, n) => {
                   md: 0
                 }
               },
-              children: /* @__PURE__ */ t($, { "aria-label": e, onClick: d, variant: "contained", children: e })
+              children: /* @__PURE__ */ t(
+                $,
+                {
+                  "aria-label": e,
+                  onClick: () => {
+                    w(k.HELP_CLICK_REQUEST_SUPPORT, {}), d();
+                  },
+                  variant: "contained",
+                  children: e
+                }
+              )
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ t(E, { sx: { flexDirection: { xs: "column", md: "row" }, gap: 12 }, children: [0, 1].map((w) => {
-      const O = w === 0 ? 0 : v, D = w === 0 ? v : n.length, q = n.slice(O, D);
-      return /* @__PURE__ */ t(E, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: q.map(({ guid: G, icon: x, topics: S, title: B }, R) => {
-        const P = R + O;
+    /* @__PURE__ */ t(C, { sx: { flexDirection: { xs: "column", md: "row" }, gap: 12 }, children: [0, 1].map((I) => {
+      const D = I === 0 ? 0 : h, R = I === 0 ? h : n.length, H = n.slice(D, R);
+      return /* @__PURE__ */ t(C, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: H.map(({ guid: T, icon: b, topics: W, title: L }, X) => {
+        const F = X + D;
         return /* @__PURE__ */ _(
-          it,
+          _t,
           {
             disableGutters: !0,
-            expanded: P === h,
-            onChange: (L, W) => f(W ? P : null),
-            sx: (L) => ({
-              border: `1px solid ${L.palette.border?.light}`,
+            expanded: F === v,
+            onChange: (B, q) => {
+              w(k.HELP_EXPAND_TOPIC, { feature: L }), S(q ? F : null);
+            },
+            sx: (B) => ({
+              border: `1px solid ${B.palette.neutral?.light}`,
               borderRadius: "8px !important",
               "&:before": {
                 opacity: 0
@@ -102,52 +106,52 @@ const kt = (e, i, n) => {
             }),
             children: [
               /* @__PURE__ */ t(
-                st,
+                rt,
                 {
-                  expandIcon: /* @__PURE__ */ t(ot, { sx: { color: "text.primary" } }),
+                  expandIcon: /* @__PURE__ */ t(ct, { sx: { color: "text.primary" } }),
                   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 })
+                  children: /* @__PURE__ */ _(C, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
+                    /* @__PURE__ */ t(Y, { name: b, size: 24 }),
+                    /* @__PURE__ */ t(E, { variant: "body1", children: L })
                   ] })
                 }
               ),
-              /* @__PURE__ */ t(M, {}),
+              /* @__PURE__ */ t(z, {}),
               /* @__PURE__ */ t(
-                nt,
+                ot,
                 {
                   sx: {
                     ml: 56,
                     p: 0
                   },
-                  children: /* @__PURE__ */ t(K, { disablePadding: !0, children: S.map(({ label: L, topicKey: W }) => /* @__PURE__ */ t(
-                    Q,
+                  children: /* @__PURE__ */ t(tt, { disablePadding: !0, children: W.map(({ label: B, topicKey: q }) => /* @__PURE__ */ t(
+                    et,
                     {
-                      "aria-label": L,
+                      "aria-label": B,
                       divider: !0,
-                      onClick: () => g({ guid: G, category: B, pageTitle: L, topicKey: W }),
+                      onClick: () => u({ guid: T, category: L, pageTitle: B, topicKey: q }),
                       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(E, { color: "secondary", variant: "body2", children: B })
                     },
-                    W
+                    q
                   )) })
                 }
               )
             ]
           },
-          G
+          T
         );
-      }) }, w);
+      }) }, I);
     }) })
   ] });
-}, J = ({
+}, y = ({
   altImage: e,
   content: i,
   hasDivider: n = !0,
@@ -155,39 +159,35 @@ const kt = (e, i, n) => {
   imageLargeBreakPoint: c = 12,
   sx: d
 }) => {
-  const g = Z();
+  const u = Q();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(N, { 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__ */ _(A, { container: !0, rowSpacing: 24, children: [
+      /* @__PURE__ */ t(A, { size: 12, children: i }),
       /* @__PURE__ */ t(
-        C,
+        A,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { xs: 12, sm: 12, md: 12, lg: c },
           sx: {
             m: "0 auto",
-            [g.breakpoints.between("sm", "lg")]: {
+            [u.breakpoints.between("sm", "lg")]: {
               display: "flex",
               justifyContent: "center"
             },
             "& img": {
               width: "100%",
               maxWidth: 1176,
-              [g.breakpoints.between("sm", "lg")]: {
+              [u.breakpoints.between("sm", "lg")]: {
                 width: "75%"
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
     ] }) }),
-    n && /* @__PURE__ */ t(M, {})
+    n && /* @__PURE__ */ t(z, {})
   ] });
-}, Gt = ({
+}, Bt = ({
   buttonCopy: e,
   hasRequestButton: i,
   onNavigateToList: n,
@@ -195,50 +195,48 @@ const kt = (e, i, n) => {
   title: c,
   topicTitle: d
 }) => {
-  const { help: g } = V();
+  const { help: u } = K();
   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__ */ t(y, { color: "text.primary", children: c }),
+    /* @__PURE__ */ _(A, { container: !0, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ _(A, { size: { xs: 12, sm: 6 }, children: [
+        /* @__PURE__ */ t(it, { color: "text.primary", children: c }),
         /* @__PURE__ */ _(
-          xt,
+          At,
           {
-            separator: /* @__PURE__ */ t(T, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "Small", children: "/" }),
+            separator: /* @__PURE__ */ t(E, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "body2", children: "/" }),
             children: [
               /* @__PURE__ */ t(
-                T,
+                E,
                 {
                   bold: !0,
                   color: "primary.lighter",
                   onClick: n,
                   sx: { cursor: "pointer", fontWeight: 700 },
-                  variant: "Small",
-                  children: g.list_title
+                  variant: "body2",
+                  children: u.list_title
                 }
               ),
-              /* @__PURE__ */ t(T, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "Small", children: d })
+              /* @__PURE__ */ t(E, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "body2", children: d })
             ]
           }
         )
       ] }),
       i && /* @__PURE__ */ t(
-        C,
+        A,
         {
-          item: !0,
-          sm: 6,
+          size: { xs: 12, sm: 6 },
           sx: {
             display: "flex",
             justifyContent: { sm: "flex-end" },
             mt: { xs: 24, sm: 0 }
           },
-          xs: 12,
           children: /* @__PURE__ */ t($, { "aria-label": e, onClick: l, variant: "contained", children: e })
         }
       )
     ] }),
-    /* @__PURE__ */ t(_t, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap", xs: "wrap" } }, children: d })
+    /* @__PURE__ */ t(at, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap" } }, children: d })
   ] });
-}, A = ({
+}, O = ({
   altImage: e,
   content: i,
   hasDivider: n = !0,
@@ -246,46 +244,42 @@ const kt = (e, i, n) => {
   imageLargeBreakPoint: c = 4,
   sx: d
 }) => {
-  const g = Z();
+  const u = Q();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(N, { 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__ */ _(A, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
       /* @__PURE__ */ t(
-        C,
+        A,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { xs: 12, sm: 12, md: 12, lg: c },
           sx: {
             alignSelf: "stretch",
-            [g.breakpoints.between("sm", "lg")]: {
+            [u.breakpoints.between("sm", "lg")]: {
               display: "flex",
               justifyContent: "center"
             },
             "& img": {
               height: "100%",
               width: "100%",
-              [g.breakpoints.between("sm", "lg")]: {
+              [u.breakpoints.between("sm", "lg")]: {
                 width: "75%"
               }
             }
           },
-          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(A, { size: { xs: 12, sm: 12, md: 12, lg: 12 - c }, children: i })
     ] }) }),
-    n && /* @__PURE__ */ t(M, {})
+    n && /* @__PURE__ */ t(z, {})
   ] });
-}, b = ({
+}, f = ({
   content: e,
   hasDivider: i = !0,
   sx: n
-}) => /* @__PURE__ */ _(ht, { children: [
+}) => /* @__PURE__ */ _(wt, { children: [
   /* @__PURE__ */ t(N, { sx: { pb: 48, ...n }, children: e }),
-  i && /* @__PURE__ */ t(M, {})
-] }), k = ({
+  i && /* @__PURE__ */ t(z, {})
+] }), P = ({
   altImage: e,
   content: i,
   hasDivider: n = !0,
@@ -293,37 +287,33 @@ const kt = (e, i, n) => {
   imageLargeBreakPoint: c = 4,
   sx: d
 }) => {
-  const g = Z();
+  const u = Q();
   return /* @__PURE__ */ _(r.Fragment, { 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: 12 - c, md: 12, sm: 12, xs: 12, children: i }),
+    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(A, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ t(A, { size: { xs: 12, sm: 12, md: 12, lg: 12 - c }, children: i }),
       /* @__PURE__ */ t(
-        C,
+        A,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { xs: 12, sm: 12, md: 12, lg: c },
           sx: {
-            [g.breakpoints.between("sm", "lg")]: {
+            [u.breakpoints.between("sm", "lg")]: {
               display: "flex",
               justifyContent: "center"
             },
             "& img": {
               width: "100%",
-              [g.breakpoints.between("sm", "lg")]: {
+              [u.breakpoints.between("sm", "lg")]: {
                 width: "75%"
               }
             }
           },
-          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
     ] }) }),
-    n && /* @__PURE__ */ t(M, {})
+    n && /* @__PURE__ */ t(z, {})
   ] });
-}, F = ({
+}, G = ({
   altImage: e,
   content: i,
   hasDivider: n = !0,
@@ -331,94 +321,90 @@ const kt = (e, i, n) => {
   imageLargeBreakPoint: c = 12,
   sx: d
 }) => {
-  const g = Z();
+  const u = Q();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
+    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(A, { container: !0, rowSpacing: 24, children: [
       /* @__PURE__ */ t(
-        C,
+        A,
         {
-          item: !0,
-          lg: c,
-          md: 12,
-          sm: 12,
+          size: { xs: 12, sm: 12, md: 12, lg: c },
           sx: {
             m: "0 auto",
-            [g.breakpoints.between("sm", "lg")]: {
+            [u.breakpoints.between("sm", "lg")]: {
               display: "flex",
               justifyContent: "center"
             },
             "& img": {
               width: "100%",
               maxWidth: 1176,
-              [g.breakpoints.between("sm", "lg")]: {
+              [u.breakpoints.between("sm", "lg")]: {
                 width: "75%"
               }
             }
           },
-          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(A, { size: 12, children: i })
     ] }) }),
-    n && /* @__PURE__ */ t(M, {})
+    n && /* @__PURE__ */ t(z, {})
   ] });
-}, o = ({ content: e, sx: i }) => /* @__PURE__ */ t(H, { sx: { lineHeight: "24px", py: 6, ...i }, children: e }), m = ({ content: e, sx: i }) => /* @__PURE__ */ t(y, { color: "text.primary", sx: { py: 12, whiteSpace: { sm: "nowrap", xs: "wrap" }, ...i }, children: e }), a = ({
+}, o = ({ content: e, sx: i }) => /* @__PURE__ */ t(U, { sx: { lineHeight: "24px", py: 6, ...i }, children: e }), g = ({ content: e, sx: i }) => /* @__PURE__ */ t(it, { color: "text.primary", sx: { py: 12, whiteSpace: { sm: "nowrap" }, ...i }, children: e }), a = ({
   items: e,
   listType: i = "ul",
   subItemPlacement: n,
   subItems: l = [],
   subListType: c = "ol"
 }) => {
-  const d = i, g = c;
-  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)) }) });
-}, u = "https://content.moneydesktop.com/storage/MD_Assets/md/help", p = {
-  ACCOUNT_DETAILS: `${u}/account/AccountDetails.png`,
-  ACCOUNT_OVERVIEW: `${u}/account/AccountsOverview.png`,
-  ACCOUNT_BROKEN_CONNECTION: `${u}/account/BrokenConnection.png`,
-  ACCOUNT_MANAGE_CONNECTIONS: `${u}/account/ManageConnections.png`,
-  BUDGETS_ADD_SUB_BUDGET: `${u}/budgets/AddSubBudget.png`,
-  BUDGETS_WIDGET: `${u}/budgets/BudgetWidget.png`,
-  BUDGETS_EDIT_INCOME: `${u}/budgets/EditIncome.png`,
-  CASHFLOW_WIDGET: `${u}/cashflow/CashFlowWidget.png`,
-  CASHFLOW_EXPENSE_DETAILS: `${u}/cashflow/ExpenseDetailsCurrent.png`,
-  CASHFLOW_MANAGE_EXPENSES: `${u}/cashflow/ManageExpenses.png`,
-  DEBTS_DETAILS: `${u}/debts/DebtDetails.png`,
-  DEBTS_OVERVIEW: `${u}/debts/DebtOverview.png`,
-  DEBTS_PRIORITIZATION: `${u}/debts/DebtPrioritization.png`,
-  DEBTS_SNOWBALL_METHOD: `${u}/debts/SnowballMethod.png`,
-  GENERAL_CATEGORIZE_TRANSACTIONS: `${u}/general/CategorizeTransactions.png`,
-  GOALS_CREATE_GOAL: `${u}/goals/CreateGoal.png`,
-  GOALS_DEBT_GOALS: `${u}/goals/DebtGoals.png`,
-  GOALS_MANAGE_GOALS: `${u}/goals/ManageGoals.png`,
-  GOALS_RETIREMENT_GOALS: `${u}/goals/RetirementGoals.png`,
-  GOALS_SAVINGS_GOALS: `${u}/goals/SavingsGoals.png`,
-  INSIGHTS_CAROUSEL: `${u}/insights/InsightsCarousel.png`,
-  INSIGHTS_FEED: `${u}/insights/InsightsFeed.png`,
-  INVESTMENTS_WIDGET_DETAILS: `${u}/investments/WidgetDetails.png`,
-  MOBILE_ADD_MOBILE_DEVICE: `${u}/mobile/AddMobileDevice.png`,
-  NETWORTH_ASSETS_LIABILITIES: `${u}/networth/AssetsLiabilities.png`,
-  NETWORTH_GAINS_LOSSES: `${u}/networth/GainsLosses.png`,
-  NETWORTH_WIDGET: `${u}/networth/NetWorthWidget.png`,
-  NOTIFICATIONS_MANAGING: `${u}/notifications/ManagingNotifications.png`,
-  NOTIFICATIONS_OVERVIEW: `${u}/notifications/NotificationOverview.png`,
-  RECURRING_TRANSACTIONS_EXPENSE_DETAILS: `${u}/recurringtransactions/expenseDetails.png`,
-  RECURRING_TRANSACTIONS_MANAGE_EXPENSES: `${u}/recurringtransactions/manageExpenses.png`,
-  RECURRING_TRANSACTIONS_OVERVIEW: `${u}/recurringtransactions/overview.png`,
-  SPENDING_WIDGET: `${u}/spending/SpendingWidget.png`,
-  TRANSACTIONS_CATEGORIZE: `${u}/transactions/CategorizeTransactions.png`,
-  TRANSACTIONS_EDIT: `${u}/transactions/EditTransactions.png`,
-  TRANSACTIONS_EXPORT: `${u}/transactions/ExportTransactions.png`,
-  TRANSACTIONS_OVERVIEW: `${u}/transactions/Overview.png`,
-  TRANSACTIONS_RULES: `${u}/transactions/TransactionRules.png`,
-  TRENDS_WIDGET: `${u}/trends/TrendsWidget.png`
-}, Bt = ({ copy: e, topicKey: i }) => ({
+  const d = i, u = c;
+  return /* @__PURE__ */ t(N, { sx: { [i]: { m: 0, p: 0, pl: 16, "& li::marker": { fontSize: 15 } } }, children: /* @__PURE__ */ t(d, { children: e.map((v, S) => /* @__PURE__ */ _("li", { children: [
+    /* @__PURE__ */ t(o, { content: v, sx: { py: 1 } }),
+    n === S ? /* @__PURE__ */ t(u, { ...c === "ol" && { type: "a" }, children: l.map((h, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { content: h, sx: { py: 1 } }) }, w)) }) : null
+  ] }, S)) }) });
+}, m = "https://content.moneydesktop.com/storage/MD_Assets/md/help", p = {
+  ACCOUNT_DETAILS: `${m}/account/AccountDetails.png`,
+  ACCOUNT_OVERVIEW: `${m}/account/AccountsOverview.png`,
+  ACCOUNT_BROKEN_CONNECTION: `${m}/account/BrokenConnection.png`,
+  ACCOUNT_MANAGE_CONNECTIONS: `${m}/account/ManageConnections.png`,
+  BUDGETS_ADD_SUB_BUDGET: `${m}/budgets/AddSubBudget.png`,
+  BUDGETS_WIDGET: `${m}/budgets/BudgetWidget.png`,
+  BUDGETS_EDIT_INCOME: `${m}/budgets/EditIncome.png`,
+  CASHFLOW_WIDGET: `${m}/cashflow/CashFlowWidget.png`,
+  CASHFLOW_EXPENSE_DETAILS: `${m}/cashflow/ExpenseDetailsCurrent.png`,
+  CASHFLOW_MANAGE_EXPENSES: `${m}/cashflow/ManageExpenses.png`,
+  DEBTS_DETAILS: `${m}/debts/DebtDetails.png`,
+  DEBTS_OVERVIEW: `${m}/debts/DebtOverview.png`,
+  DEBTS_PRIORITIZATION: `${m}/debts/DebtPrioritization.png`,
+  DEBTS_SNOWBALL_METHOD: `${m}/debts/SnowballMethod.png`,
+  GENERAL_CATEGORIZE_TRANSACTIONS: `${m}/general/CategorizeTransactions.png`,
+  GOALS_CREATE_GOAL: `${m}/goals/CreateGoal.png`,
+  GOALS_DEBT_GOALS: `${m}/goals/DebtGoals.png`,
+  GOALS_MANAGE_GOALS: `${m}/goals/ManageGoals.png`,
+  GOALS_RETIREMENT_GOALS: `${m}/goals/RetirementGoals.png`,
+  GOALS_SAVINGS_GOALS: `${m}/goals/SavingsGoals.png`,
+  INSIGHTS_CAROUSEL: `${m}/insights/InsightsCarousel.png`,
+  INSIGHTS_FEED: `${m}/insights/InsightsFeed.png`,
+  INVESTMENTS_WIDGET_DETAILS: `${m}/investments/WidgetDetails.png`,
+  MOBILE_ADD_MOBILE_DEVICE: `${m}/mobile/AddMobileDevice.png`,
+  NETWORTH_ASSETS_LIABILITIES: `${m}/networth/AssetsLiabilities.png`,
+  NETWORTH_GAINS_LOSSES: `${m}/networth/GainsLosses.png`,
+  NETWORTH_WIDGET: `${m}/networth/NetWorthWidget.png`,
+  NOTIFICATIONS_MANAGING: `${m}/notifications/ManagingNotifications.png`,
+  NOTIFICATIONS_OVERVIEW: `${m}/notifications/NotificationOverview.png`,
+  RECURRING_TRANSACTIONS_EXPENSE_DETAILS: `${m}/recurringtransactions/expenseDetails.png`,
+  RECURRING_TRANSACTIONS_MANAGE_EXPENSES: `${m}/recurringtransactions/manageExpenses.png`,
+  RECURRING_TRANSACTIONS_OVERVIEW: `${m}/recurringtransactions/overview.png`,
+  SPENDING_WIDGET: `${m}/spending/SpendingWidget.png`,
+  TRANSACTIONS_CATEGORIZE: `${m}/transactions/CategorizeTransactions.png`,
+  TRANSACTIONS_EDIT: `${m}/transactions/EditTransactions.png`,
+  TRANSACTIONS_EXPORT: `${m}/transactions/ExportTransactions.png`,
+  TRANSACTIONS_OVERVIEW: `${m}/transactions/Overview.png`,
+  TRANSACTIONS_RULES: `${m}/transactions/TransactionRules.png`,
+  TRENDS_WIDGET: `${m}/trends/TrendsWidget.png`
+}, Wt = ({ copy: e, topicKey: i }) => ({
   "accounts-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      k,
+      P,
       {
         altImage: e.accounts_overview.alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -438,9 +424,9 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 5
       }
     ),
-    /* @__PURE__ */ t(m, { content: e.accounts_overview.edit_account_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: e.accounts_overview.edit_account_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: e.accounts_overview.alt_image_account_details,
         content: /* @__PURE__ */ t(r.Fragment, { children: /* @__PURE__ */ t(
@@ -473,9 +459,9 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 3
       }
     ),
-    /* @__PURE__ */ t(m, { content: e.accounts_overview.add_account_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: e.accounts_overview.add_account_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      F,
+      G,
       {
         altImage: e.accounts_overview.alt_image_manage_connections,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -513,7 +499,7 @@ const kt = (e, i, n) => {
               )
             }
           ),
-          /* @__PURE__ */ t(m, { content: e.accounts_overview.hide_account_title }),
+          /* @__PURE__ */ t(g, { content: e.accounts_overview.hide_account_title }),
           /* @__PURE__ */ t(
             a,
             {
@@ -530,7 +516,7 @@ const kt = (e, i, n) => {
               listType: "ol"
             }
           ),
-          /* @__PURE__ */ t(m, { content: e.accounts_overview.unhide_account_title }),
+          /* @__PURE__ */ t(g, { content: e.accounts_overview.unhide_account_title }),
           /* @__PURE__ */ t(
             a,
             {
@@ -555,7 +541,7 @@ const kt = (e, i, n) => {
     )
   ] }),
   "trouble-adding-an-account": /* @__PURE__ */ t(
-    b,
+    f,
     {
       content: /* @__PURE__ */ _(r.Fragment, { children: [
         /* @__PURE__ */ t(o, { content: e.trouble_adding_an_account.steps_title }),
@@ -581,7 +567,7 @@ const kt = (e, i, n) => {
     }
   ),
   "need-to-fix-a-broken-account": /* @__PURE__ */ t(
-    A,
+    O,
     {
       altImage: e.need_to_fix_a_broken_account.alt_image,
       content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -615,7 +601,7 @@ const kt = (e, i, n) => {
     }
   ),
   "seeing-outdated-accounts-or-paid-off-loans": /* @__PURE__ */ t(
-    b,
+    f,
     {
       content: /* @__PURE__ */ t(o, { content: e.seeing_outdated_accounts_or_paid_off_loans.description }),
       hasDivider: !1,
@@ -623,11 +609,11 @@ const kt = (e, i, n) => {
     }
   ),
   "seeing-duplicate-accounts": /* @__PURE__ */ t(
-    b,
+    f,
     {
       content: /* @__PURE__ */ _(r.Fragment, { children: [
-        /* @__PURE__ */ t(m, { content: e.seeing_duplicate_accounts.warning_title }),
-        /* @__PURE__ */ t(m, { content: e.seeing_duplicate_accounts.instructions_title }),
+        /* @__PURE__ */ t(g, { content: e.seeing_duplicate_accounts.warning_title }),
+        /* @__PURE__ */ t(g, { content: e.seeing_duplicate_accounts.instructions_title }),
         /* @__PURE__ */ t(
           a,
           {
@@ -651,12 +637,12 @@ const kt = (e, i, n) => {
       hasDivider: !1
     }
   )
-})[i], Pt = ({ copy: e, topicKey: i }) => {
+})[i], Mt = ({ copy: e, topicKey: i }) => {
   const n = e.budgets_overview;
   return {
     "budgets-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        k,
+        P,
         {
           altImage: n.overview_alt_image,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -681,9 +667,9 @@ const kt = (e, i, n) => {
           image: p.BUDGETS_WIDGET
         }
       ),
-      /* @__PURE__ */ t(m, { content: n.adjusting_income_title, sx: { pt: 48 } }),
+      /* @__PURE__ */ t(g, { content: n.adjusting_income_title, sx: { pt: 48 } }),
       /* @__PURE__ */ t(
-        A,
+        O,
         {
           altImage: n.adjusting_income_alt_image,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -708,9 +694,9 @@ const kt = (e, i, n) => {
           image: p.BUDGETS_EDIT_INCOME
         }
       ),
-      /* @__PURE__ */ t(m, { content: n.create_budget_title, sx: { pt: 48 } }),
+      /* @__PURE__ */ t(g, { content: n.create_budget_title, sx: { pt: 48 } }),
       /* @__PURE__ */ t(
-        k,
+        P,
         {
           altImage: n.create_budget_alt_image,
           content: /* @__PURE__ */ t(r.Fragment, { children: /* @__PURE__ */ t(
@@ -733,7 +719,7 @@ const kt = (e, i, n) => {
         }
       ),
       /* @__PURE__ */ t(
-        b,
+        f,
         {
           content: /* @__PURE__ */ t(o, { content: n.see_transactions_description }),
           hasDivider: !1
@@ -741,10 +727,10 @@ const kt = (e, i, n) => {
       )
     ] })
   }[i];
-}, Wt = ({ copy: e, topicKey: i }) => ({
+}, zt = ({ copy: e, topicKey: i }) => ({
   "cash-flow-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      k,
+      P,
       {
         altImage: e.cashflow_overview.alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -768,7 +754,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      P,
       {
         altImage: e.cashflow_overview.alt_image_expense_details,
         content: /* @__PURE__ */ t(
@@ -786,14 +772,14 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      m,
+      g,
       {
         content: e.cashflow_overview.manage_expenses_section_title,
         sx: { pt: 48 }
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      P,
       {
         altImage: e.cashflow_overview.alt_image_manage_expenses,
         content: /* @__PURE__ */ t(o, { content: e.cashflow_overview.manage_expenses_instruction, sx: { mt: 24 } }),
@@ -802,10 +788,10 @@ const kt = (e, i, n) => {
       }
     )
   ] })
-})[i], Mt = ({ copy: e }) => {
+})[i], qt = ({ copy: e }) => {
   const i = e.debts, n = {
     overviewSection: /* @__PURE__ */ t(
-      F,
+      G,
       {
         altImage: i.overview_image_alt,
         content: /* @__PURE__ */ t(
@@ -823,7 +809,7 @@ const kt = (e, i, n) => {
       }
     ),
     snowballMethod: /* @__PURE__ */ t(
-      k,
+      P,
       {
         altImage: i.snowball_method,
         content: /* @__PURE__ */ t(o, { content: i.snowball_method_desc, sx: { mt: 24 } }),
@@ -832,7 +818,7 @@ const kt = (e, i, n) => {
       }
     ),
     debtPrioritization: /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: i.debt_prioritization,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -877,7 +863,7 @@ const kt = (e, i, n) => {
       }
     ),
     debtChart: /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
           /* @__PURE__ */ t(o, { content: i.debt_chart_list_dec }),
@@ -905,7 +891,7 @@ const kt = (e, i, n) => {
       }
     ),
     debtList: /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
           /* @__PURE__ */ t(o, { content: i.debt_list_dec }),
@@ -924,7 +910,7 @@ const kt = (e, i, n) => {
       }
     ),
     debtDetails: /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: i.debt_details,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -962,7 +948,7 @@ const kt = (e, i, n) => {
       }
     ),
     hidingAccounts: /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
           /* @__PURE__ */ t(o, { content: i.hiding_accounts_desc }),
@@ -999,7 +985,7 @@ const kt = (e, i, n) => {
       }
     ),
     extraPayments: /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
           /* @__PURE__ */ t(o, { content: i.extra_payments_list_1_desc }),
@@ -1026,26 +1012,26 @@ const kt = (e, i, n) => {
   };
   return /* @__PURE__ */ _(r.Fragment, { children: [
     n.overviewSection,
-    /* @__PURE__ */ t(m, { content: i.snowball_method_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.snowball_method_title, sx: { pt: 48 } }),
     n.snowballMethod,
-    /* @__PURE__ */ t(m, { content: i.debt_prioritization, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.debt_prioritization, sx: { pt: 48 } }),
     n.debtPrioritization,
-    /* @__PURE__ */ t(m, { content: i.debt_chart, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.debt_chart, sx: { pt: 48 } }),
     n.debtChart,
-    /* @__PURE__ */ t(m, { content: i.debt_list, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.debt_list, sx: { pt: 48 } }),
     n.debtList,
-    /* @__PURE__ */ t(m, { content: i.debt_details, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.debt_details, sx: { pt: 48 } }),
     n.debtDetails,
-    /* @__PURE__ */ t(m, { content: i.hiding_accounts, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.hiding_accounts, sx: { pt: 48 } }),
     n.hidingAccounts,
-    /* @__PURE__ */ t(m, { content: i.extra_payments, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.extra_payments, sx: { pt: 48 } }),
     n.extraPayments
   ] });
-}, qt = ({ topicKey: e, copy: i }) => {
+}, $t = ({ topicKey: e, copy: i }) => {
   const { general_faqs: n } = i;
   return {
     "is-my-data-private-and-secure": /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
           /* @__PURE__ */ t(
@@ -1084,7 +1070,7 @@ const kt = (e, i, n) => {
       }
     ),
     "why-are-some-of-my-transactions-uncategorized": /* @__PURE__ */ t(
-      J,
+      y,
       {
         altImage: e,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1144,7 +1130,7 @@ const kt = (e, i, n) => {
       }
     ),
     "why-cant-i-see-the-software": /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
           /* @__PURE__ */ t(o, { content: n.supported_browser_subheader }),
@@ -1186,22 +1172,22 @@ const kt = (e, i, n) => {
       }
     ),
     "how-do-i-log-out-of-the-software": /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ t(o, { content: n.log_out_text }),
         hasDivider: !1
       }
     )
   }[e];
-}, $t = ({ copy: e }) => {
+}, Ht = ({ copy: e }) => {
   const { goal_widget_overview: i } = e;
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(o, { content: i.goals_overview_title }),
     /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
-          /* @__PURE__ */ t(m, { content: i.setting_goals_section_title }),
+          /* @__PURE__ */ t(g, { content: i.setting_goals_section_title }),
           /* @__PURE__ */ t(o, { content: `${i.setting_goals_title_text}:` }),
           /* @__PURE__ */ t(
             a,
@@ -1226,9 +1212,9 @@ const kt = (e, i, n) => {
         hasDivider: !0
       }
     ),
-    /* @__PURE__ */ t(m, { content: i.create_goal_section_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.create_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      F,
+      G,
       {
         altImage: "create_goal",
         content: /* @__PURE__ */ t(
@@ -1260,9 +1246,9 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 10
       }
     ),
-    /* @__PURE__ */ t(m, { content: i.savings_goal_section_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.savings_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: "savings_goal",
         content: /* @__PURE__ */ t(
@@ -1284,9 +1270,9 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 3
       }
     ),
-    /* @__PURE__ */ t(m, { content: i.debt_payoff_goal_section_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.debt_payoff_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: "debt_payoff",
         content: /* @__PURE__ */ t(r.Fragment, { children: /* @__PURE__ */ t(
@@ -1310,9 +1296,9 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 3
       }
     ),
-    /* @__PURE__ */ t(m, { content: i.retirement_goal_section_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.retirement_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: "retirement_goal",
         content: /* @__PURE__ */ t(
@@ -1338,14 +1324,14 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      m,
+      g,
       {
         content: i.adjusting_contribution_priorities_section_title,
         sx: { pt: 48 }
       }
     ),
     /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: "manage_goal",
         content: /* @__PURE__ */ t(
@@ -1376,11 +1362,11 @@ const kt = (e, i, n) => {
       }
     )
   ] });
-}, zt = ({ copy: e }) => {
+}, Ut = ({ copy: e }) => {
   const i = e.investments;
   return {
     overviewSection: /* @__PURE__ */ t(
-      F,
+      G,
       {
         altImage: i.overview,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1437,12 +1423,12 @@ const kt = (e, i, n) => {
       }
     )
   }.overviewSection;
-}, Ht = ({ copy: e }) => {
+}, Vt = ({ copy: e }) => {
   const { mobile_devices_overview: i } = e;
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(o, { content: i.mobile_devices_overview_header_text }),
     /* @__PURE__ */ t(
-      F,
+      G,
       {
         altImage: i.alt_image_add_mobile_devices,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1480,7 +1466,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      m,
+      g,
       {
         content: i.preventing_app_crashes_section_title,
         sx: { pt: 48 }
@@ -1512,12 +1498,12 @@ const kt = (e, i, n) => {
     ),
     /* @__PURE__ */ t(o, { content: i.preventing_app_crashes_footer })
   ] });
-}, Ut = ({ copy: e, topicKey: i }) => {
+}, jt = ({ copy: e, topicKey: i }) => {
   const { networth_overview: n } = e;
   return {
     "net-worth-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        F,
+        G,
         {
           altImage: n.alt_image_net_worth_overview,
           content: /* @__PURE__ */ t(
@@ -1535,11 +1521,11 @@ const kt = (e, i, n) => {
         }
       ),
       /* @__PURE__ */ t(
-        b,
+        f,
         {
           content: /* @__PURE__ */ _(r.Fragment, { children: [
             /* @__PURE__ */ t(
-              m,
+              g,
               {
                 content: n.net_worth_history_section_title,
                 sx: { pt: 48 }
@@ -1558,9 +1544,9 @@ const kt = (e, i, n) => {
           ] })
         }
       ),
-      /* @__PURE__ */ t(m, { content: n.gains_losses_section_title, sx: { mt: 36 } }),
+      /* @__PURE__ */ t(g, { content: n.gains_losses_section_title, sx: { mt: 36 } }),
       /* @__PURE__ */ t(
-        A,
+        O,
         {
           altImage: n.alt_image_gains_losses,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1594,14 +1580,14 @@ const kt = (e, i, n) => {
         }
       ),
       /* @__PURE__ */ t(
-        m,
+        g,
         {
           content: n.assets_liabilities_section_title,
           sx: { mt: 36 }
         }
       ),
       /* @__PURE__ */ t(
-        A,
+        O,
         {
           altImage: n.alt_image_assets_liabilities,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1642,10 +1628,10 @@ const kt = (e, i, n) => {
       )
     ] })
   }[i];
-}, Vt = ({ copy: e, topicKey: i }) => ({
+}, Xt = ({ copy: e, topicKey: i }) => ({
   "notifications-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      k,
+      P,
       {
         altImage: e.notifications_overview.alt_image,
         content: /* @__PURE__ */ t(
@@ -1663,14 +1649,14 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      m,
+      g,
       {
         content: e.notifications_overview.managing_notifications_section_title,
         sx: { pt: 48 }
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      P,
       {
         altImage: e.notifications_overview.alt_image_managing_notifications,
         content: /* @__PURE__ */ t(r.Fragment, { children: /* @__PURE__ */ t(
@@ -1697,10 +1683,10 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
-          /* @__PURE__ */ t(m, { content: e.notifications_overview.notification_work_section_title }),
+          /* @__PURE__ */ t(g, { content: e.notifications_overview.notification_work_section_title }),
           /* @__PURE__ */ t(
             a,
             {
@@ -1729,10 +1715,10 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
-          /* @__PURE__ */ t(m, { content: e.notifications_overview.verify_email_section_title }),
+          /* @__PURE__ */ t(g, { content: e.notifications_overview.verify_email_section_title }),
           /* @__PURE__ */ t(
             a,
             {
@@ -1751,10 +1737,10 @@ const kt = (e, i, n) => {
       }
     )
   ] })
-})[i], jt = ({ copy: e }) => {
+})[i], Kt = ({ copy: e }) => {
   const i = e.recurring_transactions, n = {
     overviewSsction: /* @__PURE__ */ t(
-      F,
+      G,
       {
         altImage: i.overview_alt_image,
         content: /* @__PURE__ */ t(
@@ -1772,7 +1758,7 @@ const kt = (e, i, n) => {
       }
     ),
     calendarSection: /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ t(
           o,
@@ -1786,7 +1772,7 @@ const kt = (e, i, n) => {
       }
     ),
     editSsction: /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: i.manage_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1807,7 +1793,7 @@ const kt = (e, i, n) => {
       }
     ),
     paymentFrequencySection: /* @__PURE__ */ t(
-      A,
+      O,
       {
         altImage: i.payment_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1836,19 +1822,19 @@ const kt = (e, i, n) => {
   };
   return /* @__PURE__ */ _(r.Fragment, { children: [
     n.overviewSsction,
-    /* @__PURE__ */ t(m, { content: i.calendar_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.calendar_title, sx: { pt: 48 } }),
     n.calendarSection,
-    /* @__PURE__ */ t(m, { content: i.edit_recurring_transaction_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.edit_recurring_transaction_title, sx: { pt: 48 } }),
     n.editSsction,
-    /* @__PURE__ */ t(m, { content: i.payment_frequency_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(g, { content: i.payment_frequency_title, sx: { pt: 48 } }),
     n.paymentFrequencySection
   ] });
-}, Xt = ({ copy: e, topicKey: i }) => {
+}, Zt = ({ copy: e, topicKey: i }) => {
   const n = e.spending_widget_overview;
   return {
     "spending-widget-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        F,
+        G,
         {
           altImage: n.alt_image,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1874,10 +1860,10 @@ const kt = (e, i, n) => {
         }
       ),
       /* @__PURE__ */ t(
-        b,
+        f,
         {
           content: /* @__PURE__ */ _(r.Fragment, { children: [
-            /* @__PURE__ */ t(m, { content: n.date_range_section_title }),
+            /* @__PURE__ */ t(g, { content: n.date_range_section_title }),
             /* @__PURE__ */ t(o, { content: n.date_range_section }),
             /* @__PURE__ */ t(
               a,
@@ -1906,7 +1892,7 @@ const kt = (e, i, n) => {
       )
     ] }),
     "not-seeing-all-spending-categories": /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ t(
           a,
@@ -1931,7 +1917,7 @@ const kt = (e, i, n) => {
       }
     ),
     "spending-categories-seem-inaccurate": /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ t(
           a,
@@ -1944,10 +1930,10 @@ const kt = (e, i, n) => {
       }
     )
   }[i];
-}, Zt = ({ copy: e, topicKey: i }) => ({
+}, Yt = ({ copy: e, topicKey: i }) => ({
   "transactions-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      F,
+      G,
       {
         altImage: e.transactions_widget_overview.widget_overview_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1979,14 +1965,14 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      m,
+      g,
       {
         content: e.transactions_widget_overview.edit_transactions_title,
         sx: { pt: 48 }
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      P,
       {
         altImage: e.transactions_widget_overview.edit_transactions_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2031,14 +2017,14 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      m,
+      g,
       {
         content: e.transactions_widget_overview.categorizing_transactions_title,
         sx: { pt: 48 }
       }
     ),
     /* @__PURE__ */ t(
-      J,
+      y,
       {
         altImage: e.transactions_widget_overview.categorizing_transactions_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2074,14 +2060,14 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      m,
+      g,
       {
         content: e.transactions_widget_overview.transaction_rules_title,
         sx: { pt: 48 }
       }
     ),
     /* @__PURE__ */ t(
-      J,
+      y,
       {
         altImage: e.transactions_widget_overview.transaction_rules_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2160,10 +2146,10 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      b,
+      f,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
-          /* @__PURE__ */ t(m, { content: e.transactions_widget_overview.split_transactions_title }),
+          /* @__PURE__ */ t(g, { content: e.transactions_widget_overview.split_transactions_title }),
           /* @__PURE__ */ t(o, { content: e.transactions_widget_overview.split_transactions_description }),
           /* @__PURE__ */ t(
             o,
@@ -2282,7 +2268,7 @@ const kt = (e, i, n) => {
     )
   ] }),
   "exporting-transactions": /* @__PURE__ */ t(
-    F,
+    G,
     {
       altImage: e.export_transactions.export_transactions_alt_image,
       content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2320,9 +2306,9 @@ const kt = (e, i, n) => {
       sx: { pt: 24 }
     }
   )
-})[i], Yt = ({ copy: e }) => /* @__PURE__ */ _(r.Fragment, { children: [
+})[i], Qt = ({ copy: e }) => /* @__PURE__ */ _(r.Fragment, { children: [
   /* @__PURE__ */ t(
-    F,
+    G,
     {
       altImage: e.trends_widget_overview.widget_overview_alt_image,
       content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2353,10 +2339,10 @@ const kt = (e, i, n) => {
     }
   ),
   /* @__PURE__ */ t(
-    b,
+    f,
     {
       content: /* @__PURE__ */ _(r.Fragment, { children: [
-        /* @__PURE__ */ t(m, { content: e.trends_widget_overview.exploring_trends_title }),
+        /* @__PURE__ */ t(g, { content: e.trends_widget_overview.exploring_trends_title }),
         /* @__PURE__ */ t(
           a,
           {
@@ -2373,10 +2359,10 @@ const kt = (e, i, n) => {
     }
   ),
   /* @__PURE__ */ t(
-    b,
+    f,
     {
       content: /* @__PURE__ */ _(r.Fragment, { children: [
-        /* @__PURE__ */ t(m, { content: e.trends_widget_overview.list_view_title }),
+        /* @__PURE__ */ t(g, { content: e.trends_widget_overview.list_view_title }),
         /* @__PURE__ */ t(o, { content: e.trends_widget_overview.list_view_description }),
         /* @__PURE__ */ t(
           a,
@@ -2398,10 +2384,10 @@ const kt = (e, i, n) => {
     "insights-widget-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(o, { content: n.widget_overview_description }),
       /* @__PURE__ */ t(
-        b,
+        f,
         {
           content: /* @__PURE__ */ _(r.Fragment, { children: [
-            /* @__PURE__ */ t(m, { content: n.insights_work_section_title }),
+            /* @__PURE__ */ t(g, { content: n.insights_work_section_title }),
             /* @__PURE__ */ t(o, { content: n.insights_work_description }),
             /* @__PURE__ */ t(
               a,
@@ -2432,9 +2418,9 @@ const kt = (e, i, n) => {
           sx: { pt: 8 }
         }
       ),
-      /* @__PURE__ */ t(m, { content: n.dashboard_insights_section_title, sx: { mt: 48 } }),
+      /* @__PURE__ */ t(g, { content: n.dashboard_insights_section_title, sx: { mt: 48 } }),
       /* @__PURE__ */ t(
-        k,
+        P,
         {
           altImage: n.alt_image_dashboard_insights,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2454,9 +2440,9 @@ const kt = (e, i, n) => {
           image: p.INSIGHTS_CAROUSEL
         }
       ),
-      /* @__PURE__ */ t(m, { content: n.full_feed_section_title, sx: { mt: 48 } }),
+      /* @__PURE__ */ t(g, { content: n.full_feed_section_title, sx: { mt: 48 } }),
       /* @__PURE__ */ t(
-        A,
+        O,
         {
           altImage: n.alt_image_full_feed,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2495,9 +2481,9 @@ const kt = (e, i, n) => {
           imageLargeBreakPoint: 3
         }
       ),
-      /* @__PURE__ */ t(m, { content: n.hide_insights_section_title, sx: { mt: 48 } }),
+      /* @__PURE__ */ t(g, { content: n.hide_insights_section_title, sx: { mt: 48 } }),
       /* @__PURE__ */ t(
-        b,
+        f,
         {
           content: /* @__PURE__ */ _(r.Fragment, { children: [
             /* @__PURE__ */ t(
@@ -2516,33 +2502,33 @@ const kt = (e, i, n) => {
       )
     ] })
   }[i];
-}, Kt = {
-  accounts: Bt,
-  alerts: Vt,
-  budgets: Pt,
-  cashflow: Wt,
-  debts: Mt,
-  general: qt,
-  goals: $t,
+}, yt = {
+  accounts: Wt,
+  alerts: Xt,
+  budgets: Mt,
+  cashflow: zt,
+  debts: qt,
+  general: $t,
+  goals: Ht,
   insights: Jt,
-  investments: zt,
-  mobile: Ht,
-  networth: Ut,
-  recurring_transactions: jt,
-  spending: Xt,
-  transactions: Zt,
-  trends: Yt
-}, Qt = ({
+  investments: Ut,
+  mobile: Vt,
+  networth: jt,
+  recurring_transactions: Kt,
+  spending: Zt,
+  transactions: Yt,
+  trends: Qt
+}, te = ({
   copy: e,
   hasRequestButton: i = !1,
   onNavigateToList: n,
   onRequestSupport: l,
-  topicInfo: { category: c, pageTitle: d, topicKey: g, guid: h }
+  topicInfo: { category: c, pageTitle: d, topicKey: u, guid: v }
 }) => {
-  const { help: f } = V(), v = Kt[h] || null;
+  const { help: S } = K(), h = yt[v] || null;
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      Gt,
+      Bt,
       {
         buttonCopy: e.request_support,
         hasRequestButton: i,
@@ -2552,9 +2538,9 @@ const kt = (e, i, n) => {
         topicTitle: d
       }
     ),
-    /* @__PURE__ */ t(Et, { children: v && /* @__PURE__ */ t(v, { copy: f, topicKey: g }) })
+    /* @__PURE__ */ t(Ot, { children: h && /* @__PURE__ */ t(h, { copy: S, topicKey: u }) })
   ] });
-}, j = ({
+}, Z = ({
   content: e,
   hasIcon: i = !0,
   institution: n = "",
@@ -2563,7 +2549,7 @@ const kt = (e, i, n) => {
   title: d
 }) => /* @__PURE__ */ _(r.Fragment, { children: [
   /* @__PURE__ */ _(
-    E,
+    C,
     {
       sx: {
         gap: 8,
@@ -2573,64 +2559,66 @@ const kt = (e, i, n) => {
       },
       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__ */ _(C, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
+            i && /* @__PURE__ */ t(Y, { name: "help", size: 20, sx: { color: "text.primary" } }),
+            /* @__PURE__ */ t(E, { color: "text.primary", variant: "h3", children: d })
           ] }),
-          n && /* @__PURE__ */ t(T, { color: "text.primary", variant: "H3", children: n })
+          n && /* @__PURE__ */ t(E, { color: "text.primary", variant: "h3", children: n })
         ] }),
-        /* @__PURE__ */ t(T, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "Small", children: c })
+        /* @__PURE__ */ t(E, { color: "text.secondary", variant: "body2", children: c })
       ]
     }
   ),
-  e && /* @__PURE__ */ t(H, { color: "text.secondary", sx: { px: 24 }, variant: "Small", children: e })
-] }), yt = ({
+  e && /* @__PURE__ */ t(U, { color: "text.secondary", sx: { px: 24 }, variant: "body2", children: e })
+] }), ee = ({
   alert: e,
   copy: i,
   email: n,
   institution: l,
   isLoading: c,
   isOpen: d,
-  onClose: g,
-  onSubmit: h,
-  setAlert: f,
-  topic: v
+  onClose: u,
+  onSubmit: v,
+  setAlert: S,
+  topic: h
 }) => {
-  const [w, O] = r.useState(""), D = () => !c && g(), q = () => {
-    O(""), h(w);
-  }, G = l ? i.request_support_institution_short_content : i.request_support_contact_short_content;
+  const [w, I] = r.useState(""), { onEvent: D } = V(), R = () => !c && u(), H = () => {
+    D(k.HELP_SUBMIT_SUPPORT_REQUEST, {
+      supportRequest: w
+    }), I(""), v(w);
+  }, T = l ? i.request_support_institution_short_content : i.request_support_contact_short_content;
   return /* @__PURE__ */ _(
-    U,
+    j,
     {
       isOpen: d,
       isPrimaryDisabled: !w || !n,
-      onClose: D,
-      onPrimaryAction: q,
-      onSecondaryAction: D,
+      onClose: R,
+      onPrimaryAction: H,
+      onSecondaryAction: R,
       secondaryColor: "primary",
       title: i.request_support,
       children: [
-        c ? /* @__PURE__ */ t(dt, {}) : /* @__PURE__ */ _(r.Fragment, { children: [
+        c ? /* @__PURE__ */ t(mt, {}) : /* @__PURE__ */ _(r.Fragment, { children: [
           /* @__PURE__ */ t(
-            j,
+            Z,
             {
               hasIcon: !l,
               institution: l,
               reverse: !!l,
-              subtitle: G,
-              title: v
+              subtitle: T,
+              title: h
             }
           ),
           /* @__PURE__ */ t(N, { sx: { px: 24 }, children: /* @__PURE__ */ t(
-            lt,
+            ut,
             {
-              InputLabelProps: { shrink: !0 },
               error: !n,
               fullWidth: !0,
               helperText: n ? null : i.request_support_email_not_exists_message,
               label: i.request_contact_support_label,
               multiline: !0,
-              onChange: ({ target: { value: x } }) => O(x),
+              onChange: ({ target: { value: b } }) => I(b),
+              slotProps: { inputLabel: { shrink: !0 } },
               sx: {
                 "& .MuiInputBase-root": { alignItems: "flex-start", minHeight: 124 },
                 "& .MuiInputBase-input::placeholder": {
@@ -2643,90 +2631,96 @@ const kt = (e, i, n) => {
             }
           ) }),
           /* @__PURE__ */ t(N, { sx: { p: "12px 24px 64px" }, children: /* @__PURE__ */ t(
-            T,
+            E,
             {
               color: "secondary",
               sx: {
                 fontSize: 13,
-                fontWeight: 400,
-                whiteSpace: "wrap"
+                fontWeight: 400
               },
-              variant: "ParagraphSmall",
+              variant: "subtitle2",
               children: i.request_contact_support_warning
             }
           ) })
         ] }),
         e.message && /* @__PURE__ */ t(
-          ct,
+          gt,
           {
             anchorOrigin: { vertical: "bottom", horizontal: "center" },
             autoHideDuration: 3500,
-            onClose: () => f(""),
+            onClose: () => S(""),
             open: !!e.message && e.severity === "error" && !c,
-            children: /* @__PURE__ */ t(at, { onClose: () => f(""), severity: e.severity, variant: "filled", children: e.message })
+            children: /* @__PURE__ */ t(dt, { onClose: () => S(""), severity: e.severity, variant: "filled", children: e.message })
           }
         )
       ]
     }
   );
-}, te = ({
+}, ie = ({
   helpByCategory: e,
   onClick: i
 }) => {
-  const [n, l] = r.useState(null);
-  return /* @__PURE__ */ t(E, { sx: { flex: 1, gap: 12, p: 12 }, children: e.map(({ icon: c, topics: d, title: g }, h) => /* @__PURE__ */ _(
-    it,
+  const [n, l] = r.useState(null), { onEvent: c } = V();
+  return /* @__PURE__ */ t(C, { sx: { flex: 1, gap: 12, p: 12 }, children: e.map(({ icon: d, topics: u, title: v }, S) => /* @__PURE__ */ _(
+    _t,
     {
       disableGutters: !0,
-      expanded: h === n,
-      onChange: (f, v) => {
-        l(v ? h : null);
+      expanded: S === n,
+      onChange: (h, w) => {
+        c(k.HELP_EXPAND_CATEGORY, {
+          category: v
+        }), l(w ? S : null);
       },
-      sx: ee,
+      sx: ne,
       children: [
         /* @__PURE__ */ t(
-          st,
+          rt,
           {
-            expandIcon: /* @__PURE__ */ t(ot, { sx: { color: "text.primary" } }),
+            expandIcon: /* @__PURE__ */ t(ct, { sx: { color: "text.primary" } }),
             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 })
+            children: /* @__PURE__ */ _(C, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
+              /* @__PURE__ */ t(Y, { name: d, size: 24 }),
+              /* @__PURE__ */ t(E, { variant: "body1", children: v })
             ] })
           }
         ),
-        /* @__PURE__ */ t(M, {}),
+        /* @__PURE__ */ t(z, {}),
         /* @__PURE__ */ t(
-          nt,
+          ot,
           {
             sx: {
               ml: 56,
               p: 0
             },
-            children: /* @__PURE__ */ t(K, { sx: { "& .MuiListItemButton-root": { pl: 6 } }, children: d.map(({ label: f, type: v }, w) => /* @__PURE__ */ t(
-              Q,
+            children: /* @__PURE__ */ t(tt, { sx: { "& .MuiListItemButton-root": { pl: 6 } }, children: u.map(({ label: h, type: w }, I) => /* @__PURE__ */ t(
+              et,
               {
                 divider: !0,
-                onClick: () => i(f, v),
+                onClick: () => {
+                  c(k.HELP_CLICK_CATEGORY, {
+                    category: v,
+                    helpTopic: h
+                  }), i(h, w);
+                },
                 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(E, { color: "secondary", variant: "body2", children: h })
               },
-              w
+              I
             )) })
           }
         )
       ]
     },
-    h
+    S
   )) });
-}, ee = (e) => ({
-  border: `1px solid ${e.palette.border?.light}`,
+}, ne = (e) => ({
+  border: `1px solid ${e.palette.neutral?.light}`,
   borderRadius: "8px",
   "&:first-of-type": { borderRadius: "8px" },
   "&:before": {
@@ -2736,51 +2730,51 @@ const kt = (e, i, n) => {
     borderBottomLeftRadius: 8,
     borderBottomRightRadius: 8
   }
-}), et = {
+}), st = {
   institutionName: "",
   institutionWebsite: ""
-}, Y = {
+}, J = {
   institutionName: "",
   institutionLoginPage: "",
   institutionWebsite: ""
-}, ie = rt(
+}, se = lt(
   ({ 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), O = [
+    const { alert: c, isLoading: d, setAlert: u } = nt(), [v, S] = r.useState(st), [h, w] = r.useState(J), I = [
       { name: "institutionName", required: !0 },
       { name: "institutionWebsite", required: !0 },
       { name: "institutionLoginPage", required: !1 }
-    ].map((x, S) => ({
-      ...x,
-      label: e.popular_topics_missing_institution_fields[S.toString()]
+    ].map((T, b) => ({
+      ...T,
+      label: e.popular_topics_missing_institution_fields[b.toString()]
     })), D = () => {
-      f(et), w(Y), n();
-    }, q = (x) => {
+      S(st), w(J), n();
+    }, R = (T) => {
       const {
-        target: { name: S, value: B }
-      } = x;
-      w((R) => ({
-        ...R,
-        [S]: B
+        target: { name: b, value: W }
+      } = T;
+      w((L) => ({
+        ...L,
+        [b]: W
       }));
     };
     return /* @__PURE__ */ _(
-      U,
+      j,
       {
         isOpen: i,
         onClose: D,
         onPrimaryAction: () => {
-          const x = {};
-          let S = !0;
-          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));
+          const T = {};
+          let b = !0;
+          I.forEach(({ label: W, name: L, required: X }) => {
+            const F = h[L];
+            X && !F && (T[L] = `${W} ${e.request_support_required_message}`, b = !1), (L === "institutionWebsite" || L === "institutionLoginPage") && F && !/(.+)\.(.{2,})/g.test(F) && (T[L] = e.request_support_valid_url_message, b = !1);
+          }), S(T), b && (l(h), w(J));
         },
         secondaryColor: "primary",
         title: e.request_support,
         children: [
           /* @__PURE__ */ t(
-            j,
+            Z,
             {
               content: e.popular_topics_missing_institution_content,
               hasIcon: !1,
@@ -2789,81 +2783,93 @@ const kt = (e, i, n) => {
               title: e.popular_topics_missing_institution
             }
           ),
-          /* @__PURE__ */ t(E, { sx: { gap: 24, p: 24 }, children: O.map(({ label: x, name: S }) => /* @__PURE__ */ t(
-            lt,
+          /* @__PURE__ */ t(C, { sx: { gap: 24, p: 24 }, children: I.map(({ label: T, name: b }) => /* @__PURE__ */ t(
+            ut,
             {
-              InputLabelProps: { shrink: !0 },
-              error: !!h[S],
+              error: !!v[b],
               fullWidth: !0,
-              helperText: h[S] || "",
-              label: x,
-              name: S,
-              onChange: q,
-              value: v[S]
+              helperText: v[b] || "",
+              label: T,
+              name: b,
+              onChange: R,
+              slotProps: { inputLabel: { shrink: !0 } },
+              value: h[b]
             },
-            S
+            b
           )) }),
           c.message && /* @__PURE__ */ t(
-            ct,
+            gt,
             {
               anchorOrigin: { vertical: "bottom", horizontal: "center" },
               autoHideDuration: 3500,
-              onClose: () => g(""),
+              onClose: () => u(""),
               open: !!c.message && c.severity === "error" && !d,
-              children: /* @__PURE__ */ t(at, { onClose: () => g(""), severity: c.severity, variant: "filled", children: c.message })
+              children: /* @__PURE__ */ t(dt, { onClose: () => u(""), severity: c.severity, variant: "filled", children: c.message })
             }
           )
         ]
       }
     );
   }
-), ne = ({
+), _e = (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 u = `${l[c]} ${l[c] === 1 ? n.singular : n.plural}`;
+    return {
+      ...d,
+      guid: c,
+      subtitle: u
+    };
+  });
+}, oe = ({
   name: e,
   onClick: i,
   subtitle: n,
   guid: l,
   sx: c
-}) => /* @__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(Pt, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(et, { "aria-label": e, onClick: i, children: [
+  l && /* @__PURE__ */ t(Rt, { children: /* @__PURE__ */ t(ft, { alt: e, institutionGuid: l || "", size: 32 }) }),
   /* @__PURE__ */ t(
-    Lt,
+    Ft,
     {
       primary: e,
-      primaryTypographyProps: { style: { ...c }, variant: "Body" },
       secondary: n,
-      secondaryTypographyProps: { variant: "XSmall" }
+      slotProps: {
+        primary: { style: { ...c }, variant: "body1" },
+        secondary: { variant: "caption" }
+      }
     }
   ),
-  /* @__PURE__ */ t(Dt, { children: /* @__PURE__ */ t(wt, {}) })
-] }) }), 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(Gt, { children: /* @__PURE__ */ t(St, {}) })
+] }) }), pt = ({ list: e, onClick: i, sx: n }) => /* @__PURE__ */ t(N, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ t(tt, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: e.map(({ name: l, guid: c, subtitle: d, type: u }, v) => /* @__PURE__ */ _(r.Fragment, { children: [
   /* @__PURE__ */ t(
-    ne,
+    oe,
     {
       guid: c,
       name: l,
-      onClick: () => i?.(l, g),
+      onClick: () => i?.(l, u),
       subtitle: d,
       sx: n
     }
   ),
-  /* @__PURE__ */ t(M, { sx: { ml: 24 } })
-] }, `${l}-${h}`)) }) }), se = ({
+  /* @__PURE__ */ t(z, { sx: { ml: 24 } })
+] }, `${l}-${v}`)) }) }), re = ({
   copy: e,
   isOpen: i,
   onClick: n,
   onClose: l,
   topic: c
 }) => {
-  const { institutions: d, accounts: g } = ft(), h = r.useMemo(
-    () => kt(d, g, {
+  const { institutions: d, accounts: u } = It(), { onEvent: v } = V(), S = r.useMemo(
+    () => _e(d, u, {
       singular: e.request_support_institution_account,
       plural: e.request_support_institution_accounts
     }),
-    [d, g]
+    [d, u]
   );
-  return /* @__PURE__ */ t(U, { isOpen: i, onClose: l, title: e.request_support, children: /* @__PURE__ */ _(E, { children: [
+  return /* @__PURE__ */ t(j, { isOpen: i, onClose: l, title: e.request_support, children: /* @__PURE__ */ _(C, { children: [
     /* @__PURE__ */ t(
-      j,
+      Z,
       {
         hasIcon: !1,
         reverse: !0,
@@ -2872,37 +2878,49 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      T,
+      E,
       {
         color: "text.primary",
         fontWeight: "bold",
         gutterBottom: !0,
         sx: { ml: 24 },
-        variant: "XSmall",
+        variant: "caption",
         children: e.request_support_institution_topic_label
       }
     ),
-    /* @__PURE__ */ t(gt, { list: h, onClick: n, sx: { fontWeight: 600 } })
+    /* @__PURE__ */ t(
+      pt,
+      {
+        list: S,
+        onClick: (h) => {
+          v(k.HELP_CLICK_SUPPORT_FOR_INSTITUTION, {
+            supportTopic: c,
+            supportInstitution: h
+          }), n(h);
+        },
+        sx: { fontWeight: 600 }
+      }
+    )
   ] }) });
-}, _e = ({ copy: e, onButtonClick: i }) => {
-  const n = oe();
-  return /* @__PURE__ */ _(E, { sx: { alignItems: "center", gap: 5 }, children: [
-    /* @__PURE__ */ t(H, { color: "text.secondary", sx: n, children: e.contact_support }),
+}, ae = ({ copy: e, onButtonClick: i }) => {
+  const n = ce();
+  return /* @__PURE__ */ _(C, { sx: { alignItems: "center", gap: 5 }, children: [
+    /* @__PURE__ */ t(U, { color: "text.secondary", sx: n, children: e.contact_support }),
     /* @__PURE__ */ t(
-      T,
+      E,
       {
         color: "text.secondary",
-        sx: { whiteSpace: "wrap", fontWeight: 400, textAlign: "center" },
-        variant: "ParagraphSmall",
+        sx: { fontWeight: 400, textAlign: "center" },
+        variant: "subtitle2",
         children: e.request_support_footer_short_content
       }
     ),
     /* @__PURE__ */ t($, { onClick: i, sx: { ...n, mt: 24 }, children: e.request_support_footer_button })
   ] });
-}, oe = () => ({
+}, ce = () => ({
   fontWeight: 600,
   textAlign: "center"
-}), re = ({
+}), le = ({
   copy: e,
   institution: i,
   isOpen: n,
@@ -2910,10 +2928,10 @@ const kt = (e, i, n) => {
   popularTopicsDrawerOnClose: c,
   title: d
 }) => {
-  const { common: g } = V();
-  return /* @__PURE__ */ _(U, { isOpen: n, onClose: l, title: e.request_support, children: [
+  const { common: u } = K();
+  return /* @__PURE__ */ _(j, { isOpen: n, onClose: l, title: e.request_support, children: [
     /* @__PURE__ */ t(
-      j,
+      Z,
       {
         hasIcon: !1,
         institution: i,
@@ -2934,244 +2952,258 @@ const kt = (e, i, n) => {
         },
         children: [
           /* @__PURE__ */ t(
-            T,
+            E,
             {
               color: "secondary",
               sx: {
                 fontWeight: 600
               },
-              variant: "Body",
+              variant: "body1",
               children: s(e.request_support_institution_message_title, i)
             }
           ),
           /* @__PURE__ */ t(
-            H,
+            U,
             {
               color: "secondary",
               sx: {
                 fontWeight: 400,
                 mt: 2
               },
-              variant: "ParagraphSmall",
+              variant: "subtitle2",
               children: s(e.request_support_institution_message, i)
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ _(E, { direction: "column", spacing: 8, sx: { mx: 24 }, children: [
-      /* @__PURE__ */ t($, { onClick: c, variant: "contained", children: g.done_button }),
+    /* @__PURE__ */ _(C, { direction: "column", spacing: 8, sx: { mx: 24 }, children: [
+      /* @__PURE__ */ t($, { onClick: c, variant: "contained", children: u.done_button }),
       /* @__PURE__ */ t($, { onClick: l, variant: "text", children: e.request_support_institution_back })
     ] })
   ] });
-}, ae = ({
+}, de = ({
   copy: e,
   email: i,
   isOpen: n,
   onBack: l,
   onClose: c
 }) => {
-  const { common: d } = V();
-  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 })
+  const { common: d } = K();
+  return /* @__PURE__ */ t(j, { isOpen: n, onClose: c, title: e.request_support, children: /* @__PURE__ */ _(N, { sx: { px: 24 }, children: [
+    /* @__PURE__ */ t(C, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ t(Y, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
+    /* @__PURE__ */ _(C, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
+      /* @__PURE__ */ t(at, { children: e.request_support_success }),
+      /* @__PURE__ */ t(U, { align: "center", variant: "body1", children: e.request_support_submit_success_message }),
+      /* @__PURE__ */ t(E, { bold: !0, variant: "body1", children: i })
     ] }),
     /* @__PURE__ */ t($, { fullWidth: !0, onClick: c, variant: "contained", children: d.done_button }),
     /* @__PURE__ */ t($, { fullWidth: !0, onClick: l, sx: { mt: 8 }, children: e.request_support_institution_back })
   ] }) });
-}, ce = rt(
+}, ge = lt(
   ({ 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(""), [O, D] = r.useState(!1), [q, G] = r.useState(!1), [x, S] = r.useState({
+    const { onEvent: l } = V(), { alert: c, createSupportTicket: d, isLoading: u, setAlert: v } = nt(), { isInitialized: S } = Tt(), { user: h } = Et(), [w, I] = r.useState(""), [D, R] = r.useState(!1), [H, T] = r.useState(!1), [b, W] = 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,
-        label: e.help_by_category_list[I.guid].topics[pt]
+    }), L = Lt.map((x) => ({
+      ...x,
+      title: e.help_by_category_list[x.guid].label,
+      topics: x.topics.map(({ type: M }, bt) => ({
+        type: M,
+        label: e.help_by_category_list[x.guid].topics[bt]
       }))
-    })), R = Object.keys(e.popular_topics_list).map((I, z) => ({
-      name: e.popular_topics_list[I],
-      type: At[z].type
-    })), P = () => {
-      w(""), S({ isOpen: !1, topic: "", type: void 0 });
-    }, L = (I) => {
-      h.email && c({
+    })), X = Object.keys(e.popular_topics_list).map((x, M) => ({
+      name: e.popular_topics_list[x],
+      type: Dt[M].type
+    })), F = () => {
+      I(""), W({ isOpen: !1, topic: "", type: void 0 });
+    }, B = (x) => {
+      h.email && d({
         email: h.email,
-        message: v ? `Institution: ${v}, ${I}` : I,
-        title: x.topic || "Contact Support"
+        message: w ? `Institution: ${w}, ${x}` : x,
+        title: b.topic || "Contact Support"
       });
-    }, W = (I, z) => {
-      z === "other" ? G(!0) : S({ isOpen: !0, topic: I, type: z });
-    }, mt = () => {
-      g(""), D(!1), G(!1), P();
-    }, ut = (I) => {
+    }, q = (x, M) => {
+      M === "other" ? T(!0) : W({ isOpen: !0, topic: x, type: M });
+    }, ht = () => {
+      v(""), R(!1), T(!1), F();
+    }, vt = (x) => {
       if (!h.email) {
-        g(e.request_support_email_not_exists_message, "error");
+        v(e.request_support_email_not_exists_message, "error");
         return;
       }
-      c({
+      l(k.HELP_CLICK_SUPPORT_FOR_MISSING_INSTITUTION, {
+        supportTopic: "missingInstitution",
+        institutionName: x.institutionName,
+        institutionWebsite: x.institutionWebsite,
+        institutionLoginPage: x.institutionLoginPage
+      }), d({
         email: h.email,
-        message: `Institution Website: ${I.institutionWebsite}${I.institutionLoginPage ? ` Institution Login Page: ${I.institutionLoginPage}` : ""} `,
-        title: `Institution Request: ${I.institutionName}`
+        message: `Institution Website: ${x.institutionWebsite}${x.institutionLoginPage ? ` Institution Login Page: ${x.institutionLoginPage}` : ""} `,
+        title: `Institution Request: ${x.institutionName}`
       });
     };
-    return /* @__PURE__ */ t(U, { isOpen: i, onClose: n, title: e.request_support, children: !f || d ? /* @__PURE__ */ t(dt, {}) : /* @__PURE__ */ _(r.Fragment, { children: [
-      /* @__PURE__ */ _(E, { children: [
+    return /* @__PURE__ */ t(j, { isOpen: i, onClose: n, title: e.request_support, children: !S || u ? /* @__PURE__ */ t(mt, {}) : /* @__PURE__ */ _(r.Fragment, { children: [
+      /* @__PURE__ */ _(C, { children: [
         /* @__PURE__ */ t(
-          j,
+          Z,
           {
             subtitle: e.request_support_short_content,
             title: e.request_support_title
           }
         ),
         /* @__PURE__ */ t(
-          T,
+          E,
           {
             color: "text.primary",
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { ml: 24 },
-            variant: "XSmall",
+            variant: "caption",
             children: e.popular_topics
           }
         ),
         /* @__PURE__ */ t(
-          gt,
+          pt,
           {
-            list: R,
-            onClick: W,
+            list: X,
+            onClick: (x, M) => {
+              l(k.HELP_CLICK_SUPPORT_TOPIC, { supportTopic: x }), q(x, M);
+            },
             sx: { fontWeight: 400 }
           }
         ),
         /* @__PURE__ */ t(
-          T,
+          E,
           {
             color: "text.primary",
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { m: "24px 0px 0px 24px" },
-            variant: "XSmall",
+            variant: "caption",
             children: e.help_by_category
           }
         ),
         /* @__PURE__ */ t(
-          te,
+          ie,
           {
-            helpByCategory: B,
-            onClick: W
+            helpByCategory: L,
+            onClick: q
           }
         ),
         /* @__PURE__ */ t(N, { sx: { p: 24 }, children: /* @__PURE__ */ t(
-          _e,
+          ae,
           {
             copy: e,
-            onButtonClick: () => D(!0)
+            onButtonClick: () => {
+              l(k.HELP_OPEN_SUPPORT_REQUEST, {}), R(!0);
+            }
           }
         ) })
       ] }),
       /* @__PURE__ */ t(
-        yt,
+        ee,
         {
-          alert: l,
+          alert: c,
           copy: e,
           email: h.email,
-          institution: v,
-          isLoading: d,
-          isOpen: O,
+          institution: w,
+          isLoading: u,
+          isOpen: D,
           onClose: () => {
-            D(!1), w("");
+            R(!1), I("");
           },
-          onSubmit: L,
-          setAlert: g,
-          topic: x.topic || e.contact_support
+          onSubmit: B,
+          setAlert: v,
+          topic: b.topic || e.contact_support
         }
       ),
       /* @__PURE__ */ t(
-        ie,
+        se,
         {
           copy: e,
-          isOpen: q,
-          onClose: () => G(!1),
-          onSave: ut
+          isOpen: H,
+          onClose: () => T(!1),
+          onSave: vt
         }
       ),
       /* @__PURE__ */ t(
-        se,
+        re,
         {
           copy: e,
-          isOpen: x.isOpen,
-          onClick: (I) => {
-            w(I), x.type === "internal" && D(!0);
+          isOpen: b.isOpen,
+          onClick: (x) => {
+            I(x), b.type === "internal" && R(!0);
           },
-          onClose: P,
-          topic: x.topic
+          onClose: F,
+          topic: b.topic
         }
       ),
       /* @__PURE__ */ t(
-        ae,
+        de,
         {
           copy: e,
           email: h.email,
-          isOpen: !!l.message && l.severity === "success" && !d,
+          isOpen: !!c.message && c.severity === "success" && !u,
           onBack: () => {
-            g(""), x.type === "internal" && D(!1);
+            v(""), b.type === "internal" && R(!1);
           },
-          onClose: mt
+          onClose: ht
         }
       ),
       /* @__PURE__ */ t(
-        re,
+        le,
         {
           copy: e,
-          institution: v,
-          isOpen: !!v && x.type === "external",
-          onClose: () => w(""),
-          popularTopicsDrawerOnClose: P,
-          title: x.topic
+          institution: w,
+          isOpen: !!w && b.type === "external",
+          onClose: () => I(""),
+          popularTopicsDrawerOnClose: F,
+          title: b.topic
         }
       )
     ] }) });
   }
-), qe = ({ 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,
-      {
-        copy: i,
-        hasRequestButton: c.enable_support_requests,
-        onNavigateToList: () => f(null),
-        onRequestSupport: w,
-        topicInfo: h
+), Ve = ({ sx: e = {} }) => {
+  const { config: i } = Ct(), { onEvent: n } = V(), { help: l } = K(), { helpCategories: c } = nt(), { isMobile: d } = Nt(), [u, v] = r.useState(!1), [S, h] = r.useState(null), w = (D) => {
+    n(k.HELP_CLICK_TOPIC, {
+      feature: D.category,
+      helpTopic: D.pageTitle
+    }), h(D);
+  }, I = () => v(!0);
+  return /* @__PURE__ */ _(N, { sx: { pt: 24, px: d ? 24 : 0, ...e }, children: [
+    S ? /* @__PURE__ */ t(
+      te,
+      {
+        copy: l,
+        hasRequestButton: i.enable_support_requests,
+        onNavigateToList: () => h(null),
+        onRequestSupport: I,
+        topicInfo: S
       }
     ) : /* @__PURE__ */ t(
-      Ft,
+      kt,
       {
-        buttonText: i.request_support,
-        hasRequestButton: c.enable_support_requests,
-        helpCategories: n,
-        helpContent: i.list_short_content,
-        helpTitle: i.list_title,
-        onRequestHelp: w,
-        onTopicSelect: v
+        buttonText: l.request_support,
+        hasRequestButton: i.enable_support_requests,
+        helpCategories: c,
+        helpContent: l.list_short_content,
+        helpTitle: l.list_title,
+        onRequestHelp: I,
+        onTopicSelect: w
       }
     ),
     /* @__PURE__ */ t(
-      ce,
+      ge,
       {
-        copy: i,
-        isOpen: d,
-        onClose: () => g(!1)
+        copy: l,
+        isOpen: u,
+        onClose: () => v(!1)
       }
     )
   ] });
 };
 export {
-  qe as H
+  Ve as H
 };